移动端浏览器主要针对webkit内核进行兼容 视口 viewport 浏览器显示页面内容的屏幕区域。可分为 布局视口、视觉视口、理想视口。 布局视口 layout viewport iOS、Android将这个布局视口分辨率一般设置为980px 视觉视口 visual viewport 用户正在看到 ...
分类:
移动开发 时间:
2020-07-03 19:52:41
阅读次数:
75
前言 在移动端web开发中,UI设计稿中设置边框为1像素,前端在开发过程中如果出现border:1px,测试会发现在retina屏机型中,1px会比较粗,即是较经典的移动端1px像素问题。 我们要对与视口、物理像素、逻辑像素、设备像素比、css像素等移动端基本概念要有一定的了解。 产生原因 设备像素 ...
分类:
移动开发 时间:
2020-07-03 19:41:31
阅读次数:
103
最近两天认真的了解了一下Echarts,发现越认真的去了解,越发现simple != easy 。 各种重复的效果,做出来的配色总是不尽如意,在解决一个个小问题的时候,不断地搜索。比如折线图上如何去掉圆点,纵轴如何设置间距,如何设置legend:{}中的样式为菱形,坐标轴颜色、字体颜色,各种距离如何 ...
分类:
其他好文 时间:
2020-07-03 19:23:58
阅读次数:
76
为什么要写自适应的页面(响应式页面)? 众所周知,电脑、平板、手机的屏幕是差距很大的,假如在电脑上写好了一个页面,在电脑上看起来不错,但是如果放到手机上的话,那可能就会乱的一塌糊涂,这时候怎么解决呢?以前,可以再专门为手机定制一个页面,当用户访问的时候,判断设备是手机还是电脑,如果是手机就跳转到相应 ...
分类:
Web程序 时间:
2020-07-03 19:19:56
阅读次数:
214
rem自适应 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <script> var deviceWidth = window.inner ...
分类:
移动开发 时间:
2020-07-03 19:15:14
阅读次数:
92
我第一次直播写代码是在去年七月份。我想要直播一下我在业余时间内为开源项目领域所做的工作,尽管在youtube上的大部分直播都是关于游戏的。我比较擅长于NodeJS的硬件库方面的工作(尽管大部分项目都是自己的)。并且我在youtube上曾经开启过一个房间了,那为什么我不继续做下去?我的栏目可以叫做:基 ...
分类:
其他好文 时间:
2020-07-03 15:38:15
阅读次数:
65
方案一:引入cdn, 打包的时候webpack配置externals ,这样webpack就不会打这个包到vendors里,减少体积,缺点是cnd稳定性可能会有问题,而且是先请求cdn资源之后再请求自己服务器代码,非同源。 方案二:按需加载(利用插件) 注意.如果有页面引入了echarts全部包(i ...
分类:
其他好文 时间:
2020-07-03 12:49:32
阅读次数:
363
Android移动端自动打包后生成apk二维码主要思路是:1)、将编译后的apk存放路径生成一张二维码;2)、然后用Java的第三方库生成二维码。Job配置添加Windows批处理进入Job里,在项目源码assemble后添加“ExecuteWindowsBatchCommand”Windows批处理,配置批处理脚本如下:脚本:setBASE_PATH=%WORKSPACE%\apk\%BUILD
分类:
移动开发 时间:
2020-07-03 12:29:29
阅读次数:
152
echarts里有个属性是axisLabel,当其为1时会隔行显示,设为0时会强制显示所有.示例: xAxis: { data: [1,2], axisLine: { lineStyle: { color: '#8E8E93' } }, axisLabel: { color: '#000000', ...
分类:
其他好文 时间:
2020-07-02 18:27:25
阅读次数:
184
原因:是内容过多,渲染不及时; 解决办法:body元素前加这个js; <script type="text/javascript"> var docEl = document.documentElement; var clientWidth = window.innerWidth; if(clien ...
分类:
移动开发 时间:
2020-07-02 16:32:05
阅读次数:
86