茶叶淡

将一堆代码放入一个逻辑单元（对象），通过单一的变量来访问。 其优点是封装代码，减少全局变量。 这样很容易出现过多全局变量，难以维护。 【改进】不立即创建app实例，等到需要...

跨域发送请求是可以的，浏览器也能正常收到响应内容（Network面板可查看）并使用它（如css、js）。同源策略是限制了在JS线程中，用AJAX请求，无法获取响应的内容，即...

在用 CSS 对网页进行排版、美化的时候，首要的工作就是要对各个 HTML 元素进行合理的布局，使网页的各部分内容结构明朗、层次清晰。 在对元素进行布局的时候，通常会有左（...

进入此路由时，active-class被激活，'selected'会成为真正的class。 scoped 模式，样式仅在当前组件有效。 在 scoped 模式下，还可以用 ...

当插入或删除包含在 transition 组件中的元素时，可以应用过渡动画。 active全程都存在，因此在active类使用transition属性。 可用自定义类名，结...

:xxx是一个占位参数，表示此处可以是任意的字符串。 访问路由xxx.yyy.zzz/route1/123，'xxx'将成为this.$route中的属性。...

路由：用于分发请求。 前端路由：根据用户的不同访问目标展示相应的视图。 实现方法：通过URL确定相应的div。 从 hash（锚点）得到 div 的地址，从而确定 div。...

混入就是属性的复制，其目的是减少属性的重复。 组件便拥有了options所有属性的拷贝，而且混入的属性会与当前组件本身的属性智能合并，若有冲突，一般会以自身属性为准。 这样...

若值为 undefined 或 null，则不显示。 使用v-once的元素及其子节点只在第一渲染，之后不再更新（静态）。 子组件不可修改cData，只能让父组件修改pDa...

即被计算出来的属性，它是一个函数，直接引用该属性即显示函数的返回值。 目的是得到一个依赖于 data 的值，虽然写为方法的形式，但可以当作 Vue 实例的属性一样，不用加括...

深入理解options.data前置1：ES6的getter和settergetter、setter用于对属性的读写进行监控姓名属性实际是不存在的（可视为虚拟对象），它是计...

使用组件时，组件可以有子元素，用到插槽。 从组件外部传入组件中的数据。...

useReducer可看作是useState的复杂版，它可以将对某个数据进行的所有操作封装在一起，简化修改数据时的代码。 dispatch会调用reducer，其参数会成为...

这样在每次调用useState2(0)的时候，都能使n得到最新的值。 useRef使得在每次重渲染时，nRef均为同一个对象，指向的地址固定。 context 的特点是可以...

一、创建函数组件的问题：没有state----Reactv16.8.0推出HooksAPI，用useState解决没有生命周期----HooksAPI，用useEffect...

ES 5 不支持 class，所以使用了这种方式。 其中的name、onClick就是外部数据，它们会被包装成对象：{name: x, onClick: fn, child...

React 元素，通常用小写。 React 组件，通常用大写，它是一个返回 React 元素的函数。 修改 state 时，要用 this.setState 方法，不可直接...

React.createElement的返回值看似是一个 DOM 对象，但实际上并不是真正的 DOM，称为虚拟 DOM 对象。 通常用函数组件的形式 App2 来生成虚拟D...