app-version

移动端rem适配屏幕

狂风中的少年 提交于 2021-02-10 08:11:42
   九月已成历史,十月如期而至...可能是九月工作比较清闲,周记就没怎么写,十月决不能这么堕落,立贴为证,至少保证5篇博客!!!如果没学到什么新知识,就对以往的那些工作中常用到的知识点做个总结...话不多说,今天就来谈谈移动端的rem适配...本文将从rem是什么、为什么要用rem适配、怎么用rem来讲解,保证浅显易懂... 1、什么是rem   rem(font size of the root element)是指相对于根元素( <html> )的字体大小的单位。简单的说它就是一个相对单位。看到rem大家一定会想起em单位,em(font size of the element)是指相对于 自身的字体大小 的单位。它们之间其实很相似,只不过一个计算的规则是依赖根元素一个是依赖父元素计算。 2、为什么用rem适配   由于移动端的屏幕众多,就拿iphone来说,iphone5、iphone6、iphone6+分别是320px、375px、414px...Android机的分辨率更是百花齐放...面对这么多的屏幕,px显然不能轻易去适配了,比如设置div的 padding-left为10px时,iphone5中比例和设计稿一致,但iphone6+则显得有点“瘦”了,因此我们要想着去适配不同屏幕的手机,让设计稿在分辨率相差很大的手机上显示的效果也要一样。   早期的适配用百分比

Java生鲜电商平台-统一格式返回的API架构设计与实战

