知乎live--jjc《前端工程师的入门于进阶》

知乎听讲总结

知乎live----jjc《前端工程师的入门于进阶》

live简介

内容

1. 前端的基础知识，计算机专业基础知识感觉还行。前端后台都有做过，现在觉得自己要深入。但是只看框架源码和自己写demo感觉并不能提高，要如何提升？
   答：让别人review自己的代码，可以是水平低的人也可以是水平高的人

2. 大家都推荐GitHub来锻炼自己，我想请教c神怎么把那些项目结合自己会的知识来提升自己，不知道从何入手，是在这个项目上修改还是？
   答： 基本知识，基本功必须牢固，盲目实战会有很多弯路

3. 前端如何入门？

   • 成为前端程序员前提是成为程序员
   • 对前端要有一个基本的了解
   • 深入了解前端
     • 建议： 忘掉js,忘掉浏览器，先掌握js的语法（eg:数据类型）
     • 建议： 语言的结构如（eg:for）和其他语言的比较做到求同和异

4. 是不是做项目前端框架都应该用最新的技术啊

   • 80%的时间是在维护老项目
   • 老技术比较稳定，使用的比较多，老项目是慢慢更新的

5. 初学者能用什么项目进行练习，而不会感觉特别难啊

   • 不要效果吊炸天的效果图，不是考察的重点
   • 代码规范、整洁
   • 代码逻辑复杂，但是项目简单，实现的方法可以是函数式、过程式、面向对象
   • 代码强壮，用户的任何操作，程序能运行
   • 代码调试性
   • 分技能的练习
   • 不要直接使用框架练习

6. 平时做业务居多，如果在做业务的过程中提升技术呢

   • 大部分就是在写业务代码
   • 代码层： 业务代码最重要的是可维护性，过一段时间还能看懂吗
     • eg: 尽量不要使用for 循环，可以使用函数式的some 等循环，可读性高
   • 架构层：前端和后端的业务不同，后端业务固定

7. 我已经可以独立完成独立项目，算是初学者吗

   • 不一定，‘三月工作经验重复五年’（注：好悲哀，就怕自己也这样）
   • 要知道为什么框架会存在，他解决了什么问题,他的缺点是啥
   • 文章：抛开 React 学习 React

8. 如果是js仅仅掌握，那要如何提升自己？具体怎么实现？

   • 编程思维的提升
   • js做c的题目
   • 阅读别人的代码
   • 可以学习别的语言，开拓视野

9. 怎么才可以让自己的代码的可读性变高？可维护性更强一些？

   • 可读性

     • Martin Fowler著作

     《重构》2003出版
     《重构》2010出版

   • 代码不要超过1屏幕，如果超过拆分代码

   • 可维护性 设计模式

   • 思考的方式，写代码的目的

   • 提问的智慧，大牛也是有问题的，他们在提问之前就自助解决了

10. 错误的前段学习方式都是指那些？

    • 没有系统学过js,把知识点穿起来，停留在入门级
    • 没有目的是学习
    • 为了编程而编程
    • 追求炫酷和新的东西

11. 今年前端对应届生的要求到哪个层次呢？如需要会什么技术栈？对即将找实习或找工作的学生有哪些面试建议？

    • 按简历来提问，写啥提问啥，关键字熟练和精通（注：好好想想这连个词，别坑自己）
    • 系统掌握知识（css,dom, js），扩展知识
    • 看深入不深入，系统不系统
    • 个人知识管理

    • 所有的东西是需要经验可管理的阅读建议

      
      v2-e65b17e7e682bfca044f773b09e36364_b.jpg

