前端学习

Canvas 主要是用笔刷来绘制 2D 图形（3D也可以绘制，但一般不用它） SVG 主要是用标签来绘制不规则矢量图的 相同点：都是主要用来画 2D 图形的 不同点： Canvas 画的是位图，SVG

Stream - 流 释义 stream 是水流，但默认没有水 stream.write 可以让水流中有水（数据） 每次写的小数据叫做 chunk（块） 产生数据的一段叫做 source（源头） 得到

如何测试 步骤 选择测试工具：jest 设计测试用例 写测试、运行测试、改代码 单元测试、功能测试、集成测试 重点 单元测试不应该与外界打交道（那是集成测试要做的） 单元测试的对象是函数 功能测试的对

修改 package.json 设为可执行文件 登录npm账号 发布到npm 改版 修改 package 的 version 再次 npm publish 更新

用到的技术 V8 引擎 libuv C/C++ 实现的 c-ares、http-parser、OpenSSL、zlib等库 Node.js 技术架构 什么是 bindings 背景 C/C++ 实现了

创建方式 函数组件 函数组件代替 class 组件 面临两个问题 函数组件没有 state 函数组件没有生命周期 没有 State React v16.8.0 推出 Hooks API 其中一个 AP

生命周期 类比如下代码 同理 React 组件也有这些过程, 我们称之为生命周期 函数列表 constructor() - 在这里初始化 state static getDerivedStateFro

node.js 下载 配置 node.js 使用淘宝源（不要用 cnpm） npm i -g nrm nrm ls nrm use taobao npm i -g http-server VS Cod

创建 Class 组件 ES5 (方式一：过时) ES6 (方式二) Props 外部数据被包装为一个对象 {name:'ivan', onClick:..., children:'hi'} 此处的

组件(Component) Element V.S. Component 元素与组件 const div = React.createElement('div', ...) 这是一个 React 元素

X 表示扩展，所以 JSX 就是 JS 扩展版 使用 JSX 方法一：CDN (不推荐) 引入 babel.min.js 把 <script> 改成 <script type="text/babel"

如何引入React 从 CDN 引入 React（不推荐） bootcdn 引入例子： cjs 和 umd 的区别 cjs 全称 CommonJS，是 Node.js 支持的模块规范 umd 是统一模

bootcdn 的 Echarts Echarts 无 webpack/parcel 有 webpack/parcel 柱状图例子: 更改 Echarts 外观 直接在第二个参数添加 Echarts

三个概念 state data mutation methed action 调用methed 读 和 写 读 写 切记 index.ts: Vue.use(Vuex) main.ts: new Vu

写 Vue 组件的三种方式, 主要方式: 1. 用 JS 对象 2. 用 TS 类 3. 用 JS 类

查看最新版 TypeScript 用法 使用方式 必须要用 class, 用装饰器 可以直接写 data, methods, props, 生命周期 TypeScript 自动加分号 Settings

基本用法 input / textarea / checkbox / radio / select / form input-文本: textarea-多行文本: checkbox-复选框： radi

Vue 进阶属性 directives、mixins、extends、provide、inject directives 指令 内置指令 v-if、v-for、v-show、v-html 自定义指令

Vue 规则 组件不能修改 props 外部数据 $emit 可以触发事件，并传参 $event 可以获取 $emit 的参数 出现的情况 需要对一个 prop 进行“双向绑定” 但是由此而来的“双向

模板 template 的三种写法 一、Vue 完整版，写在 HTML 里 二、Vue 完整版，写在选项里 三、Vue 非完整版，配合 xxx.vue 文件 展示内容 表达式 {{ object.a