近 20 人爆肝数周，写给初中级前端的万字高级进阶指南

知识点

YAPI
emotion-theming
flex 布局

ES6
a.js （先）
export {FooAction, BarAction} from ‘react_components’ （缩减功能）
export * from ‘ui_components’

b.js
import FooAction from ‘react_components’ 只能使用缩减后的功能。

typescript
https://www.imooc.com/learn/1306
webpack
eslint stylelint
babel
_ loadsh underscore
脚手架
npm （【nvm、 n】 node 版本管理）
hash history
react
深入浅出 react 和 redux
https://www.dedao.cn/reader?id=ORa2P4NNLqmQPG2178z5gvkDndlOxWyzv63ajK6BEVXYRrJpA9M4oybeZpqAKQgj
react 新特性（包括：学习中 React Hook）
hoc
lazy
hooks
Suspense
Fragment
Protals
Error Boundaries
React Router Dom
react hook
https://www.youtube.com/playlist?list=PLZlA0Gpn_vH8EtggFGERCwMY5u5hOjf-h
npm
package.json
styleguidlist
headless cms、Strapi
中台、

apexcharts
Angular
https://www.youtube.com/playlist?list=PL173F1A311439C05D
https://www.youtube.com/playlist?list=PLP6DbQBkn9ymGQh2qpk9ImLHdSH5T7yw7
vue
Chrome 调试工具
算法与数据结构
OAuth
java
数据库
Sonarqube
matomo、Sentry
puppeteer 有chrome插件可以录制简单脚本上手的可以先试试
服务端渲染。SSR
redis 数据结构
编译器前端技术面面观
Rosetta
webRTC
macacca Datahub
shell /linux/vim
svg
nginx
nodejs
https://www.processon.com/view/5ad0a28de4b0518eacad90a6#map
webassembly
WebAssembly是什么，会取代JavaScript吗，怎么用起来呢（前端视野扩展！）

防抖和节流

lerna

JSBridge

Hybrid

刘晓燕的语法与长难句10遍。

我们要实现 go 代码（子集）到其他语言的转译，想参考 ts custom transformer 的实现

考核三点

业务需求
旧代码旧项目的架构，迁移重构
技术分享

评分考虑

完成质量
完成时效性
效率

产品：host-app frame ui-components（design_tokens） common-components react-components

业务场景化的 demo 可以提在 https://git.ucloudadmin.com/console/starter-kit 这里，组件场景化的 demo 可以提在组件库的 github issue 里讨论后有空的同学领取然后开发提交 PR/MR

目标支持（给予实践机会、给予技术分享、给予时间进行 side project）目标
量化：结果（react 学习的总结和技术分享、开源的项目（重点、难点、总结）看完哪本书、视频）
综合能力：产品意识、项目管理的能力、沟通能力
即 OKR 法则

基础：《代码大全》《代码整洁之道》《敏捷软件开发(原则、模式与实践)》
进阶：《设计模式》黑皮《算法导论》《JavaScript中的垃圾回收机制》
处理既有代码：《重构改善既有代码设计》《修改软件的艺术》
提高情商软技能：《软技能》《程序员修炼之道：通向务实的最高境界》《让你的时间更有价值》

tableau