此知识点是在做APP是所用的，项目所用技术（ionic5/angular8），仅供参考！ getRem(pWidth): void { const htmlRoot = document.getElementsByTagName('html')[0]; const oWidth = document ...
分类：
移动开发 时间：
2020-01-07 16:35:28
阅读次数：
176
还原设计稿，也就是如何适配移动端繁杂的屏幕大小。 通常而言，设计师只会给出单一分辨率下的设计稿，而我们要做的，就是以这个设计稿为基准，去适配所有不同大小的移动端设备。 在此之前，有一些基础概念需要理解。 设备独立像素 以 iPhone6/7/8为例，这里我们打开 Chrome 开发者工具： 这里的 ...
分类：
移动开发 时间：
2020-01-06 19:39:56
阅读次数：
95
移动端布局 1.1080 1920.png 2.750 .png 3.切图 4.布局的目标：让设计图等比例呈现在各个不同的设备上 5.解决方案核心思想： 提供一个固定的形式 让它在不同的设备上呈现不同的值 6.百分比布局 100% 移动端布局首选+flex; 能用百分比决不用rem 7.rem布局 ...
分类：
移动开发 时间：
2020-01-06 17:40:33
阅读次数：
100
背景 随着现在移动端设备的硬件性能的提高，现在web页面的体验逐渐变得可以接受，现在很多的应用都采用的Hybrid开发模式，一方面有利用了原生设备的API的优势（性能好、用户体验好），另一方面利用了web开发的优势（跨平台，开发成本低）。比如微信、QQ、58同城、美团、爱奇艺等等应用都是采用的Hyb ...
分类：
移动开发 时间：
2020-01-06 09:21:58
阅读次数：
173
package.json 中 "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "dev": "webpack-dev-server --open --port 3000 --contentBase src --h ...
分类：
移动开发 时间：
2020-01-05 19:01:02
阅读次数：
154
//h5有个小bug 1像素边框过粗，其实有个解决方案，就是利用伪元素：after，结合css3中的scale在y轴方向缩放0.5就行了 //父元素 //删除border-bottom，添加position：relative，伪元素定位用。 - border-bottom：1px solid yel ...
分类：
移动开发 时间：
2020-01-04 20:29:12
阅读次数：
126
前言：移动端适配需要先了解很多概念 比如四个像素 物理像素 （就是手机屏幕分辨率，设备成像的最小单元。多少乘以多少，就是有多少个物理像素） 设备独立像素 这个就是另外一个概念（手机页面能操作的最小单元） 重点：由相关系统可以转化为物理像素，同样也是设备提供的一个接口（对接css像素） css像素 也 ...
分类：
移动开发 时间：
2020-01-04 18:16:35
阅读次数：
89
drf，django rest framewok 第一部分 问题 前后端分离？ vue.js 后端给前段返回json数据 移动端盛行。 app 后端给app返回json数据 PC端应用？ crm项目，前段后端一起写，运行在浏览器上。 一般情况下都是PC端使用。 第二部分 任务 以前的我们 ： htt ...
分类：
其他好文 时间：
2020-01-04 16:26:50
阅读次数：
123
原文转自： 点我 转过来，平时看看。虽然还有很多问题至今无解。比如：华为麒麟950的P8和meta打开我们的应用首页经常偶发白屏。！！ 1、安卓浏览器看背景图片，有些设备会模糊。 用同等比例的图片在PC机上很清楚，但是手机上很模糊，原因是什么呢？ 经过研究，是devicePixelRatio作怪，因 ...
分类：
移动开发 时间：
2020-01-04 14:13:51
阅读次数：
87
Vue Multiple Pages 基于vue-cli3.0 + webpack@4.28.4的多页脚手架 项目地址：点击此处 线上demo：点击此链接 编译速度与热跟新速度要优于webpack2.0、3.0，但相应的消耗内存变大，在node中出现内存溢出现象，如页面过多，使用 npm run f ...
分类：
移动开发 时间：
2020-01-04 11:01:42
阅读次数：
149
