水门溪风

位运算: & 比如 patchFlag & PatchFlags.CLASS 来判断当前元素的 class 是否需要计算 diff；shapeFlag & ShapeFlags.ELEMENT 来判断

会被解析成: createVNode创建虚拟DOM, 通过type props children 等属性描述整个节点: 更新: 更新以后就不是首次渲染了, 如何判断? 组件的子元素是由HTML标签和组

首次渲染 createApp 就是项目的初始化渲染入口 通过createRenderer函数, 创建一个浏览器的渲染器, 缓存的渲染器的render, 传递的参数是nodeOps和patchProp

html,css 是基础,暂且忽略 JS基础    1.js的语言类型 a:7种,undefined, null, boolean, string, number, symbol, object 2.

先来几个案例: 1. 读取一个被连接对象的深层次的属性的值 ES6+ 语法: 2.消除魔术字符串(新增的数据类型) ES6+ 语法: 3. 将类数组转化为数组 4. 优雅的异步操作与结构赋值 ES6(

起因:app内嵌的webview的一个图片,在浏览器是好的,到了手机访问就被拉伸了解决方案:添加高度或者height:auto

2. 使用

10.合理指令缩写(用 : 表示 v-bind: 、用 @ 表示 v-on: 和用 # 表示 v-slot:) 应该要么都用要么都不用。)

1.运行时性能(1)提取组件的css到单独的文件(2)使用Object.freeze()提升性能(3)避免Store数据持久化(4)优化无限列表性能(5)组件懒加载优化超长应用内容初始渲染性能(如骨架