0x00 先说定论

咱们能够把学习道路比作游戏中的段位上分，在不同的分段都有自己的定位和要锻炼的工作：

  1. 青铜 – 从零开端小学生：怀着满腔的热血，看到了这一个职业的期望和未来，准备开端学习 WeE ] e L s m F N b 开发知识。
    1. 先经过 w3cschool 等免费学习资源把 HTML、CSS 和 JavaScript5 & 3 ` ) { O 的底子操作学会了
    2. 写一个简略的表白页面送给你的女/男朋友，展示~ i 0 / 1 h Z 6 一下自己努力的效果，假如没有就当我没说

2.白银 – 懵懵懂懂d 8 ] o * R初学者：懂得怎样运用 HTML、CSS 和 Javar v 5 ` i n CScript 三大件来完结底子页面开发功用

  1. 挑选一个能够覆盖多种场景、能够随自己志愿调整难度的项目测验完结，如博客体系、记账本、Markdown 编辑器等
  2. 从 React 和 Vue 这两个结构中挑选一个进行学习

3.黄金 – 驾轻就熟新玩家：懂得运用结构来完结上面所举例项目

  1. 学习 Redux、Vuex 或许 MobX 等状况办理东西，并将他们运用到前面的% F O [ 8 { } 4 3项目J & r中
  2. 考虑状况办理东西为你的项目带; N M P来了什么好处

4.铂金 V – 初出茅庐新司机： 懂得怎样运用脚手架创立项目，并且能将代码结构依据模块化的思想进行安排

  1. 学习 TypeScript，对前面的项目进行重写，重视对数据结构h z [ i和类型的操控
  2. 学习 Node.js，试着合作数据库完结一个比博客体系更为杂乱的 CMS（内容办理体系），如 图书馆办理体系、仓库办理体系

5.铂金 I – 底子上手好司机：假如是懂得怎样运用 Node.js 或 TypeZ * { T H WS7 ; ( = T ~ Vcript 编写事务代码的

  1. 考虑在前面运{ ? o ! | , U b用结构开发的项目中，有哪些代码是重复冗余i # + : a @的，有哪些逻辑是能够在多个组件之间共用的
  2. 学习运用 ES2015 或更新的 JavaScript 标准，逐步替换运用结构所编写的代码

6.钻石 V – 淡定自然老司机：假如是对逻辑笼统、模块封装有了必定的了解和阅历的

  1. 考虑怎样运用纯 JavaScript 对事务组件中的非烘托、非 DOM 相关代码进行笼统
  2. 引进单元测验东西，对纯逻辑代码进行测验，争夺覆盖率达到 80% 以上

7.钻石 I – 赛道新8 Y X r | a N手初学者：假如上面的条件你都现已满意了

  1. 考虑e w J p ( A k不同的代码哲学（OO、FP 等）、不同的代码结构（MVC、MVVM 等）的差异
  2. 考虑不同的结构之间规划的初衷，考虑不同的编程言语中对同一类问题不同解法的差异

到这儿我划了一条从 0 到高e 3 ! 3 V ) @ b级前端工程师等级的纯技能道路。信任有不少有阅历的同学会发现中心我省掉了不少内容w _ & 7，但也不难发现道路中从前半段的“学习”逐步变成后半段的“考虑”。

优异的工程师除了需求有在纯技能范畴的沉淀以外，还需求更多对技能、x E / }团队、ROh l % 8 D A n SI（投资回报率）的考虑，当然这仍然不足以支撑咱们平稳地渡过“程序员 35 岁危机”，前面的路还有很长，钻石往上还有王者呢，谁说程序员便m 2 !是芳华饭碗的？

回想起许多年前我也跟你相同是一个彻底的新手，从 0 开端逐渐自学摸索 Web 开发，乃至后来我也没有进入科B d 1 C _ p班学习核算机，那么来听听我作为一个“前人”是怎样彻底靠自学至今的故事吧。

0x01 我的从 0 开端

我是一个彻底从自学开端的前端工程师，想起来第一次触摸前端便是初中那会特别流E s _ L行合租 VPS 然后注册一个 .tk 的免费域W 0 Q ? w /名。而作为一个刚入门 Web 开发不久的小屁孩来说，用这种方法一探“大人的世界”事实让人振奋。

而其时最流行的博客办理软件便是用 PHP 写的 Wordw ` YPress，作为一个十分老练的 CMS 软件来说 WordPresX = ` n k G F ] 9s 其时就有了十分丰富的社区资源，比方主题、模板、插件X O ! 7 _等等。而作为一个十分重视个性化的小屁孩来说，当然是要自己做一个主题的啊！所以我就从此踏上了 Web 开发的不归路，在此之前我所触摸的都是 Visual Basic 这样的 Native 的言语。

以 WordPress 主题作为切入点，我开端学习 PHP 用于调用 WordPress 的 API 并输出内容、学习 HTML 用于写主题的? / d模C $ b J r N G板、学习 CSS 用于“装潢”我的博客、学习 jY J } c y y g B GQuery 用于完结页面D # R 0 X V G F动态效果。

是的，那个时分底子上大部分人触摸的是 jQuery 而不是 Jp o e VavaScript，一个C ] g + . . $ 函数就能够完结十分? ^ y ) I L v多的效果这让我第一次感触到了“结构”所带来的价值。所以便一步一步地发生了以下工作（不必定彻底对，究竟时刻过太久了）：

  1. 我发现页面上的一些样式效果无法在 IE 浏览器上正常显示，所以我就开端到网上学习 CSt ) # Y ? R _ yS 在 IE 的各种特别处理，包含 reset.css、normalize.m A { & Wcss 等东西的运用；
  2. 每次点击链接都要改写页面，在那个网速不怎样好f T = } v A A的年代体会十分糟糕，所以乎就开端研讨怎样用e A y V jP ~ { ^ ;Query/JavaScript 完结不需求改写页面的状况下切换页面的内容；
    1. 经过查看文档发现浏览器支持一种叫做 XMLHTTPRequest 的技能，能够让咱们不需求经过跳转的方法从服务器获取到e S A信息，从这儿开端了解到 HTML、XML 和 JSON 三种不同格局的! l R差异；
    2. 第一次知道了能够经过服务k * 3器传递 JSONA J 5 g d ~ 格局的纯4 J } = – K S ; C数据，然后前端经过 JavaSu / q Q X J Lcript 对数K } g t { f 据进行解析，并且结合前端的模板W r w t _ L z }引擎烘托成完好的 HTML；
    3. 从这儿又能够学习到怎样经过 URL 中的 path、query、h: 2 T E Z Y 6ash 以及 POST 和 PUT 恳求正文等信息向服务器传递信息，服务器经过这些信息动态地对各种数据进I / P x Y –行处理并返回成果；
    4. SPA（Single Page Application）开发习气初见雏形；

