HTMLCanvasElement.toBlob() 方法创造Blob对象，用以展示canvas上的图片；这个图片文件可以被缓存或保存到本地，由用户代理端自行决定。如不特别指明，图片的类型默认为 image/png，分辨率为96dpi。 这里看到压缩效果已经由原来的8.5Mb到…

返回一个对象，则对象的属性将会被合并到组件模板的渲染上下文。 其他所有的引入函数都必须在其内部执行。 创建组件实例，然后初始化 props ，紧接着就调用setup 函数。从生命周期钩子的视角来看，它会在 beforeCreate 钩子之前被调用 接受一个参数值并返回一个响应式…

插槽里可以包含任何模板代码，包括HTML，其他组件。 在插槽中，我们可以提供后备内容，也就是默认值。它只会在没有提供内容时被渲染，如果提供内容，就会取代后备内容。 在我们需要多个插槽时，我们就不能使用上面的匿名插槽了，这时，我们可以给插槽起名字，用于区分不同的插槽，在Vue2.…

随着团队人数的增加，每个人的代码编写喜好不同，代码风格也迥然不同。如果有一个大家的统一的愿意遵守的代码规范，肯定事半功倍，提高效率，避免代码Review和重构。 其中一部分规则参考了 腾讯alloyteam团队的代码规范，如有错误，请指出，将会非常感谢。 坚持好的代码风格规范，…

1. 视口 viewport viewport 解释为中文就是‘视口’的意思，也就是浏览器中用于显示网页的区域。在 PC 端，其大小也就是浏览器可视区域的大小，所以我们也不会太关注此概念；而在移动端，绝大多数情况下 viewport 都大于浏览器可视区，保证 PC 页面在移动浏…

在前面的文章中，小编为大家带来了许多Vue 实战技巧，也得到了大家的许多好评。其实在前面那些技巧之外，我们还可以做的更多，让我们的开发流程更流畅，开发体验更好，项目性能更上一层楼，怎么做呢，我们一起来看看。 在我们开发的时候，为了方便调试，我们需要使用源码进行调试，但在生产环境…

基础点：rem相对根节点字体的大小。所以不用px; 用rem就可以了吧！因为rem就可以随根字体大小改变而改变，从而实现了自适应的功能。 vue-cli: 用这个主要是用webpack,这个构建工具大大降低了webpack的使用难度;快速构建出一个前端项目。 postcss: …