摘要:
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.基本类型的值是不可变的,不能给基本类型添加属性和方法;而引用类型添可以为其加属性和 阅读全文