颜酱

el、template、render、mount四者混在一起的时候，有种乱乱的感觉，本文努力说清楚。 编译：将模板字符串 生成 Dom。<div>1</div>这样只是模板字符串，只有createElement('div')这才是Dom。 开始可能Vue官方…

如果遇到正某形的情况，可以借助圆来计算。 修改 R 和 r 的值会有很多不同感觉的五角星，两者差距越大，五角星越尖锐，反之越圆润。

canvas知道绘制路径后，加强这方面的理解，就试着画了个七巧板。 思路：将每片的路径和颜色都存放起来，然后遍历下就好了~~。

canvas是一个HTML标签，必须结合JS代码绘制和处理一些图形。 基本涉及到图片处理的相关操作，比如截图功能、合成图片、图片像素级处理、图片的动画，都可以考虑下canvas。 大名鼎鼎的echarts、d3.js、three.js可视化数据的这些库都是基于canvas。 哦…

监测属性变化的有 defineProperty 和 proxy。 但两者使用和局限并不一样。 proxy可以监测对象或数组，增删改查属性，但兼容性不好。 用法也不一样：proxy里操作的是对象。defineProperty操作的是一个变量值。这点特别注意。 之前写过define…

MD5 的核心是通过算法把任意长度的原始数据映射成128 bit 的数据。把一串数据经过处理，得到另一个固定长度的数据。是一种Hash算法，全称为 消息摘要算法版本5（Message Digest Algorithm 5）。 不同原始数据会有不同的 MD5 值。 所以不同的文件…

官方的风格指南。 本文按照自己的逻辑，稍微简化了。规范的好处是，排雷更加容易，踩雷更加艰难，项目更赏心悦目。 建议先看完官方详细的文档，然后再顺带看看这篇回忆总结下。 这样做可以避免跟现有的以及未来的 HTML 元素相冲突。比如以前不小心写了个masker的组件，然不生效。 在…

简约菜单都可以使用el-menu生成，水平的菜单或者垂直的菜单。 本文是希望能帮助需求者更快熟悉el-menu的使用，以及传入菜单项能快速生成n级菜单。 使用的时候，最外层是el-menu，其上面属性，是用来配置整个菜单，如水平还是垂直、背景色、文字色、默认激活的菜单子项、默认…

使用 vue，都知道{{msg}}，能变成data.msg相对应的值hello。 此文循序渐进实现最终vue中编译文本的效果。 这里先不关注 dom 之类的事情，只专注于其中的逻辑。 其实这里的逻辑并不难，无外乎先找到{{msg}}，然后将整那个字符串替换成data.msg的值…