小爝前端自我提升知乎 Live 笔记


记录一次知乎 Live 的笔记,加上部分自己的理解。

1. 初级前端起步

  1. 制定小目标。
  2. 通过目标制定计划。
  3. 寻找实现目标所需的资源。
  4. 和比自己水平高一两个level的人交流,直接和大牛交流也许会有障碍,水平相差较多,水平高的人习以为常的东西,新手也许并不难理解,造成沟通低效。
  5. 写技术日记(技术博客)。
  6. 鼓励意识、荣誉感——去社区里回答问题。

2. 在成熟公司中成长

  • 成熟公司:内部有大牛,体系完善,体量大,多人开发,协同管理机制完整。
  • 始终关注新技术的内容。
  • 在阿里:勤奋——花时间去阅读,写代码。下班之余,晚9点至12点,早起4点至8点。
    • 如何高效阅读英文文档:上手指南 => API大类 => 插件整体概览 => 了解框架的功能——解决的问题和不能解决的问题 => 定位相应的插件,查看具体插件的示例代码。
    • 不能让自己太舒服,克服惰性;习惯开发节奏;了解公司框架结构;熟悉公司业务。
    • 公司内高级前端的要求:熟悉工程化,组件化,模块化开发;有创新,创新的内容可以影响业务线;可以为公司业务带来收益;可以提供讲座;有一定的带人经验,是合格甚至优秀的导师。
  • 在新浪:
    • 待过多个部门,在新浪博客,手机新浪网等部门,有实现自己的打包工具供内部使用。
    • 找到公司痛点,解决痛点,带领大家来解决痛点,是提升自己的一种好的方式。
    • 对待问题和知识点刨根揪底、精益求精的态度。

3. 团队与个人,谁在起进步作用

  • 相辅相成。
  • 成为技术 leader,有担当,主动接手复杂的项目,解决疑难杂症,解决其他人解决不了的问题。
  • 团队不代表个人,当自己离开团队的时候同样有自己的能力。
  • 有自己的方向,技术栈,不断进步。

4. 没有参与过0-1的前端项目怎么办

  • 不断创新,开发新的插件,新的系统,新的工具。
  • 有自己的个人项目。
  • 参加黑客马拉松。
  • 有一定产品思维。

5. 前端人员对后端需要掌握到什么程度

  • 了解:可以使用后端语言做动态网站,完成基本的增删改查、数据库的安装、服务器的配置。
  • 进阶:使用 nodejs 等开发静态服务器;可以开发 web 应用,开发 web 框架开发;解决并发问题;了解服务器;了解 shell.
  • MVC MVP MVVM

6. 前端技术如何做到精益求精

  • 找到学习的平衡点,避免过度设计。在已有的水平上一步一步、脚踏实地发展。
  • 提高自己的眼界,去看经典,学习经典,感受好的代码,营造一个好的代码氛围。
  • 每天解决一个小问题,当天解决。积少成多,慢慢积累。

7. 未来的前端工程师应该如何发展,怎么看待不断更新的框架和各种技术概念

  • 关注本质。新技术是否是能解决当前公司的痛点,解决某个场景的问题。大而全、可以解决所有问题的框架一般活不久。
  • 发展趋势是客户端化。很多思想(MVVM)是客户端引入到前端中的。
  • 移动端迭代非常快。保持和移动端设备规范的一致性。
  • 未来的几种可能:浏览器内置组件,解析编译的代码。浏览器不更新,热更新。增量更新。
  • 关注 web 条件,硬件变化。
  • 混合式开发:React-Native.适当学习客户端,后端。

Q&A

高效自学 js

  • 看书:《JavaScript 语言精粹》《DOM 编程艺术》。
  • 查看网站的部分功能,思考如何实现同样的功能。
  • 如果可以实现,在脑海里理清思路过一遍。不能实现,则找出实现的方法,熟悉并理解。

清理客户端缓存方法

  1. 在 js 等文件后加时间戳。
  2. 更改 js 文件名字。

如何快速上手大型项目

  • 找到大型项目的文件入口。
  • 找到每个页面对应的 js。
  • package.json.
  • readme.md.
  • test(单元测试,测试用例).
  • src(开发目录).
  • dist(编译目录).

制定小目标

  • 学会使用一些抓包工具, 例如 fiddler(windows), charles(mac).

如何实现自己不会的动效

  • 查看别人的源码,找到引用的开源插件。
  • 学习使用该开源插件,或是学习源码。
DOM 重要知识点回顾 Jasin Yip 计蒜客前端知乎 Live 笔记

评论

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×