学习大纲

199 阅读1分钟

JS引擎工作原理

探索JS引擎工作原理

手写代码

new、promise、bind/call/apply、

正则

ES6特性

网络Http

浏览器缓存、http1、http2、三次握手、http编码、https的工作原理、跨域、安全问题、DNS与CDN

浏览器发送请求到页面渲染

分块、js加载阻塞dom的解析(异步加载)

window.onload

打点上报

工具方法

sort()内部实现

综合层面性能优化

白屏(网络异常、接口)、重排、重绘

webpack

小程序与h5区别

React原理

浏览器工作原理

浏览器工作原理与实践

支付业务逻辑

支付

组件开发

一个 Antd 级联多选组件开发全过程(含源码地址)

1、开发环境 npx create-react-app demo --typescript 安装typescript

npx可以避免安装全局模块,调用项目内部安装模块

npm install classnames --save npm install @types/classnames --save

测试框架: JEST
npm install --save-dev @testing-library/jest-dom

2、hooks useState、useEffect、useRef、useContext、

3、弹性布局 CSS-TRICKS A Complete Guide to Flexbox css-tricks.com/snippets/cs… css-tricks.com/

4、安装storybook 生成文档 自动安装:npx -p @storybook/cli sb init

手动安装 npm install @storybook/react --save-dev npm install babel-loader @babel/core --save-dev

5、 npm i -D @storybook/addon-info npm i --save @types/storybook__addon-info

6、 npm install --save-dev react-docgen-typescript-loader

7、 Javascript模块化发展历史 ES6-》CommonJS-》UMD-》AMD-》

8、 CI CD 持续部署