* 个人（jjc）喜欢看编程、历史、数学类的、经济类。帮助最大是经历管理类的(注：意外)
* 阅读建议![v2-62dee35e7ae332e2581d6f7e4d918a3c_r.jpg](https://img.haomeiwen.com/i2491178/dffda9f8a81610cb.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

v2-d92f418e447d9afef16fe54dbf86e56a_b.jpg b83c93e92706785a25914bd4fcd6f0d2_b.jpg

12. 内存泄漏，遇到的最多，有时候做的时候也许也不知道，应该如何查找？

    • review
    • chrom工具

13. 如果逻辑能力差，应该如何提升自己的js思维逻辑能力？

    • 训练出来的，刷题

14. 前端的话 应该是调试工具和构建工具 尤其是构建工具 感觉最近特别多 不知道怎么选了

    • 调试的不多
    • 构建工具多 最新的 gulp webpack

15. 优秀的前段工程都需要掌握什么技能，并且这些技能的熟练度达到多少？

    • 解决问题的技能
    • 前端的阶段：后端到前端，前端变为胖客户端
    • 前端不是web page 时代了，是web app

16. Gulp 和 webpack 这些要怎么学习啊，我每次学完过段时间就忘了。。

    • 工具要了解他诞生的背景，webpack也是要淘汰的
    • php和node.js 要算大前端范围，以为他们都和‘展示’有关

17. 在创业公司自己从零做了很多东西，进步挺大的，但从来没有人review我的代码 ，没有人和我研究技术 这种情况该怎么继续提升自己 还是换个大点的团队

    • 任何人都何以review
    • 看开源的代码

18. 尽早制定自己的前端职业规划• 我认为的一种错误的前端学习方式（ 80% 的人在使用）• 培养自学能力，如何快速成长和学习？

    • 定目标 看招聘要求
    • 盲目的学习新的框架新的库
    • 正则表达式
    • 你找到了解决问题的资源，最好能手巧一遍
    • 尽量不要去外包，外包是机械的重复
    • 没有高工资的语言，只有高工资的开发者
    • 快速成长要经历足够的坑

19. 请教一下 现在初中级都很饱满了，如果初级不要求工资还有坑么？网易的前端微专业效果怎么样

    • 要找工作的前提是你的达到要求，不建议这麽做

20. 请问后端转前端，是直接从框架加基础的学习，还是先从h5,js,Ajax 深入再学前端框架好一些呢，谢谢

    • 直接学习源码，不要使用框架
    • 东西要做精

21. 听了好多，看了好多前端进阶，但是感觉还是在进阶…在工作中都是老样子，要不就是没人带，要不就是切切图弄点特效，维护网站什么的，偶尔自己搞搞代码

    • 做开源项目

22. 设计模式感觉好神奇可是自己总是用不好么才能分析出用哪些模式或者算法合适啊

    • 出现的场景
    • 解决什么问题
    • 为什解决问题
    • 怎么才能解决问题

23. 如何才能读懂别的框架的代码啊 尤其是一些迭代好长时间的代码 一上手就好多 虽然知道确实挺优秀的 但是不知道从哪开始读

    • 从正式发布的第一个版本读，不是第一行
      • 0.01-0.02-0.03

24. 如何在需求改三遍以后 还能活着写代码啊- -

    • （好）增加代码解决问题
    • （良）修改源码解决问题
    • （坏）改动很多东西解决文图
    • 要解耦，代码可以进行单元测试

25. 学习新知识，应该学自己喜欢的还是学适应工作的？（注：不要任性）

    • 可以学习使用工作的
    • 可以把工作当做兴趣，做出付出

26. 现在还需要熟练运用jquery么？？还是都尽量用原生js去写？

    • 移动项目告别jq
    • 对项目做出评估，然后在选择

27. 前端工程师如何定位自己

    • 走工程路线：产品路线业务代码
    • 底层路线：库、组件

28. 想问一下c神，作为大三学生，在项目带来的提升已经很有限，并且前端基础知识也比较扎实之后，该如何提升自己？另外看框架源码有什么比较好的方法？

    • 做精一个项目

29. 进现在的公司工作了快三个月了，学习到很多，自己工作之余也不断扩展对前端的了解。现在的感觉是:（注： 问题不全）

    • 遇到了瓶颈，可能问题不是前端，是前端之外的，可能是工程化，可能是算法

30. 如果不是避免三个月的工作经验重复三五年，那么三五年经验的前端应该是什么样的

    • 工程化的东西了解了
    • 为什么做工程化
    • 设计模式
    • 解决问题能力

31. 现在主流框架你最喜欢哪个，为什么？

    • react 单项数据流、函数式编程

32. vue值得学习吗

    • 可以

33. 是不是3大主流框架学会了一个其他的都能融会贯通

    • 不是的，他们的设计理念就不样

34. 如何从jquery过渡到vue，我感觉和以前的使用方式完全不一样。。

    • 思维模式的转变
      • jq操作dom为主
      • vue操作数据

35. 来自微信群的提问： 目前公司主要项目是crm，后端java，前端页面也是后端程序员用的jsp来写的，但是他们写前端页面的时候觉得很吃力，想着能把前后端分离出来，crm项目本身有一定复杂度，想问下，应该从几个方面着手改变开发模式？是可以直接上现在流行的框架之类的么？

    • 工程性问题
    • 前后端分离在中间加一层，可以是php jave
    • 模板引擎

36. 年近30了，确实喜欢前端，还适合入行吗？

    • 学到老，有求职的困难
    • 转行的理由是啥呢，转行就能好吗

37. rxjs在目前前端里的作用和使用场景是什么样的？因为我见过rxjs结合redux来作为异步状态同步，现在用的多么。

    • 喜欢，小规模的使用

38. 快速上手框架的方式

    • 官方说明文档

39. 大学不是学的计算机，毕业后入伍，在部队接触到web，现在退伍后想深入这行。

    • 要努力，有点公司是研发的公司，需要是计算机专业的

40. 群问题： 在js比较薄弱的情况下，怎么能快速进步？或者有什么学习方向

    • 补: 不建议去菜鸟驿站，w3cschool这是手册
    • 学习去MDN
    • 没有捷径
    • 重新介绍 JavaScript（JS 教程）

41. 如何知道当前行业在流行新的什么技术，并且尽快掌握它（注：没有记录全）

    • 社区
    • 外网
    • 微博

42. 很多人瞧不起基础 然而实际工作中 很多人的瓶颈无法突破 就是因为基础不够扎实 所以 很感谢jjc大神的分享啊

    • 是瞧不起浮躁，是自以为掌握了js(注：感触颇深)

43. 书签管理

    
    v2-ff72387c31eda98fd2e3d6b8691152b8_b.jpg

44. 可以简单讲一下一个技术的学习方法吗

    • 分阶段
      • 了解： 官网、维基百科、看书
      • 入门：查看拓展链接
      • 提升： 实战是建立在已有的完善知识体系下
      • 精通
      • 对于学习，首选是看书，系统的全面的学。我从来不相信什么碎片化学习。碎片化的东西都是作为知识的补充，而不是知识本事。

45. 能推荐一些书籍吗

    • 《黑客与画家》
    • 《javascript高级程序设计》
    • 《javascript精粹》
    • 《你不知道的javascript》
    • 不推荐犀牛书

46. 什么算是前端工程师？

    • 展示性的东西都算前端工程师，包括android ios
    • 自己（jjc）定位是web攻城狮
    • 喜欢react,符合前端的理念，react做的视图层