总结一些可能不是经常用且容易忘的知识点

js

1. addEventListener()第三个参数的介绍和使用
   给一个 dom 对象添加监听事件addEventListener("click",function(){},true);，第一个参数是事件类型，第二个参数是事件函数，第三个参数是 是否是冒泡或者捕获阶段触发，冒泡时触发就是 false，捕获时触发就是 true。
   参考资料 1
   参考资料 2

   css

2. 外链 css 样式表的时候可以添加媒体查询条件，根据条件下载 css 样式文件。
   <link rel="stylesheet" media="screen and (max-width:320px)" href="test.css">
   emmm,不过现在项目比较少外链方式，大部分都采用 webpack 打包的方式。

3. 常用媒体查询样式数值(screen)

   1. 1024px、800px、720px、640px、540px、480px、400px、360px、320px
   2. 媒体查询断点(根据设备宽度，app):
      @media screen and(max-width:320px){/*针对iPhone4/4s/5/5s*/}
      360px(dpr=3,1080 的屏幕，大部分安卓手机),375px(iPhone6/6s),414px(iPhone6 plus,iPhone6s plus),768px(iPad mini 竖屏设置)
   3. 媒体查询断点(根据页面内容设置，pc):按照实际内容切断点。

Chrome

1. 使用 chrome 调试安卓手机页面。
   1. 手机连接 PC，打开 USB 开发者调试。
   2. PC Chrome 输入 chrome://inspect
   3. 手机打开 Chrome 浏览器 此时就可以调试了
2. 使用 Safari 调试 iPhone、iPad 页面。
   1. Safari 偏好设置-> 高级 -> 打开开发选项卡
   2. iPhone 设置-> Safari -> 高级 打开 js 和 Web 检查器
   3. iPhone usb 连接 Mac
   4. MAC Safari 开发 -> iPhone (可以选择远程连接)
   5. iPhone 使用 Safari 打开网页 此时可以在 MAC Safari 调试页面