Web Components b. Polymer 库 ## Web应用的优点 • 无需安装 • 增量式开发 - 自动升级 跨平台 - 天然的MVC (HTML+CSS+JavaScript) ## 当前的Web开发 - Web 开发越来越复杂: 项目大, 团队成员多 ● 前端功能越来越多:CS→BS→CS - 大型应用维护和协作难 ● 性能弱，启动速度慢 工具支持弱 nts/a/5/6/e/a56e4b8c0bb7aab9cbc4b262460031fb/p15_15.jpg) ## Google Apps Script ## GAS 运行在云端的 JavaScript, 打通所有 Google 产品和服务, 自动化处理业务。 人数统计 App  JavaScript ## JavaScript 的发展 多范式:函数式、OO、命令式 1995 年诞生于

[](/uploads/documents/f/5/c/1/f5c15ce90cf24e0919d14c60ccaa6ac2/p9_3.jpg)| |---|---|---|---| |Dart|JavaScript|JavaScript|JavaScript| |JIT (Develop) / AOT (Deploy)|JIT|JIT|JIT| |WORE 👎👎👎 (Write Once Run Everywhere)|LORE Atwood Co-founder of StackOverflow ## Any application that can be written in JavaScript, will eventually be written in JavaScript ![Image](/uploads/documents/f/5/c/1/f5c15ce90cf24e0919d14c60ccaa6ac2/p15_1 |graphql|jest|| |يمتابل رمام|mocha|| |Ramda||| |Validator.js|...|| ## 背后原理 React Frontend Kraken JavaScript Runtime Document Object Model Kraken Object Model Bridge Binding ![Image](/uploads/doc

H5+原生（Cordova、微信小程序） • JavaScript开发+原生渲染（React Native、Weex、快应用） • 自绘UI+原生(Flutter) ## 移动跨平台方案 |技术类型|UI渲染方式|性能|开发效率|动态化|框架代表| |---|---|---|---|---|---| |H5+原生|WebView渲染|一般|高|支持|Cordova、Ionic| |JavaScript+原生渲染|原生控件渲染|好|中|支持|RN、Weex|

e/a/4eea2ca287f5affae656a3a7ef35d5f5/p5_1.jpg) ## React Native 跨平台的布局引擎： 转化为Native渲染 开发语言：JavaScript H5、Hybrid：虽然UI自己渲染，但是渲染性能太低，而且JS运行效率太低 RN：虽然是Native渲染，但多了布局解析的性能损耗，而且JS运行效率太低。 ## 方案2 编译流/虚拟机流