十年热恋 提交于 2021-01-07 07:29:49
Java生鲜电商平台-统一格式返回的API架构设计与实战 说明:随着互联网各岗位精细化分工的普及,出现了很多的系统架构设计,比如常见的前后端分离架构,后端提供接口给前端,前端根据接口的数据进行渲染,大家各执其职,效率也非常的高,但是随着接口的增加,如果不统一的规范就会额外的增加大量的沟通成本以及学习成本,对管理者而言是非常的不利。为此,我在这篇文章分享给大家一个 Java生鲜电商平台中 如何返回统一格式的API的整体架构设计。 一般系统的大致整体架构图如下: 需要说明的是,有些小伙伴会回复说,这个架构太简单了吧,太low了,什么网关啊,缓存啊,消息中间件啊,都没有。因为这篇主要介绍的是API接口,所以我们聚焦点,其他的模块小伙伴们自行去补充。 接口交互 前端和后端进行交互,前端按照约定请求URL路径,并传入相关参数,后端服务器接收请求,进行业务处理,返回数据给前端。 针对URL路径的restful风格,以及传入参数的公共请求头的要求(如:app_version,api_version,device等),老顾这里就不介绍了,小伙伴们可以自行去了解,也比较简单。 后端服务器如何实现把数据返回给前端? 返回格式 后端返回给前端我们一般用JSON体方式,定义如下: { #返回状态码 code: integer, #返回信息描述 message: string, #返回值 data:

GitOps入门与实践:如何集成Git和K8S?

喜你入骨 提交于 2021-01-06 17:31:49
https://www.cnblogs.com/rancherlabs/p/12450473.html 也许你之前听说过GitOps,但是对其并不了解。在本文中,我将对其进行简单介绍,它其实是一个应用程序开发和管理中的一个术语,其核心思想是将应用系统的声明性基础架构和应用程序存放在Git的版本控制库中。我们将介绍GitOps是什么,它将如何影响组织以及如何与Kubernetes保持同步。 什么是GitOps GitOps是一种实现持续交付的模型,利用Git开发工具对云原生应用程序进行操作和管理。当将应用程序部署到Kubernetes时,Git应该是唯一的事实来源。当开发人员更改应用程序时,Git将自动把它们push到Kubernetes进行部署。而且,如果Kubernetes内的运行状态发生变化但与Git内的状态不一致,则它们会从Git内恢复到已知状态。 GitOps与CI/CD:它们之间有什么联系? GitOps和CI/CD是十分重要的工作伙伴。CI/CD可以让开发人员持续迭代、开发和部署应用程序。而迭代通常通过一个Git配置仓库进行(尽管也会有其他配置仓库)。在部署/交付阶段,构建的基于容器的应用程序被“push”到Kubernetes进行部署。GitOps会通过Kubernetes使用“pull”的方法来增强CI/CD模型,从而将运维层面带入部署/交付中。 但是

Kylin 大数据下的OLAP解决方案和行业典型应用

依然范特西╮ 提交于 2020-12-28 00:30:28
最近工作中应用到了 Kylin,因此调研了 Kylin的原理和行业应用。本文参考了官网和众多其他公司中 Kylin的应用案例,文末给出了出处,希望对大家有帮助。 Apache Kylin的原理和技术架构 Apache Kylin 从数据仓库中最常用的Hive中读取源数据,使用 MapReduce作为Cube构建的引擎,并把预计算结果保存在HBase中,对外暴露Rest API/JDBC/ODBC的查询接口。 Apache Kylin系统主要可以分为在线查询和离线构建两部分,具体架构图如下: Apache Kylin在百度地图的实践 对于 Apache Kylin 在实际生产环境中的应用,在国内,百度地图数据智能组是最早的一批实践者之一。目前,百度地图大数据 OLAP 多维分析平台承载百度地图内部多个基于 Apache Kylin 引擎的亿级多维分析查询项目,共计约 80 个 cube,平均半年时间的历史数据,共计约 50 亿行的源数据规模,单表最大数据量为 20 亿 + 条源数据,满足大时间区间、复杂条件过滤、多维汇总聚合的单条 SQL 查询毫秒级响应,较为高效地解决了亿级大数据交互查询的性能需求。 Kylin 有效解决的痛点问题: 痛点一:百亿级海量数据多维指标动态计算耗时问题,Apache Kylin 通过预计算生成 Cube 结果数据集并存储到 HBase 的方式解决。

helm-自定义Charts入门

一笑奈何 提交于 2020-12-20 16:32:44
Helm Chart 是用来封装 Kubernetes 原生应用程序的一系列 YAML 文件。可以在你部署应用的时候自定义应用程序的一些 Metadata,以便于应用程序的分发。对于应用发布者而言,可以通过 Helm 打包应用、管理应用依赖关系、管理应用版本并发布应用到软件仓库。 创建Chart 执行 命令 helm create myapp,会创建一个myapp目录 # helm create myapp 查看myapp目录结构 修改配置文件 编辑自描述文件 Chart.yaml , 修改version和appVersion信息 编辑values.yaml配置文件 打包安装chart 检查chart语法正确性 # helm lint myapp 打包自定义的chart # helm package myapp 安装chart # helm install myapp myapp-1.tgz 验证 更新 编辑自描述文件 Chart.yaml , 修改version和appVersion信息 重新打包charts 检查chart语法正确性 # helm lint myapp 打包自定义的chart # helm package myapp 更新chart # helm upgrade myapp myapp-2.tgz 验证 回滚 查看当前版本信息 查看历史版本信息 回滚到指定版本

JavaScript中的global对象,window对象以及document对象的区别和联系

≡放荡痞女 提交于 2020-11-22 21:02:37
JavaScript中的global对象,window对象以及document对象的区别和联系 一、概念区分:JavaScript中的global对象,window对象以及document对象 1、global对象(全局对象) 《JS高级程序设计》中谈到,global对象可以说是ECMAScript中对特别的一个对象了,因为不管你从什么角度上看,这个对象都是 不存在的 。从某种意义上讲,它是一个终极的“兜底儿对象”,换句话说呢, 就是不属于任何其他对象的属性和方法,最终都是它的属性和方法。 我理解为, 这个global对象呢,就是整个JS的“老祖宗”,找不到归属的那些“子子孙孙”都可以到它这里来认祖归宗 。所有在全局作用域中定义的属性和函数,都是global对象的属性和方法, 比如isNaN()、parseInt()以及parseFloat()等 ,实际都是它的方法;还有就是常见的一些特殊值,如: NaN、undefined等都是它的属性 , 以及一些构造函数Object、Array等也都是它的方法 。总之,记住一点: global对象就是“老祖宗”,所有找不到归属的就都是它的。 2、window对象 前面说了global对象是“老祖宗”,那有人该问了,你把window对象置于何地呢?对,javascript这门语言现在这么红火很大部分原因是因为W3C将它作为写页面的官方脚本语言

electron 常用命令

南楼画角 提交于 2020-11-03 00:17:25
"scripts" : { "start": "electron ." , "packagerWin64": "electron-packager ./ '项目' --platform=win32 --arch=x64 --out ./project --app-version 1.0.0 --overwrite --icon=./static/assets/img/favicon.ico --asar" , "packagerWin32": "electron-packager ./ '项目' --platform=win32 --arch=ia32 --out ./project --app-version 1.0.0 --overwrite --icon=./static/assets/img/favicon.ico --asar" , "packagerMAC": "electron-packager ./ '项目' --platform=darwin --arch=x64 --out ./project --app-version 1.0.0 --overwrite --extra-resource=./res/2.dat --extra-resource=./res/1.dat --icon=./static/assets/img/favicon.icns" }

小白入门之DOM笔记知识点详解

旧时模样 提交于 2020-08-08 01:02:28
小白入门之DOM笔记知识点详解 window对象 窗口大小 系统对话框 location对象 navigator对象 浏览器的版本信息(了解) navigator.userAgent navigator.appName navigator.appVersion navigator.platform screen对象 窗口位置 history对象 小结 什么是DOM? BOM(Browser Object Model): 浏览器对象模型 其实就是操作浏览器的一些能力 我们可以操作哪些内容 1、获取一些浏览器的相关信息(窗口的大小) 2、操作浏览器进行页面跳转 3、获取当前浏览器地址栏的信息 4、操作浏览器的滚动条 5、浏览器的信息(浏览器的版本) 6、让浏览器出现一个弹出框(alert/confirm/prompt) 7、BOM 的核心就是 window 对象 8、window 是浏览器内置的一个对象,里面包含着操作浏览器的方法 window对象 窗口大小 IE、Safari、Opera、和Chrome都提供了innerHeight 和innerWidth属性,分别用于表示窗口相对与 屏幕左边和上边的位置信息,这两个方法分别是用来获取浏览器窗口的宽度和高度(包含滚动条的) var windowHeight = window . innerHeight console . log (

JS 解决安卓手机输入框被软键盘遮住的问题

≯℡__Kan透↙ 提交于 2020-07-28 08:43:28
安卓手机输入框被软键盘遮住的问题,如何在点击输入框的时候类似与IOS那种,输入框直接在软件盘的上面,而不会被遮住 在代码中加入如下代码: if (/Android [4-6]/ .test(navigator.appVersion)) { window.addEventListener( "resize", function () { if (document.activeElement.tagName=="INPUT" || document.activeElement.tagName=="TEXTAREA" ) { window.setTimeout( function () { document.activeElement.scrollIntoViewIfNeeded(); }, 0 ); } }) } 来源: oschina 链接: https://my.oschina.net/u/4309507/blog/4281608

你写得API接口代码这么差,难道不能对返回格式统一处理一下吗?

限于喜欢 提交于 2020-07-25 00:22:14
随着互联网各岗位精细化分工的普及,出现了很多的系统架构设计,比如常见的前后端分离架构,后端提供接口给前端,前端根据接口的数据进行渲染,大家各执其职,效率也非常的高,但是随着接口的增加,如果不统一的规范就会额外的增加大量的沟通成本以及学习成本,对管理者而言是非常的不利。 为此,我在这篇文章分享给大家一个Java生鲜电商平台中如何返回统一格式的API的整体架构设计。 一般系统的大致整体架构图如下: 需要说明的是,有些小伙伴会回复说,这个架构太简单了吧,太low了,什么网关啊,缓存啊,消息中间件啊,都没有。因为这篇主要介绍的是API接口,所以我们聚焦点,其他的模块小伙伴们自行去补充。 接口交互 前端和后端进行交互,前端按照约定请求URL路径,并传入相关参数,后端服务器接收请求,进行业务处理,返回数据给前端。 针对URL路径的restful风格,以及传入参数的公共请求头的要求(如:app_version,api_version,device等),老顾这里就不介绍了,小伙伴们可以自行去了解,也比较简单。 后端服务器如何实现把数据返回给前端? 返回格式 后端返回给前端我们一般用JSON体方式,定义如下: { #返回状态码 code:integer, #返回信息描述 message:string, #返回值 data:object} CODE状态码 code返回状态码