蜡笔小新

摘要： 1. 采用keep-alive实现缓存 2.activated， 初次进入会触发， 浏览器工具栏刷新不会触发，导致页面不刷新 beforeRouteEnter(to, from, next) { next((vm) => { vm.getList() }) } 阅读全文

摘要： 阅读全文

摘要： https://developer.mozilla.org/en-US/docs/Web/API/HTMLObjectElement this.editing.dom.container.querySelector('form input[type="submit"]').click(); let 阅读全文

摘要： 1. for 循环 循环体中减少计算: for (let i =0, len = attr.length; i< len; i++) { // xxx } // 替换下面的 for (let i =0; i< attr.length; i++) { // xxx } 2. 深度拷贝中map代替数组 阅读全文

摘要： 1. 解决toBlob(), 放在你的代码toBlob即可 if (!HTMLCanvasElement.prototype.toBlob) { Object.defineProperty(HTMLCanvasElement.prototype, 'toBlob', { value: functio 阅读全文

摘要： 很火的echarts底层也是采用了这个; 1. 底层是canvas画图,比较快相对于svg, 写自己类图包含hover等操作注意分层 2. canvas画布各个浏览器支持大小有限; 3. 实现画布无限大, 采用了group概念, 所有元素绑定group, 鼠标滚动计算group的position位置 阅读全文

摘要： 1. 单体模式 一个类足以表示, 划分命名空间, 避免代码冲突, 方便日后维护 后续继续添加 阅读全文

摘要： 顺序如下: css属性!important 内联样式 >1000 ID选择器(#id) >0100 类选择器(.class) = 伪类选择器(:hover等) = 属性选择器[type等] --> 0010 元素选择器(p等) = 伪元素选择器(:after/:before/::selection等 阅读全文

摘要： 在多人同时改动代码时, 帮助我们知道是否别的接口或者函数是不是出问题了; 1. Karma https://karma-runner.github.io/2.0/index.html Karma为前端自动化测试提供了跨浏览器测试的能力; 2. Mocha Mocha是前端自动化测试框架; 支持生命周 阅读全文

摘要： 1. JS 变量提升 也就是可以先使用再声明[第一段代码]， 但是初始化不会提前的[第二段代码]； x = 5; console.log(x); var x; // 5 console.log(y); var y = 3; // undefined fun(3); function fun(x){c 阅读全文