设为首页 收藏本站
开启辅助访问 切换到宽版 快捷导航
菜单

编辑推荐

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21

JavaScript 设计模式精讲

[复制链接]
admin发表于 2020-1-27 19:41:53 | 显示全部楼层 |阅读模式
5d15f85300011f5f03600480.jpg 6 l/ \* N' a4 \7 o$ N% @; a; N
课程亮点
5 m, _2 F4 G5 \* g
  • 收获超过 20 种常见 JS 设计模式的提炼及实现过程;
  • 理清不同 JS 设计模式之间的区别、联系和适用场景;
  • 深入理解 JS 设计模式的核心思想和基本理念;
  • 掌握在具体场景下抽象 JS 设计模式的能力;
  • 在提炼和复盘中吸收经验,开拓视野,提升眼界。: M# K  Z' P# m

% A; s1 u2 l0 @" g9 Z  Q  h课程介绍* _" f1 ^% A, n$ n

随着前端技术的发展越来越快,前端科技树越点越深,TC39 委员会在不断审议各种提案,ECMAScript 标准每年推出新的语言规范,浏览器的版本在不断迭代推进新的技术方案,新的业务落地场景在不断兴起,前端开发者们随着技术的不断更迭,必须不断学习新技术、新工具、新框架。
0 ^. D$ J2 H. w5 c

( R2 f9 M3 X; \5 o

框架常变,但不变的是框架的设计。 掌握框架设计模式,正是以不变应万变的根基,也是在前端飞速发展多变里的一点永恒。用的编程语言虽然不一样,但设计方法是类似的;用的框架虽然不一样,但设计模式是类似的。学习设计模式可以了解多变框架背后不变的部分,掌握框架的本质与设计思想,让软件设计能力得到快速提升,从而能够指导编写一段健壮的代码、一个复杂的需求、一个可维护性高的系统、一个优秀的软件架构,在学习工作中事半功倍。

& f0 A. g% ~8 A: N- U0 i- u

掌握 JavaScript 设计模式是迈向高级前端开发者的必备技能,也是软件设计的基础。若想有长远的发展进阶,须夯实这座地基。JavaScript 从一开始简单的表单验证作用,发展到如今的大前端应用,复杂的业务场景对前端开发者提出了更高的设计要求,已不仅仅是简单的功能实现需求。JS 设计模式在面试中出现的频率也越来越高,特别是需要三年及三年以上工作经验的前端岗位,会对软件设计能力进行着重考察。如果你希望成为项目的技术负责人,那么具备软件的设计与分层能力,则是能够成为一名项目负责人的基础。

* \7 }6 t7 |8 [  F

讲师 SHERlocked93,资深前端工程师,开源社区活跃贡献者,技术公众号《前端下午茶》运营者,擅长 Vue 技术栈。现任大型国企前端团队负责人,主要负责前端技术预研、工程框架搭建、基础设施建设等工作。


2 H- S0 I, G3 M. C/ T

根据专栏课程风格,每篇 JS 设计模式的文章结构大致如下:

* b* t/ c, {/ @5 i+ \( [

1. 引入:从一个生活的具体场景引入该设计模式以加深理解;
/ K# w0 I$ i$ Q2. 实现:基于具体场景讲解代码实现、优化方向和优化过程;1 n: @( o2 ^8 j, L
3. 分析:分析模式的结构图、关键点、优缺点与适用场景;
; T0 q5 ^/ J* S0 g1 U3 d/ _/ V4. 总结:总结与其它模式之间的关联与区别。

, j; Z4 w0 f3 K6 r) ?+ z3 l5 I

希望本期专栏可以帮助大家更好地学习 JavaScript 设计模式,同时更欢迎大家踊跃留言,共同讨论。

" v( v1 _: i0 r: j
专栏模块
- q/ I0 I3 }3 p+ }5 h

本专栏由浅入深,讲解由 JavaScript 的基础开始,到传统设计模式在 JavaScript 中的实现。除传统设计模式外,也会为大家讲解其它常用的前端设计模式。主要分为四个模块:

& s1 q  l* V( r$ o2 ?  k7 g3 p

基础篇

: X- v( \: m6 h  I. e8 a1 _3 \

this、闭包与高阶函数、面向对象风格相关的继承等 JavaScript 设计模式前置知识的学习,为后续学习做良好铺垫。

/ T6 s1 O) G4 g& D* o5 j

创建型模式


, G. I$ D' h4 y/ `  u& g7 G% B

学习如何创建对象,主要为将对象的创建和使用分离,通过抽象对象的实例化过程来帮助创建对象实例。内容包括单例模式、工厂模式、抽象工厂模式、建造者模式。


0 M6 L8 ~0 y( J5 m

结构型模式

! A$ O0 i+ ~' `, {# m

学习将对象按布局组成更大的结构。内容包括代理模式、享元模式、适配器模式、装饰者模式、外观模式、组合模式、桥接模式。

8 C, Y4 J1 X$ R) i

行为型模式


5 m* C! z( `9 a" K# h- Z6 I

学习对象之间的通信,以及描述对象之间如何相互协作与分配职责。内容包括发布 - 订阅模式、策略模式、状态模式、模板方法模式、迭代器模式、命令模式、职责链模式、中介者模式。

3 h8 w% \# B% |3 g

其它模式


2 |8 f, }2 I* T. D7 p

一些其它常用的前端设计模式,比如 MVC、MVP、MVVM、模块模式、链模式、中间件等。

5 f; I0 G  T& A) J4 [- I% L
7 q  y6 C& @' v) c8 r9 G4 k8 ~% A
课程目录已更新29节. F) X. {* D* r1 `# U5 n# @; E$ s

  X0 ^( Y: Q; Z. C2 R3 ]& {

7 R- X" ?8 }: z9 E% [
' J, [2 |; [3 l" P5 }% D8 J& X& ]$ F' b' E& f* @
( |- v$ G& g" a- Z
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则