近 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 的实现

KPI

考核三点

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

评分考虑

完成质量
完成时效性
效率

工作

产品:host-app frame ui-components(design_tokens) common-components react-components

业务组件文档: https://console-test03.ucloudadmin.com/components-examples/common-components/ 关于控制台 sentry 的使用文档:https://ushare.ucloudadmin.com/pages/viewpage.action?pageId=54983110
控制台新项目现在可以尝试接入新架构,想接入可以联系 王兵兵(zero.wang)
新架构产品创建文档:https://ushare.ucloudadmin.com/pages/viewpage.action?pageId=52372378
老产品接入新架构文档:https://ushare.ucloudadmin.com/pages/viewpage.action?pageId=57602053
新架构项目介绍文档:https://ushare.ucloudadmin.com/pages/viewpage.action?pageId=57602073
新版 services 文档地址:http://console.page.ucloudadmin.com/services/index.html
新版 services 文档差异列表:https://ushare.ucloudadmin.com/pages/viewpage.action?pageId=54953222 老项目使用需要注意升级依赖版本为 1.0.10 以上,重启 CLI 会自动更新,更新完成后就可参照文档使用新版 services,如有问题及时群里讨论
控制台新手开发指南:https://ushare.ucloudadmin.com/pages/viewpage.action?pageId=36514461 控制台产品负责人:https://ushare.ucloudadmin.com/pages/viewpage.action?pageId=23496745

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

IDP

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

书籍

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

扩充

tableau