摘要： 1. 用内嵌样式来实现将data绑定到样式 v-bind:style="{width: coverage}" 2. CSS的动画关键帧@keyframe 变量是全局变量，不管在哪里声明，后面的都会覆盖前面的 // 所以必须不能重名 阅读全文

摘要： 1.正则表达式 区分贪婪匹配和非贪婪匹配 例如想要匹配出http://product-{brand}-{id}.com 中的{brand}和{id}，就要用{.*?} 加问号表示非贪婪匹配，否则默认的{.*}会匹配出整个{brand}-{id} 阅读全文

摘要： 场景：有一系列的下拉列表组件，交互规则为： 1、点击dropdown的title，列表展开 2、选中（点击）option，列表自动收起。 3、点击其他的dropdown，在新的dropdown列表展开的同时前一个收起。 4、点击空白处，展开的dropdown收起 按照经典思路是这么处理的： 1、组件 阅读全文

摘要： 1.referrer字段，表明跳转到当前页面的源，即上一级文档的URL，浏览器会在请求头中带上，也可以在document.referrer里获取到 https://www.cnblogs.com/caixw/p/referrer-policy.html 2.上传文件时enctype必须为multip 阅读全文

摘要： 1.场景：.box需要在高度方向滚动，通过外层显示容器+overflow:hidden实现 .box内有item列表，显示小图 鼠标悬浮小图时显示大图，相对item绝对定位，此时大图会被overflow:hidden在水平方向遮掉。（改成overflow-y:hidden也没有） 阅读全文

摘要： 1.vue切换路由视图时，事件钩子顺序是 当前模块create-->上一个模块beforeDestroy-->当前模块mounted 因此注册全局事件（比如给window注册事件）应放在mounted里，不然有可能被上一个模块的beforeDestroy移去 2.Ajax请求 后端直接返回二进制流数 阅读全文

摘要： js实现复制到剪贴板 document.createRange() API 选中元素→range→selection是一一对应的，即选区必须连续，不可以有分开的多个区域。另外，被选元素必须在dom树上，不可以是游离元素，并且实践发现display不能为none，visibility不能为hidden 阅读全文

摘要： script脚本有2种类型: 1.parser-inserted scripts 我们经常遇到的出现在HTML中以<script>方式出现，我们姑且称之为解析型脚本 2.script-inserted scripts 通过JS代码动态添加的script脚本，动态型脚本,不涉及页面标签的解析 动态型脚 阅读全文

摘要： 一个json对象，包含嵌套关系，传输过来的时候是平铺的，顺序打乱，用parentCode属性来关联，如下 parentCode位0的对象是根对象，要求把平铺对象转换成这样的嵌套对象 思路： 对象是引用变量，直接遍历添加即可，无需按照层级顺序从外到内添加。 阅读全文

摘要： attribute和prop和UI存在单向/双向绑定关系，参考 https://m.aliyun.com/yunqi/articles/31499 渲染流程 重绘和重排 ? requestAnimationFrame跟随浏览器的渲染间隔执行，那么发生强制同步回流(在js代码里读了offset等属性) 阅读全文