这样我就来到了“白银”阶段了。

0x02 触摸 Node.js

当我正在愉快地规划着 WordPress 的自定义主题时，偶然间我在某前端网站上了解到了一个新的技能C A = —— Node.js。l J / d N D 6与它的相遇改变了我今后的学习路径，影响e e e R # ; U 8 D至今。

2009 年 Ryan Dahl 发布了一个基于 ChrT { Rome JavaScript V8] J H s W d G K 引擎开发的程序运行环境 Node.js，它答应开发者在除了浏览器以外的地方运行 JavaScript 言语，并且供给一些标准库答应 JavaScri– , X ! d _ {pt 脚本发动进行发动一个 HTTP 服务端运用这种以前在浏览器无法完结的工作。

var http = require('http');
http.createSerg 3 + G 0  ` 8 gver(function (req, res) {
res.writeHead(200, {'Content-Type': 'text/plain'P $ ,});
res.endU [ P('Hello Worldn');
}).li( S F d , Isten(8124, "127.0.0.1");
console.log('Server running at http://127S 6 r q Z O . H.0.0.1:8124/');

这一份代码是 2010 年写在: 9 z ^ o & $ [ g Node.js 官网的一段实例代码，机缘巧合之下我被这么一段简略的代码深深地招引住了，虽然其时装置它仍需求从 G~ & , J L q eitHub 上克隆整个项目代码h 7 ;到本地并依次运行以下指令：

$ ./configure
$ make
$ make install

这一次编译就得花上至少十分钟，但完结装置后运行上面的一段代码，并在浏览器中翻开 http://127.0.0.1:8124/，然后在浏览器上看到+ F Hello World 字样时似乎新世界的门翻开了。由于其时我所触摸过的服务端程序只要 PHP，而 PHP 本质上便是一个模板引擎，它并不能很直观地处理恳求自身而是凭借 CGI 进行呼应。能做更多的工作，这件工作对刚学习编程不久的新手来说是具有很大诱惑力的。

从这儿开端，Nk e 5 d ode.js 合作 npm 便开端了长达 10 年的快速开2 l 4展。从纯服务端运用开发，到开发东西、工程东西，再到现在的 FaaS（Function as aR D f i Service，Serverless）开发方法。Node.js 现已成为 Web 工程师不可或缺的一项技能，不管I L [ o u t是用来开发服务端运用仍是开发东西类运用，乃至是运用 Electron 开发桌面端运用仍是合作 React Native 开发移动端 App，Node.js 能让前端工程师了解更多体系等级的概念，如网络、I/O、内存、文件体系等等，这些许多都是本来在浏览器端上看不到的。N N N *而学习这些知识对你了解前端开发背后的一些原理有十分好的价值，就跟学习算法相同。

定论：请学习 Node.js 和其间涉及到的一些底子核算机原理。

0x03 结构年代

当我在做 WordP: 3 4 Z @ b Cress% W U v g W 4 ( 2 主题的时分，绝大部分的主题开发者都会在前端做一些简略的[ J V 7 }效果，W y | ; u / ` | D乃至有甚者会经过 JavaScript 完结一些本来只F V j f O | = M y能经往后端来完结的工作，比方文章列表、文章内容的加载和烘托。

而当年这些主题开发者底子上都会运用 jQuery 来进行这些 JavaScript 的操作，由于纯手写 Jap a GvaScript 在其时来说十分的繁琐（ES4年代，许多现在被广泛运用的原生 API 都仍未具有）所以其时 jQuery 便是咱们的首选计划。

从十分早的 Pr6 R & 6 # , _ PototypeJS、后来的 jr g :QuH ` ` 6 M xery、进入 MVC 年代的 Backbone，Angula} e z ] s 6 . o prJS 开启 MVVM 方式，R= B n % Deact 引进 FP 的概念，Vue 成功开启了渐进式开发体会的道路。一路下来一地的鸡毛，被各路人马诟病前端范畴一个N y j ; &月开发一个新结构，“学不动了”。然而作为一个也写过结构、写过东西类库的开发者，我很喜欢用一个常常用于泛科技范畴的例子来类比前端范畴：科技的终极目标，便是让人民感觉不到科技。

jQuery 年代+ [ x 3 – d j = M，前端开发者运用 JavaScript 的方式是从页面中获F h x取 DOM 元素，添加事件，然后经过 class 和 style 对页面进行动态地改变，以完结对用户行为的呼应；

Backbo, : Fne 年代，本来用在桌面端软件开发中的 MVC 方式被引进到了p d F前端开发中，前端开发者们发现 Web 开发的杂乱度现已需求用这些更老练的开发方式进行办理了；

AngularJS 年代，从这儿s s , f开端 Google 把数据双向绑定方式带到前端开发中，将本来需求经过 JavaScript 操控 DOM 元素这一繁琐的操作变成K q 5 e 1 * b了只需求关心 Model 层需求改动什么内容即可。

而 Vue 则将这种方式的开发本钱下降到了一种相当可观的程度，让许多新手开发者也| 8 % 4 W能很简略地下手这种便捷的开发方式。

React 年代，Facebook 的科学家们把函数式0 J D编程的思想引进到前端开发中，重视的是数据链_ j S m n + ,路的可盯梢、可回溯、可办理，让整个数据链路是尽可能以单链路流通。

WEB 前端菜鸟，感觉很迷茫，该怎么做？WEB 前端菜鸟，感觉很迷茫，该怎么做？

虽然前端范畴常被说“一个月一个新结构”，但实践上每一个结构在迭代的过程中都是处理了它们所在事务场景的实践需求的，并不是“拍脑袋”地想要把每一个技能细节做出一个 break change。
而现在我现在推荐的学习的结构是 React 和 Vuz a pe：

  • 相同都是现在最流行的结构之一，并且能够预见未来 3~5 年内都是能满意找工作的需求的；
  • React：引进函数式编程（Functional Programming）的概念，使得写代码的思路愈加严谨，更具有可维q z z ( L I . _护性和逻辑可导性；
  • Vue：将 MVVM 方式变得十分# T 5 B ; H ? J g简略易于下手，把 Progressive0 = ] JavaScript Framework 的定位实践得十分到位。且现在 Vue 3.0 的y 7 M / ` Composition API 更是在某种程度上将 Hooks 的玩法完结得比 React Hooks 更优；

定论：请不要害怕学习! D g！不要惧怕新技能！

0x04 工程之路

虽然我在触摸了结构和 Node.js 之后，发现9 L W JavaScript 除了能完结一般只用于展示内容和呈现简略交互以外还能做更多的工作。但本质上仍是围绕着多个页面进行页面上 DOM 元素的操控，而直到我翻开了 Googe Z s } & Jle 的一些网站时，我才发现本来网站除了能叫页面以外，还能称之为“运用”。自从 Google 上线了一个彻底不需求改写页面就能完结一切工作并且体会很不错的 GMail 之后，咱们发现网页本来也是能够承载那么杂Q | / b乱的逻辑和运用场景的。咱们的热情异常地高涨，想着能不能让自己所担任的项目也有这么凶猛高级的样子。但跟着项目不断地杂乱，代码规模也变得十分难以办理，而这个时分就需求工程化的引进。

工程化协作* i ^ / k z
关于企业来说除了研制功率要足够高以外，研制链路的安全、合规也是相同重要的。什么叫安全合规？可办理的代码版别、可操控的发布流程、可管控的灰度机制，都是大厂用于确保项目流程安稳进行的必要东西。有许多` + _ $ & g初学者或许还没有大公司阅历的同学在写项目时都是单打独斗的，但更多的一线项目都需求至少 2~3 个乃至更多的人员一同参与开发的。而这种时分，由于每个人的水平缓开发习气都是不一致的，而这些不一致就直接导致全体研制功率和项目进度受到极大的影响。所以就; r E J B需求w S $ % m { d W一种能够让咱们在一个水平线上进行开发的方式，工程化需求便应运而生。

  • 版N 2 3 v别操控
    • Git：GitHub、GitLab、Coding……
    • SVN：BitBucket、Goog & 7 D L H –le Code……
  • 代码样式查看东西 JavaScript/TypeScript：ESLint
  • 测验东西
    • 单元测验：Karma、Jest、Mocha……
    • 持续r G M g y W集j + %成：CI
  • ……

工程化开发东西
从直接将 JavaScript 代码用 <script> 标签，到需求将 jQuery 文件和首要程序文件别离引进，再到 Node.js 呈现后运用 npm 进行依靠库办理并运用 webpack 进行打包和紧缩。工程类东西的开展见证着前端工程近十年的} $ 0 C S f开展历史，对现在咱们所常用的工程东西有更好的了解和实践，肯定是通/ R W I t }往优异路上不可或缺的一步。

  • 依靠包办理东西：npm、yarn
  • 打包东西：webpack、rollup
  • 脚手架东西：create-react-app……

工程化开K / Q . j w %发言语
信任许多同学都听说过 JaY ? AvaScript 诞生之初的一些轶事，比方底子没有特B w n & } 8 _别Y p c ` d 7多的严谨考虑，或许在十分多的场景中十分地晦涩，比方隐性转化等。有人认为 JK x , ?avaScript 能开展到现在的地位跟它的这种“灵活度”或许“M t / t M 7松懈度”有相Q C ~关，虽然在某种程度上的确由于这种特性形成的 JavaScript 学习K D v N 3门槛比较低而直x z I接导致。A = * U W G但就如我上面所说，当项目规模和人员规模不断开展乃至膨胀往后，这些K R C ] % , + :特性会逐步表现出来十分糟糕的体会：

  1. 团队之间由于没有良* ) # z = k #好的技能文档沉淀，信息不对等的状况直接导致代码在没有良好的单元测验时呈现逻# x } v K a o i 1辑冲突；
  2. 第三方依靠库的 AH L w O . BPI 在规划上大量运用了 JavaScript 松懈的特性，导致运用方在引用时频繁呈现u k .“利诱”的状况；
  3. 当需求运用 JavaScript 与其他言语（特别是强类型言语）进行交互时，JS 过于松懈的习气会让对接方感到十分利诱，关于双方的实践接入本钱会比前期预估的大得多；

