移动端点击延迟事件 1. 移动端浏览器在派发点击事件的时候，通常会出现300ms左右的延迟 2. 原因: 移动端的双击会缩放导致click判断延迟 解决方式 1. 禁用缩放 `<meta name = "viewport" content="user-scalable=no" > ` 缺点: 网页无 ...
分类：
移动开发 时间：
2020-09-24 21:21:23
阅读次数：
69
flex布局 操作方便，布局极其简单，移动端使用比较广泛 pc端浏览器支持情况比较差 IE11或更低版本不支持flex或仅支持部分 父项常见属性 flex-direction：设置主轴的方向 justify-content：设置主轴上的子元素排列方式 flex-wrap：设置子元素是否换行 alig ...
分类：
其他好文 时间：
2020-09-17 21:26:48
阅读次数：
44
我们这里只罗列问题 这个需求，利用H5标签完全可以做到，那么问题是什么 capture 捕获 ，我们把这个值设置为'camera'，而我们要设置这个属性的原因是什么呢？客户希望用户上传的图片是现拍的。。。。。。 此时就会遇到两个问题，能不能做得和 app 一样，尤其是针对证件，答案是不能（上一篇日志 ...
分类：
移动开发 时间：
2020-09-17 20:36:24
阅读次数：
31
题目概览 列举出最常用的meta标签的写法和作用 移动端微信页面有哪些兼容性问题及解决方案是什么 同步和异步的区别是什么 题目解答 列举出最常用的meta标签的写法和作用 charset：声明当前文档的字符编码，用于浏览器解析文档；如： <meta charset="UTF-8"> name：声明当 ...
分类：
其他好文 时间：
2020-09-17 12:33:44
阅读次数：
28
一、安装淘宝插件 lib-flexible npm i -S amfe-flexible main.js中引入 import 'lib-flexible' index.html的头部加入手机端适配的meta代码(以下二选一) <meta name="viewport" content="width= ...
分类：
移动开发 时间：
2020-09-17 12:21:52
阅读次数：
44
最近写项目时发现通过meta标签已无法禁止移动端双指缩放，一般的js写法也无法阻止，最终解决方案如下： 重点：passive //禁止双指放大 document.documentElement.addEventListener('touchstart', function (event) { if ...
分类：
移动开发 时间：
2020-09-15 21:08:02
阅读次数：
65
html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docu ...
分类：
移动开发 时间：
2020-09-15 20:59:28
阅读次数：
59
方案一，淘宝百度方案， 核心过程： 1.根字体 = ( 设备横向独立像素值 * 100 （苹果6固定）) / 设计稿宽度2.编写样式时： 直接以rem为单位。 值为：设计值 / 根字体 设计稿宽度不变，苹果6的根字体固定100px,所以当rem不变， 物理像素变大，换设备，需要计算根字体。根字体变小 ...
分类：
移动开发 时间：
2020-09-12 21:36:38
阅读次数：
42
近几日在学习electron，electron主要是给前端开发人员使用的，可以开发跨平台的桌面端应用。 所有系统，无论是桌面端、Web端、移动端，可以简单理解为三层：终端显示层、中间业务逻辑层、数据存储层 桌面端、Web端、移动端，可以理解为显示层。 作为前端开发人员，常常和HTML、CSS、JS打 ...
分类：
其他好文 时间：
2020-09-10 22:58:06
阅读次数：
50
1. 300ms延迟的产生缘由 移动端浏览器的默认显示宽度是980px(不同机型各异，但相差不大)，而不是屏幕的宽度(320px或其他)。为了对早期普通网页更好的体验，iphone设计了双击放大显示的功能--这就是300ms延迟的来源：如果用户一次点击后300ms内没有其他操作，则认为是个单击行为； ...
分类：
移动开发 时间：
2020-09-09 19:08:00
阅读次数：
51
