左耳听风
陈皓
网名“左耳朵耗子”，资深技术专家，骨灰级程序员
立即订阅
40357 人已学习
课程目录
已完结 108 讲
0/6登录后，你可以任选6讲全文学习。
开篇词 | 洞悉技术的本质，享受科技的乐趣
免费
01 | 程序员如何用技术变现（上）
02 | 程序员如何用技术变现（下）
03 | Equifax信息泄露始末
04 | 从Equifax信息泄露看数据安全
05 | 何为技术领导力？
06 | 如何才能拥有技术领导力？
07 | 推荐阅读：每个程序员都该知道的知识
08 | Go语言，Docker和新技术
09 | 答疑解惑：渴望、热情和选择
10 | 如何成为一个大家愿意追随的Leader？
11 | 程序中的错误处理：错误返回码和异常捕捉
12 | 程序中的错误处理：异步编程以及我的最佳实践
13 | 魔数 0x5f3759df
14 | 推荐阅读：机器学习101
15 | 时间管理：同扭曲时间的事儿抗争
16 | 时间管理：如何利用好自己的时间？
17 | 故障处理最佳实践：应对故障
18 | 故障处理最佳实践：故障改进
19 | 答疑解惑：我们应该能够识别的表象和本质
20 | Git协同工作流，你该怎么选？
21 | 分布式系统架构的冰与火
22 | 从亚马逊的实践，谈分布式系统的难点
23 | 分布式系统的技术栈
24 | 分布式系统关键技术：全栈监控
25 | 分布式系统关键技术：服务调度
26 | 分布式系统关键技术：流量与数据调度
27 | 洞悉PaaS平台的本质
28 | 推荐阅读：分布式系统架构经典资料
29 | 推荐阅读：分布式数据调度相关论文
30 | 编程范式游记（1）- 起源
31 | 编程范式游记（2）- 泛型编程
32 | 编程范式游记（3） - 类型系统和泛型的本质
33 | 编程范式游记（4）- 函数式编程
34 | 编程范式游记（5）- 修饰器模式
35 | 编程范式游记（6）- 面向对象编程
36 | 编程范式游记（7）- 基于原型的编程范式
37 | 编程范式游记（8）- Go 语言的委托模式
38 | 编程范式游记（9）- 编程的本质
39 | 编程范式游记（10）- 逻辑编程范式
40 | 编程范式游记（11）- 程序世界里的编程范式
41 | 弹力设计篇之“认识故障和弹力设计”
42 | 弹力设计篇之“隔离设计”
43 | 弹力设计篇之“异步通讯设计”
44 | 弹力设计篇之“幂等性设计”
45 | 弹力设计篇之“服务的状态”
46 | 弹力设计篇之“补偿事务”
47 | 弹力设计篇之“重试设计”
48 | 弹力设计篇之“熔断设计”
49 | 弹力设计篇之“限流设计”
50 | 弹力设计篇之“降级设计”
51 | 弹力设计篇之“弹力设计总结”
52 | 管理设计篇之“分布式锁”
53 | 管理设计篇之“配置中心”
54 | 管理设计篇之“边车模式”
55 | 管理设计篇之“服务网格”
56 | 管理设计篇之“网关模式”
57 | 管理设计篇之“部署升级策略”
58 | 性能设计篇之“缓存”
59 | 性能设计篇之“异步处理”
60 | 性能设计篇之“数据库扩展”
61 | 性能设计篇之“秒杀”
62 | 性能设计篇之“边缘计算”
63 | 区块链技术的本质
64 | 区块链技术细节：哈希算法
65 | 区块链技术细节：加密和挖矿
66 | 区块链技术细节：去中心化的共识机制
67 | 区块链技术细节：智能合约
68 | 区块链技术 - 传统金融和虚拟货币
69 | 程序员练级攻略：开篇词
70 | 程序员练级攻略：零基础启蒙
71 | 程序员练级攻略：正式入门
72 | 程序员练级攻略：程序员修养
73 | 程序员练级攻略：编程语言
74 | 程序员练级攻略：理论学科
75 | 程序员练级攻略：系统知识
76 | 程序员练级攻略：软件设计
77 | 程序员练级攻略：Linux系统、内存和网络
78 | 程序员练级攻略：异步I/O模型和Lock-Free编程
79 | 程序员练级攻略：Java底层知识
80 | 程序员练级攻略：数据库
81 | 程序员练级攻略：分布式架构入门
82 | 程序员练级攻略：分布式架构经典图书和论文
83 | 程序员练级攻略：分布式架构工程设计
84 | 程序员练级攻略：微服务
85 | 程序员练级攻略：容器化和自动化运维
86 | 程序员练级攻略：机器学习和人工智能
87 | 程序员练级攻略：前端基础和底层原理
88 | 程序员练级攻略：前端性能优化和框架
89 | 程序员练级攻略：UI/UX设计
90 | 程序员练级攻略：技术资源集散地
91 | 程序员面试攻略：面试前的准备
92 | 程序员面试攻略：面试中的技巧
93 | 程序员面试攻略：面试风格
94 | 程序员面试攻略：实力才是王中王
95 | 高效学习：端正学习态度
96 | 高效学习：源头、原理和知识地图
97 | 高效学习：深度，归纳和坚持实践
98 | 高效学习：如何学习和阅读代码
99 | 高效学习：面对枯燥和量大的知识
左耳听风
登录|注册
87 | 程序员练级攻略：前端基础和底层原理
陈皓 2018-07-31
对于前端的学习和提高，我的基本思路是这样的。首先，前端的三个最基本的东西 HTML 5、CSS 3 和 JavaScript（ES6）是必须要学好的。这其中有很多很多的技术，比如，CSS 3 引申出来的 Canvas（位图）、SVG（矢量图） 和 WebGL（3D 图），以及 CSS 的各种图形变换可以让你做出非常丰富的渲染效果和动画效果。
ES6 简直就是把 JavaScript 带到了一个新的台阶，JavaScript 语言的强大，大大释放了前端开发人员的生产力，让前端得以开发更为复杂的代码和程序，于是像 React 和 Vue 这样的框架开始成为前端编程的不二之选。
我一直认为学习任何知识都要从基础出发，所以这篇文章我会着重介绍基础知识和基本原理，尤其是如下的这些知识，都是前端程序员需要花力气啃下来的硬骨头。
JavaScript 的核心原理。这里我会给出好些网上很不错的讲 JavaScript 的原理的文章或图书，你一定要学好语言的特性，并且详细了解其中的各种坑。
浏览器的工作原理。这也是一块硬骨头，我觉得这是前端程序员需要了解和明白的关键知识点，不然，你将无法深入下去。
网络协议 HTTP。也是要着重了解的，尤其是 HTTP/2，还有 HTTP 的几种请求方式：短连接、长连接、Stream 连接、WebSocket 连接。
前端性能调优。有了以上的这些基础后，你就可以进入前端性能调优的主题了，我相信你可以很容易上手各种性能调优技术的。
框架学习。我只给了 React 和 Vue 两个框架。就这两个框架来说，Virtual DOM 技术是其底层技术，组件化是其思想，管理组件的状态是其重点。而对于 React 来说，函数式编程又是其编程思想，所以，这些基础技术都是你需要好好研究和学习的。
UI 设计。设计也是前端需要做的一个事，比如像 Google 的 Material UI，或是比较流行的 Atomic Design 等应该是前端工程师需要学习的。
取消
完成
0/1000字
划线
笔记
复制
© 版权归极客邦科技所有，未经许可不得传播售卖。 页面已增加防盗追踪，如有侵权极客邦将依法追究其法律责任。
该试读文章来自付费专栏《左耳听风》，如需阅读全部文章，
请订阅文章所属专栏。
请订阅文章所属专栏。
立即订阅
登录 后留言
精选留言(29)
小薛薛0.0 从零基础入门看到现在，这知识体量，好害怕。作者回复: 我用了20年，我能做到，你一定也能
2018-07-31 16
少年姜太公21世纪信息获取越来越便利了，网络上有各种书籍，博客，论文，有中文也有外文的。古代，资源匮乏，为了读一本书可能要跑很远借阅并手抄，而现代我们是生活在资源的海洋中，获取资源效率提高了。然而不幸的是在资源的海洋中，我们迷茫了，难以取舍。如何获取优良的资源并迅速掌握吸收转化为生产力已是竞争的核心。望陈老师加以开示。作者回复: 我没什么好的经验，我也是只有在看过所有的资料后才知道什么是好的。比较幸运的是，我的基础知识很扎实，所以学什么都很快。
2018-07-31 6- 图·美克尔这系列真的看不动了…
作者回复: 有时候，学习就像拉弓蓄力一样，学习基础知识感觉很枯燥很不实用，工作上用不到，然而学习这些知识是为了未来可以学得更快。基础打牢，学什么都快，别看我的专栏后面的那些文章很多，打好基础，那些就跟切菜一样。
2018-07-31 5 
寻路之人耗哥，大概什么时候讲解一下，如何阅读来源项目源码的经验分享吗？期待中2018-07-31 4
秋天老师这是把收藏夹里的东西都倾倒出来啦？？？？2018-08-22 2
dearfat没想到看到这个领域，耗子叔还是能带来惊喜2018-08-02 2
小柒终于等到前端了，react和vue学习资源好少啊作者回复: 还没到呢
2018-07-31 2
邱桂新您用了二十年，谁能像您一样花二十年学这些？(纯疑问)2018-10-04 1
Grace微雪要学的东西太多了…🤪2018-08-04 1- dearfat没想到看到这个领域，耗子叔还是能带来惊喜2018-08-02 1
朵朵李以我自己的经验，CSS需要学习一些基础，例如布局，动画，选择器，适配等，剩下的主要是从优秀的框架例如bootstrap学习如何利用LESS,SASS等预处理器的变量，函数，mixin等，完成组件，页面到整站的模块化，体系化。当然跟JS类似，后处理器逐渐流行，所以POSTCSS也需要了解使用。JavaScript感觉主要是权威指南夯实基础，ES6 ES7等学习掌握，其他的书籍辅助，至少后处理器babel要会用，喜欢严格的就学习使用TS。其实后期前端大家主要围绕着工程化来了，webpack必须要会了，gulp可以了解一下，Nodo在工程化中起着决定性的力量，也是不学不行的。2018-08-01 1
_俊腾耗子叔，es6的学习推荐exploring es6，它有一个免费的在线版本http://exploringjs.com/es6/index.html2018-07-31 1
希望20年的功力果然不一般啊!2018-07-31 1
Rocky真是学无止境2019-12-07
godtrue学会九阳神功后学什么都快，少林龙抓手也能现学现用，这个系列的文章就是九阳神功。2019-01-12
王善鹏耗子叔，我想知道我学完这些技术是不是也过时了，我6年前写过一段时间前端，那会还没有ES6，框架用的都是jquery，现在都是ES6，vue，react，bootstrap。感觉技术更新太快了。2018-12-28
是小小白啊《你不知道的JavaScript》也很不错，对JavaScript的剖析也很深入，语言也比较风趣，很适合有一定基础的人读。2018-09-19
丑石去看了一下Alexander Zlatkov在medium上的文章，果然篇篇精品。大牛！2018-08-18
屈超安卓学习路线可以参考这个:https://github.com/JsonChao/Awesome-Android-Notebook2018-08-14
木 易大数据方面的会有吗？hadoop spark2018-08-13
收起评论