为了处理这种状况，来自不同编程范畴的大牛们都纷纷开端想办法，所以乎便诞生了十分多的“轮子”：

  • Java 系：Scala.js、ClojureScript
  • Go 系：GopherJS
  • Microsoft：TypeScriptq ) } d n 1 K
  • Facebook：Flow、Reason

现在 TypeScript 现已影响了前端乃至整个 Web 范畴的开发生态，TypeScript 之父 Anders Hejlsbe3 % K D # ,rgT ) ! W M ( p 3 1 创造过 Turbo Pascal、Delphi、C# 等o c a i p / =在整个核算机科学范畴都举足轻重的言语，而 TypeScript 又再次创造出翻天覆地的变化：

  • 强类型的引进能让咱们在写代$ 0 D $ 3码的时分从值优先的思想转变成类型优先；
  • 强Q B类型的引进能协助开发东西r 6 P ( S d $ P（IDE 等）更好地为开发者供给便利性才能，M % # Z S L如智能补全、类型检测、编译时查看等等；
  • TypeScript 能够让 JavaScript 更好地与其他言语进行交互，乃至转化为其他言语；

工程化通, x M { U C用组件
当需求不断变多后，“爱偷闲”的工程师们就会把常常用到的内容进行笼统，比方从很早以前就有的 ExtJS、Twitter 工程师发布的 Bootstrap 再到今天的 Ant Design、Element UI 等，都协助咱们更快更好更安稳地完结一些通用页面才能的= # F p i开发。

  • React：Ant Design、Fusion Design
  • Vue：Element UI、iView、Ant Design o2 k a y ( L % Kf Vue

0x05 逻辑笼统才能

跟着我对 JavaScript 运用的编写阅历不断添加，我所测验的技能和场景也在不断地变得愈加杂乱。而当逻. 7 c P y 5 u %辑代码变得越来越杂乱时我也逐渐发现一个N m . 4 o新的问题，许多时分我所编写的逻辑代码是相似的，但相似之余其间的一些细节不尽相同，而这些代码往往是后期维护本钱最高的。这就让我感到十分困惑，怎样让我的代码写起来没有那么繁琐的一同，又不丢掉本来代码的应有逻辑呢？这就让我想起了之前学习的结构，它们的完结原理不便是把本来咱们写得十分繁琐的逻辑代码进行紧缩，H * p让咱们写起来愈加简洁直观吗？

这是我曾经面试过的一位校招提名人写的代码，其布景q } B是用于快速判别自走棋类游戏中不同的增益才能（Buff）的建立状况。但显然这样的代码在实践开发中是肯定不答应存在的：

  1. 代码逻辑过于冗余；
  2. 一旦通用判别逻辑呈现变化，需求每一个都进行手动维护；
  3. 没有良好的可维护性；

所以我便提出怎样让这些代码写得愈加“高雅”和利于维护。

export default {
beastBuff:@ H x o L 3 B 4 i (x  D o k e 2state) => {
let arr = [];
if (state.racer / Z W n Z $ Count[0]['beab . S _ 6st? [ C 9 ~'] == 2 || sta & ) B % e Xte.raceCount[0]['beast'] == 3) {
consol1 { & l e T q !e.log(`you got 2 beah 5 Y 9 : / I $ dst`)
arr.push(state.raB C * c E j H ?cebuffdata[8])
} else if (state.raceCount[0]['beast'] == 4 || state.raceCount[0]['beast'] == 5) {
console.} # b 0 Q c qlog(`you got 4 beast`)
arr.pop()
arr.push(state.racebuffe 7   Cdata[9])
} else if (state.raceCou} h e a ^ 0nt[0]['beast'] == 6) {
console.log(`you got 6 beast`)
arr.pop()
arr.push(state.racebuffdata[10])
} else ix [ e ! + / x n lf (state.raceCount[0]['beast'] < 2 && a( & P V ! e 5rr.length == 1) {
arr.pop()
}
return arr;
},
caveclanBuff:x q % | _ E 2 (state) => {
let arr = [];
if (state, u [ H U W G & (.raceCount[1]['caveclan'] == 2 || state.raceCount[1]['caveclan'] == 3) {
console.log(`you got 2 caveclan`)
am p & { Vrr.push(state.racebuffdata[11| ]  s - _])
} el} X Y x s 3 cse if (state.raceCount[1]['caveclan'] == 4) {
console.log(`you got 4 caveclan`)
arr.pop()
aB J 1 ~ 2 Lrr.push(state.racebuffdata[12])
} else if (staz x |te.raceCount[1]['caveclanj S Z'] < 2 && arr.length == 1) {
arr.pop()
}
return arr;
},
demonBuff: (state) => {
lB G c O b X s  $et arr = [];
if (state.raceCount[2]['demon'] == 1) {
co] V / T j C 4 ~nsole.log(`you got 1 demon`)
arV v )r.push(state.racebuffdata[5])
}; H *  : else if (state.raceCount[2]['demon'] < 1 && arr.lengthZ @ 7 w t 8 N K @ == 1) {
arr.pop()
}
return arr;
}
// ...
}

咱们不难发现这几个 xxxBuff 函数中的逻辑都十分挨近，但也m M Q C各有不同。那么怎样能将这段代码进行优化和{ r U 5笼H & . ! ,统呢？我其时给 TA 提出了一份示例代码：

const beastConfig = [
[2, [2, 3% m } I &], 8],
[4, [4, 5], 9],
[6, [6# Q e X B 7 z N u], 10],
[2]
]

这份代码中的每一个数字U X @ # ] q在上面的 bz N Q = ^eastBuff 函数中都能够逐个找到，那么要怎样将它们复用到逻辑代码中，完结与本来的代码相同的功用呢？

WEB 前端菜鸟，感觉很迷茫，该怎么做？WEB 前端菜鸟，感觉很迷茫，该怎么做？

我相同给他写了一份参考答案：

const generateBuff = (rate, configArr) => {
return sa Z V ; ] e C 8 3tate => {
const arr = []
for (} g {const [ output, cond. h R H t P /itions, index ] of configArr) {
if (conditions && index) {
// Buff calculating
const isHit = conditions.some(condition => state.raceCount[0][race] == condition)
if (isHi} E j & ot) {
console.log(`you got ${output} ${race}`)
arr.pop()
arr.push(state.racF @ }ebuffdata[index])
break
}
} else if (state.raceCount[0][race] &# | W a T -lt; output && arr.length === 1) {
// Last condition
arr.pop()
}
}
return arr
}
}
export default {
beastBuff: generateBuff('beast', [
[2, [2, 3], 8],
[4, [4, 5], 9],
[6, [6], 10],
[2]
]),
caveclanBuff: generateBuff('caveclan', [
[2, [2, 3], 11],
[4, [4], 12],
[2]
]),
// ...
}

