JS引擎工作原理
手写代码
new、promise、bind/call/apply、
正则
ES6特性
网络Http
浏览器缓存、http1、http2、三次握手、http编码、https的工作原理、跨域、安全问题、DNS与CDN
浏览器发送请求到页面渲染
分块、js加载阻塞dom的解析(异步加载)
window.onload
打点上报
工具方法
sort()内部实现
综合层面性能优化
白屏(网络异常、接口)、重排、重绘
webpack
小程序与h5区别
React原理
浏览器工作原理
支付业务逻辑
组件开发
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 持续部署