摘要：如下图所示渲染性能保证主动交互让用户感觉流畅一般超过认为是长任务会阻塞的运行如下是两种解决方案。下面是另外一种使页面流畅的方法时间分片。 流畅性 本篇是基于 FDCon2019 上《让你的网页更丝滑by刘博文》的复盘文。该课题也是博主感兴趣的领域, 后续会结合 React 的 Schedule 与该文进行进一步整合, 个人博客 被动交互: animation 主动交互: 鼠标、键盘 ...
摘要：如例子中，内容被分割为三部分，以及最后空白的存放模板字面量中的第一个变量。如果我们对要上传至服务器的内容先进行过滤，则可能可以防止这种情况发生。 本篇先简单介绍模板字面量及标签模板，再引出其应用——防止XSS攻击 一.简介模板字面量（即模板字符串，MDN已更新为模板字面量的说法，此文以后都用模板字面量） ES6中引入了模板字面量来代替传统JS的输出模板，直接看代码最清楚吧 模板字面量（...
摘要：小程序的是经过封装的，封装后已经是块级元素，而不是原来的行内元素。那怎么办呢，小程序怎么实现类似的这种绑定还好还好，小程序关上了一扇门，还是打开了一扇窗控件自带一个属性，为时聚焦，时失去焦点。 小程序的input是经过封装的，封装后已经是块级元素，而不是原来的行内元素。 类似label绑定的方法 按一贯的套路，给input加个label标签绑定，然而发现并不行。翻看文档，发现只能绑定4...
摘要：是什么官方文档说道是一个专为应用程序开发的状态管理模式。触发之别名篇触发之对象展开运算符篇触发之对象展开运算符别名篇先引用官方文档的说法类似于，不同在于提交的是，而不是直接变更状态。 Vuex是什么 官方文档说道：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化 什么是状态管理模式...
摘要：要实现的效果如下初始化的时候不可编辑点击编辑按钮编辑按钮隐藏取消编辑按钮显示部分输入框变为可编辑营销单详情工单号客户姓名联系电话客户地址营销人员工号 要实现的效果如下,初始化的时候,不可编辑,点击编辑按钮,编辑按钮隐藏,取消编辑按钮显示;部分input输入框变为可编辑showImg(https://segmentfault.com/img/bVbtBnR?w=915&h=437); s...