本来代码里面经过 hard code 完结的判别逻辑，经过调S & 1 J ] K查其间的共同点，并考虑能否通转化L M s b为可笼统部分，这相同U M Q o M也是一名优异的工程师所有必要具有的才能。

Be D.R.Y.! (Don’t repeat yourself)

0x06 更高层次的考虑才能

跟着我6 ` 3 ) . } ; u对不同事务、不同场景和不同代码难度的不断探索和研讨，我发现在前端范畴乃至整个编程范畴里，不同的3 . g 5 5 | g结构和架构层出不穷地开展，其实在底子上便是各种实践事务场景在寻找更适宜的 Better Practice（更好实践）。

就如前面的所说的那5 – a J { h r n %样，不同的结构作者在开发的时分会采纳不同的代码结构乃至代码哲学，) | V 9 n + 7这些不同的思想视点可能在结构的源码中并不会直接表现出来。但我不会说U a j ` E $ A * C研读源码彻底没有用！由于研读源码最起码能够学习其间的一些 trick 或许代码E b A O t . 7习气。

但更重要的是了解从 API、体系架构上进行考虑，由于只要多考u p G n U 3 c 9 .虑了，你才能逐步变得比其他人愈加对不同的技能挥洒自如。

EOF

这一个流程并不是严谨的学习道路，S d o更多的是我个人的一些阅历总结。

