左耳听风
陈皓
网名“左耳朵耗子”,资深技术专家,骨灰级程序员
立即订阅
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.html
    2018-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-Notebook
    2018-08-14
  • 木 易
    大数据方面的会有吗?hadoop spark
    2018-08-13
收起评论
29
返回
顶部