【讲座笔记】前百度前端架构师大圣讲前端开发

AI滚雪球
437 阅读6分钟

【讲座】前百度前端架构师大圣讲前端开发-1103

介绍：大圣是百度的前端架构师，讲座来源于微信视频号直播，公众号【花果山前端】

一、学习方法

  1. 理念

    1. 学起来很痛苦，但能升职加薪，让自己接受痛苦
    2. 学习的东西，要和自己的兴趣点结合
    3. 学不懂可能是资料不行，找向上的台阶，借助豆瓣，知乎，问导师，看书、看B站视频

  2. 学习的路径

    1. 先把官网完整的看一篇
    2. 了解社区里的迷你实现（toy-vue）
    3. 思考公司现有的工程化体系，哪些地方可以应用新技术提升，可以改善、提高研发效率
    4. 可以在极客时间等学习网站查漏补缺

  3. 框架和组件库是捷径，从组件库开始学、看这些组件库的实现

    1. 关注Element UI
    2. 关注Naive UI 框架，用的TS和TSX，看一下实践

  4. CSS如何优雅？

    1. 去看Ant Design组件库里的CSS
    2. CSS 要有模块的概念

  5. 关于读书：

    1. 早上到公司看书
    2. 一个月时间，只看一个东西
    3. 一开始把一本书啃完，要能一个月看完一本书，把书看完
    4. 买书不要心疼钱，每年要花一个月的工资买书看
    5. 书看了就忘，就再看一遍，看过和没看过是两码事
    6. 尝试主题阅读，比如每一本书的promise章节都看一遍

  6. 关于TS

    1. 不要着急，把JS学好
    2. TS是类型编程语言，看TS的代码看不懂，回到教程，碰到不会的再去学，把关注点放在核心的地方

  7. 可以深入研究技术的方向：

    1. 组件
    2. 浏览器兼容
    3. 发布部署、CICD
    4. 前端的智能化
    5. 办公文档，如飞书
    6. No Code，如云凤蝶
    7. Low Code，后端Go语言的websembly
    8. 前端的编辑器，可以在浏览器直接写
    9. 跨端解决方案，flutter 跨端挑战的
    10. 工程化的领域

  8. 关于博客，可以用Vue-press写静态页面，Node.js也可以部署

二、阅读源码

  1. React 和Vue入门都不难

  2. Vue是招式，JS是内力

  3. Vue 6层楼：

    1. Vue是中国人创建的，中文社区分享很好

    2. 找一千行左右的代码看，要求：

      1. 测试覆盖率90%
      2. 注释完善

    3. 推荐Vue 的reactive、Vuex、Vite的源码

    4. Vue可以关注的地方：

      1. 关注Vue Conf
      2. Git 规范
      3. issue 规范
      4. 提交的规范
      5. 如何做规划，人员替补

  4. React 20层楼

    1. React 要看 Ant design

  5. 关注从玩具到实际可用，发生了什么？

    1. 关注对象，数组，监听、缓存的机制，

三、工作经验

  1. 成为大家创业会用的人，留下写代码靠谱的印象

  2. 把握学习的机会，所有需求会突然涌过来

  3. 在大厂里多问导师

  4. 多参加内部的技术会

  5. 你的顿悟，是别人的基础，大厂程序员说：这东西大家都会，你看这本书就可以了

  6. 和大神的差距是计算机基础，比如编译原理，操作系统，算法，不是接口和框架

  7. 操作系统是代码世界的规则

  8. 现在广度不值钱，需要的是深度，擅长什么的都有，你要有撒手锏

  9. 算法在工作中用不到，是现在的段位不够高，要靠内力取胜，数据结构是内力

  10. 让自己知道别人的代码好不好

  11. 把框架搞到原理层面，

  12. 明确项目的难点什么

  13. 前端的架构要关注哪些：

    1. 性能优化，关注手头的项目，如何研发更快，运行时更快？
    2. 提高研发的效率：比如代码规范
    3. 项目的稳定性，减少报错
    4. 自动化测试
    5. npm如何管理版本

四、职业成长

  1. 工资是看职级，职级的要求：

    1. P5 是独立完成工作

    2. P6是独当一面，不依赖于领导，和产品聊，独立实现搞定，独立负责项目，完成工作的，上架了什么项目，对组件有理解，理解源码。

    3. P7是领域专家，社区内领先，是组件库 ，社区内的技术产出：

    4. P8是行业专家

      1. 比如winter、月影
      2. 在这个行业做的东西行业内的人都知道，这个东西很牛逼

  2. 目前大部分人是P5、P6水平

  3. 如何看P6的简历？

    1. P6的标准是带领3-5个人，独当一面，实现了某个项目。
    2. 我是主R，我在什么情况下，哪一个周期里做了什么动作，最后拿到了什么成果，比如提高了多少效率，开源之后拿到多少star。
    3. 项目的难点是什么，特色是什么

  4. 从博文看职业成长：在开源社区要有影响力

    1. 博文是中专学历，在W3C 的标准组很活跃，社区的开源贡献是够的
    2. 月影特批进入了360齐舞团
    3. 看了Vue源码，写了Vue的源码书
    4. 之后从360到了阿里，是阿里最年轻的P7

  5. 后端需要关注的：

    1. 后端是和操作系统强绑定的
    2. 后端转前端没有收益。后端主要是搞不定CSS。
    3. Serverless给前端一个能力，让前端做后端的工作，比如可以用Serverless搞一个小程序
    4. Node需要注意并发、弹性伸缩、监控、
    5. 掘金、语雀使用了Serverless，按需分配，按需付费，公司后端只写一些Node，掘金撑到了被字节收购，字节收购掘金后，后端直接用Go重写。

  6. 自由职业的发展方向：

    1. 前端的IT教育
    2. 前端的开源，有流量，比如尤雨溪
    3. 刷题插件

五、学习资料推荐

  1. 《JavaScript高级程序设计》，即红宝书，精读红宝书

  2. 《JavaScript权威指南》，即犀牛书

  3. 算法：

    1. 通过简单的《图解算法》、《啊哈算法》入门
    2. 《算法与数据结构之美》
    3. 强烈推荐《算法》（第四版），《算法导论》这本书看不懂没关系，《算法》（第四版）也可以把算法学明白
    4. 配合LeetCode，每天固定时间刷LeetCode

  4. 《重构》

  5. 《代码整洁之道》

  6. 吴军的书

  7. 极客时间的操作系统课，配合《深入理解计算机系统》

  8. 《数据密集型应用系统设计》（DDIA），讲后端工程最好的书，GitHub有开源的翻译版

  9. 《计算机是怎么跑起来的》

  10. 看不了的书，就多抓鱼卖掉

avatar
文章
阅读
粉丝