当然除了$ P F _ ; v / D我所提到的学习知识点以外，还有许多不同的分O O + R f n b支对应着不同的实践事务和场景，比方合作 Electron 开发桌面端运用、合作 React Native/Flutter 开发移动端运用、合作 Node.js/QuickJS/FibJS 开发嵌入式运用、t 2 * C h合作 TensorFlow.js 开发适用于前端乃至适用于边缘核算的机器学习运用、合作 WebAssembly 将 Web 运用的运用体会提升到挨近原生运用的境界……

关于 JavaScriptr H n * 有一个很有名的预言：
凡是能用 Jv e x ) 7 K davaScrip~ u n _ t 重写的，终将会运用 JavaScript 重写

无论这句话会不L ; t , n 7 + C w会终究彻底完结，但现在咱们现已能看到许多F 6 d N m运用逐步经过 Web 运用的方式云端化，比方 Photoshop、音视频编辑软件、代码编辑器乃至是大型游戏等等本来咱们彻底没想到能够运行在浏览器中。

前端开发困难吗？不困难、门槛相对比较低9 w L O X 4 O :。简略吗？不简略，经过信任看到这儿的你也现已有所体会了。当R n s G *然实践要怎样挑选道路和方. h , & b s 0 5向，仍是你自己所遇到的阅历和机会来决定的。

招纳贤士！！

淘系技3 ~ } e r ~ B %能部互动与建立团队正在招募小伙伴来一同做面向万级商家、亿级顾客的搭投渠道，假如你对技能中台、可视化建立等技能和场景感兴趣的话，或许想了解淘系运用中那么多营销页面是怎样快速出产的话，热烈欢迎投递简历到 xiaowen.gcy@alibaba-inc.com，接头暗号 菜鸟先飞。

WEB 前端菜鸟，感觉很迷茫，该怎么做？