使用css禁用点击事件
js阻止默认行为：event.preventDefault() 或 return falseJs阻止事件冒泡： evnet.stopPropagation() 或 e.cancelBubble = true （IE）
使用css禁用点击事件  在css中有很多实用但平常不常用的属性，比如今天要说的 pointer-events属性。这个css属性的作用就是控制标签的事件是否可用，如果在css里面把标签的这个属性值改为none，那么这个标签就失去了任何的事件，也就做到了禁用点击事件的效果，即使在js里面已经绑定过事件也是不可点击的。
pointer-events 的作用：1 阻止用户的点击动作产生任何效果
2 阻止缺省鼠标指针的显示
3 阻止CSS里的hover和active状态的变化触发事件
4 阻止JavaScript点击动作触发的事件
示例：
.disabled {
pointer-events: none;
cursor: default;
opacity: 0.6;
...
JavaScript事件机制面试题
JS事件处理机制/微任务和宏任务
任务、微任务、队列和时间表: https://jakearchibald.com/2015/tasks-microtasks-queues-and-schedules/
js代码执行的流程是怎样的？
js代码执行流程：同步代码先执行完 > 进入事件循环机制开始执行异步代码(宏任务和微任务)
JavaScript 是单线程，如何执行异步代码？
通过事件循环机制执行异步代码
什么是js事件循环机制？
事件循环机制： 事件循环分为微任务和宏任务，先执行微任务，然后dom渲染，再执行宏任务
微任务(microtasks)：Promise、
宏任务(macrotasks)：setTimeout、setInterval
如何手动创建一个微任务事件？
创建一个微任务：queueMicrotask
queueMicrotask: https://developer.mozilla.org/zh-CN/docs/Web/API/queueMicrotask
console.log("a");
queueMicrotask(() ...
vue-cli3 项目使用postcss-pxtorem解决移动端适配的问题
一. 项目中引入lib-flexiblelib-flexible 会自动在html的head中添加一个meta name=”viewport”的标签，同时会自动设置html的font-size为屏幕宽度除以10，也就是1rem等于html根节点的font-size。假如设计稿的宽度是750px，此时1rem应该等于75px。假如量的某个元素的宽度是150px，那么在css里面定义这个元素的宽度就是 width: 2rem。
安装 lib-flexible
npm install lib-flexible --save
在 main.js 中引入
import "lib-flexible";
二. 项目中引入 postcss-pxtorempostcss-pxtorem: postcss的一个插件，主要是帮你把px转换成对应的rem；然后：还要用js代码去动态算根目录应该有的字体大小，反正就是一段js代码去动态获取屏幕宽度！
安装 postcss-pxtorem
npm install postcss-pxtorem -D
在vu ...