【解决方案】数据埋点的一点思路与实践

目前主流的模块规范：umd（通用模块），commonJS，es6 module

将组件或页面通过服务器生成html字符串，再发送到浏览器，最后将静态标记"混合"为客户端上完全交互的应用程序。SSR有更利于SEO和首屏渲染，同时也有缺点：服务器压力大，开发条件受限，只会执行ComponentMount之前的生命周期，第三库使用受限，学习成本大。原理是靠vue-server-renderer这个库的createRenderer()，然后调用rendererToString()

如何设计移动端屏适配方案？用户体验要求很高的页面，如UV较高的页面，活动页这些应该以用户体验优先，使用vw是实现页面的适配，通过postcss-px-to-viewport把px转换成vw；更好实现长宽比(针对img，video，iframe)，通过postcss-aspect-ratio-mini插件实现；为了解决1px的问题，使用post-write-svg，自动生成borde-image或者

如何设计移动端高清方案？主要是因为retina屏幕引起的，（1）图片高清问题，通过不同的dpr，加载不同的尺寸的图片。（2）border：1px问题，如果做到适配？retina下的border：1px，相对于css的，是border：0.5px，并不是所有的手机都能识别0.5px，如何实现这个0.5px？正常些border：1px，然后使用transform：scaleY(0.5)缩小到0.5px

watermark.js是一个给B/S网站系统加一个很浅的水印插件，确保系统的保密性，安全性，降低数据泄密风险。水印插件内容，包含1、水印插件-使用，2、水印插件-testTool（测试工具），3、API介绍，4、支持浏览器

一、减少阻塞 1、JS阻塞 （1）当html解析遇到js会先下载和执行js文件，这是为了防止js操作了dom等情况的发生。但我们作为操作者，可以人为的指定，那些元素可以延迟加载。 （2）为script标签指定 async 或 defer来延迟脚本。 （3）defer则会在下载完成并且整个文档解析完成、DOMContentLoaded事件被触发前开始执行

sau交流学习社区，vue-devtools是一款基于chrome浏览器的插件，用于vue应用的调试，这款vue调试神器可以极大地提高我们的调试效率。帮助我们快速的调试开发vue应用。