摘要： 以上。 阅读全文

摘要： vue-class-component 是 vue 的官方库，作用是用类的方式编写组件。 这种编写方式可以让.vue文件的js域结构更扁平，并使vue组件可以使用继承、混入等高级特性。 简单的示例： ComponentA.vue App.vue 开始我并不理解这种全新的写法，心想：props wat 阅读全文

摘要： 举个例子，有个HTML是这样的。 我想让一个hover样式只对 有item类且没有light类的元素执行。 less样式可以这么写。 以上。 阅读全文

摘要： 我们假设有一个对象数组。 这个对象数组里的对象，有一个叫children的key,value也是一个对象数组。 这个数组里面可能还有children... 现在我们想递归遍历它。 上代码。 以上。 阅读全文

摘要： 我们知道，jquery css() 方法可以很方便的更改DOM的样式。 但从原理上，这个并不复杂，我们完全可以自己写一个。 上代码。 DOM是你想改的DOM元素，obj是样式对象。 使用。 其实没有这么复杂，获取元素，再使用方法就可以了。 阅读全文

摘要： vue2项目。 上版本。 当 less 版本是2.7的时候，不会有什么问题。 但一旦升级到3，就会报错。 解决办法很简单，修改 ./build/utils.js 文件。 注意红色的部分，加上这一段就可以了。 以上。 阅读全文

摘要： 数组深拷贝看起来很简单。 array.concat()就行了。 但是，如果数组里有对象呢？ 实际上，你以为你拷贝了对象，但实际上你只拷贝了对象的引用（指针）！ 我们可以做个试验。 结果： 两边的对象都被改了。而数组B push的时候，数组A不受影响。 这说明数组本身是深拷贝了，但数组里的对象没有深拷 阅读全文

摘要： 每次新建文件都要找来找去，麻烦，干脆贴到这里好了。 以上。 阅读全文

摘要： 和scss一样，less也是一个好用的css预处理语言，语法也很相近。 而我们在使用display:flex的时候，很容易苦恼于里面的设置的单词很难记（尤其是对我这种英语很差的人来说）。 所以我们可以写一个display:flex的mixin。 上代码。 flex的设置有很多，但这两个是最常用的。 阅读全文

摘要： scss 是一个很好用的css预处理语言，有很多很好的特性。 比如 mixin。 我们可以像使用函数那样使用mixin。 比如写一个div水平垂直居中。 上代码。 用vscode的scss live compiler插件可以很方便的编写scss，他会帮你自动编译成css。 以上。 阅读全文