摘要： HTML CSS 元素水平垂直居中的方法 水平垂直居中 1.flex .outer { display: flex; justify-content: center; /* 水平居中 */ align-items: center; /* 垂直居中 */ } 2.absolute + transfor 阅读全文

摘要： 发布订阅模式 自己实现一个发布订阅模式 class PubSub { constructor() { // 一个对象存放所有的消息订阅 // 每个消息对应一个数组，数组结构如下 // { // "event1": [cb1, cb2] // } this.events = {} } subscrib 阅读全文

摘要： 数组扁平化就是把多维数组转为一维数组 递归 1.for循环 遍历数组的每一项，如果不是数组，直接push，如果是数组，继续递归处理 const arr = [1,[2,3],[4,[5,6]]] function flatten(arr){ const res = [] for(let i = 0; 阅读全文

摘要： data数据结构设计 用数据描述所有的内容 数据要结构化 数据要可扩展，以便增加新的功能 组件设计 从功能上拆分层次 尽量让组件原子化 容器组件（只管理数据）& UI组件（只显示视图） vue实现todo list vue实现购物车 阅读全文

摘要： 基本使用 拆分合并 webpack.common.js 公共部分 webpack.dev.js 开发环境配置 webpack.prod.js 生产环境配置 使用'webpack-merge'将配置文件合并 注意：loader的执行顺序是从后往前 高级特性 性能优化 阅读全文

摘要： 数据结构 数组结构 是一种线性结构 可以在数组的任意位置插入和删除数组 栈结构 一种受限的线性表，只允许在表的一端进行插入删除操作，这一端被称为栈顶，另一端称为栈底 后进先出（LIFO Last In First Out） 栈的封装 1.基于数组 function Stack() { this.it 阅读全文

摘要： Vue基本使用 指令 {{ msg }} 、v-text（会覆盖子文本） v-html 会有xss风险，会覆盖子组件 设置动态属性 v-bind: (简写:) <button v-bind:disabled="isButtonDisabled">Button</button> 表达式 {{ numb 阅读全文

摘要： ES6 模块化 语法（详见上一篇） import export（注意有无default的区别） 环境 使用babel编译ES6语法，模块化工具使用webpack和rollup Class 基本语法 //构造函数 function MathHandle(x,y) { this.x = x; this. 阅读全文

摘要： JS数据类型 基本类型：Number String Boolean Null Undefined Symbol(ES6新增) 引用类型：Object (包括Array Function） 基本类型和引用类型的区别 1.基本类型的值是不可变的，不能给基本类型添加属性和方法；而引用类型添可以为其加属性和 阅读全文

摘要： CSS选择器的优先级 ！important 内联样式 id选择器 100 类选择器 伪类选择器 属性选择器 10 元素选择器 伪元素选择器 1 其他选择器（通配符、子选择器、相邻选择器等） 0 注意：计算权重时不进位，如11个类选择叠加的优先级低于1个id选择器 雪碧图 使用 1.使用backgro 阅读全文