高清屏适配
- 把图片放大两倍 命名为logo@2x.jpg.通过查询
if (window.devicePixelRatio > 1引用2倍图片 - 现在一般以iphone6，也就是750作为标准设计稿
svg
-
svg图一般写相对位置。viewBox负责设置在页面中的布局
-
dasharray设置虚线，比如dasharray = "10,5,5,5,10,5" 就是画一段10px实线，5px虚线，5px实线，以此类推。dasharray设置一个值，就是设置第一段实线。 dashoffset
-
动画可以设置反向播放避免掉帧
两个svg动画在一个页面会相互干扰，公用帧，path长的正常，path短的会显得很快。
一个元素可以通过offset-path offset-distance来设置按路径运动，所以结合带颜色的path，可以实现有趣的动画。
vue
- 组件内的嵌套组件切换 用:is="" 属性 数据持久用keep-alive
- 页面层次上，用router 路由控制。
- slot 可以按条件分发。slot里的默认内容作为没有没有匹配片段时使用。如果下面有片段，就会被替换。拥有命名的插槽不能被不含slot属性的标签内容替换，会显示slot的默认值
- 替代slot的片段的样式要在slot的页面设置。 default slot 所有不带name（slot = "xx"的内容都会放到default里。 和name匹配的放到对应的slot里 slot主要用来写外层容器模板 不要求内部内容 像它的名字，插槽，设计好主板，自由插入扩展内容。 就像电脑可以更换升级内存，插拔，插槽，双卡双待可以通过给组件加slot 对组件进行扩展。
前端开发跟硬件设计很像。 系统框架。 虚拟机，容器，外接设备，相当于引入插件。配置文件相当于设置。转换器。适配器，可以适配任何接口类型的耳机，鼠标。内存相当于后台服务器，数据库。应用相当于打开网页，访问文件就相当于管理员权限，或，一个应用只访问自己电脑里的内容，不访问别的电脑或网站的内容就相当于cors，跨域。缓存就相当于桌面上的快速启动项。
- keep-alive中组件的生命周期钩子：destroyed deactivated actiivated 如果没有keep-alive组件就被销毁，就不会有deactivated阶段，如果keep-alive组件就不会被destroyed 切换到别的组件时会调用deactivated。
有点像安卓里应用的active周期
|运算符可以用来取整，(1.2|0) 返回1
- new创建对象也是一次call this的过程。把this指向构造函数的prototype。 产后传入参数。 **所以在js中函数最重要。 函数是第一公民，可以当数字一样到处用 也有点像xd里的原型设计，不过不是通过组合，是通过原型链继承。 就像委托一样，是一个引用。**所以调用call相当于实现一次继承。
requestAnimationFrame用来决定什么时候开始执行动画。比如一个svg动画一般是页面load后就开始执行，rAF可以设置在指定的时候或event时触发。
- object.offsetTop就是元素到文档顶部的距离。要算它和屏幕上方的距离，就用object.offsetTop-document.scrollTop 减去上滑的距离
