怎么样才算是精通 JavaScript?
有人说,程序员是最苦逼的职业,因为掌握的是门技术,而不像律师或是医生,能掌握一门手艺。手艺可以弥久而精,越老越值钱,但做技术如果不能顺应潮流,时时更新,就将面临被淘汰的风险。
这一点在前端行业最为明显,前端刚兴起的时候,只要会HTML+CSS+JavaScript,就能在阿里、腾讯这样的大厂找到工作,但现在随便翻看岗位JD,动不动就是要求熟练掌握React/Vue,熟悉Element、Echarts,熟悉Node.js。每年的需求都在向更深、更新在变化。
而在最近的新闻里,7月Vue刚公布到了RC版本,风头有要压过React的趋势,8月,微软又推出了TypeScript4.0,这些都说明了前端技术仍然处于加速变化的阶段。
那么,会不会有一天,就像许许多多已经没落的编程语言一样,JavaScript也会被进化过的编程语言替代?这样的话,我们还有没有必要不断的深入学习JS?
其实这种担忧没有任何意义。虽然我们无法准确预知未来,但在可见的时间里,JS都将会是前端最重要的底层技能。因为与框架不同,JS对于前端的重要性,可以与数学知识对物理研究的贡献相比,对JS的掌握程度,一直都在决定着前端开发者的求职上限。
在如今这个5G时代里,前端的技术迭代只会越来越快,现有的框架很可能在不久后就面临着过时,只有牢牢把握住JS这一前端技术的基石,才能以不变应万变,时刻保证自身具有高竞争力。
01
'变幻莫测'的this指向
this指向与面向对象是前端面试“高频问题”,也是日常开发中绕不开的话题,很多前端老鸟也会在this指向这里掉坑。本节课围绕this指向问题,通过《LOL游戏》案例的编写,去分析this在不同环境下的不同指向。
技术点:
·箭头函数 ·call/apply/bind ·this
·Object-Oriented Programming
你将收获:
1、透彻认识function的this在不同调用环境下的指向
2、了解箭头函数中的this指向的特殊性
3、掌握如何改变this指向
02
基于防抖和节流的性能优化
当下网页中的交互越来越多,很多高频事件带来的性能问题,已经是绕不过去的一个坎。怎么去优化这些高频事件呢?防抖和节流就必不可少。本节课从实际应用出发,帮大家掌握防抖与节流的使用。
技术点:
·debounce ·throttle
你将收获:
1、了解防抖与节流的概念
2、掌握手写防抖函数与节流函数
3、掌握基于防抖与节流的性能优化
03
数据响应式原理剖析
我们正生活在一个“数据为王”的时代,数据在实际开发中的应用,重要性不言而喻。这节课围绕《LOL游戏》案例中的问题,来探究数据响应式的实现原理。
技术点:
·Object.defineProperty ·set/get ·Proxy
你将收获:
1、Proxy代理与数据劫持
2、掌握Vue中的数据响应式实现
3、掌握Vue中双向绑定实现
04
基于Web Component的组件化开发
想知道各种UI框架的组件是怎么来的么?
想让页面保持干净整洁,让我们只关注整体的逻辑么?
想知道多人协作开发该如何进行么?
本节课中将会围绕这些话题去优化代码,去抽离我们的逻辑,从此告别重复造轮子。
技术点:
·Object.assagin ·customElements.define