Vue 项目运行： 1. vue upgrade --next Vite (opens new window) 是一个 web 开发构建工具，由于其原生 ES 模块导入方法，它允 许快速提供代码。 npm 命令行工具 (CLI) Vite 安装 - 8 - 本文档使用 书栈网 · BookStack.CN 构建 通过在终端中运行以下命令，可以使用 Vite 快速构建 Vue 项目。 js 只包含运行时，并且需要在构建步骤期间预编译模板。 内联所有 Vue 核心内部包——即：它是一个单独的文件，不依赖于其他文件，这意味着你必须导 入此文件和此文件中的所有内容，以确保获得相同的代码实例。 包含硬编码的 prod/dev 分支，并且 prod 构建是预先缩小的。使用 *.prod.js 用于生产 的文件。 提示 全局打包不是 UMD (opens new window) rollup 和 parcel 。 TODO：将 prod/dev 分支留给 process.env.NODE_ENV guards (需要更换构建工具) 不提供最小化版本 (捆绑后与其余代码一起完成) import 依赖 (例如： @vue/runtime-core ， @vue/runtime-compiler ) 导入的依赖项也是 esm bundler 构建，并将依次导入其依赖项

那么TypeScript究竟为何物？又有什么 魅力呢？ TypeScript是Microsoft公司注册商标。 TypeScript具有类型系统，且是JavaScript的超集。 它可以编译成普通的JavaScript 代码。 TypeScript支持任意浏览器，任意环境，任意系统并且是开源的。 TypeScript目前还在积极的开发完善之中，不断地会有新的特性加入进来。 因此本 手册也会紧随官方的每个commit 在编辑器，将下面的代码输入到 greeter.ts 文件里： function greeter(person) { return "Hello, " + person; } var user = "Jane User"; document.body.innerHTML = greeter(user); 编译代码 我们使用了 .ts 扩展名，但是这段代码仅仅是JavaScript而已。 ipt而已。 你可以直接从现 有的JavaScript应用里复制/粘贴这段代码。 在命令行上，运行TypeScript编译器： tsc greeter.ts TypeScript Handbook（中文版） 9 5分钟了解TypeScript 输出结果为一个 greeter.js 文件，它包含了和输入文件中相同的JavsScript代 码。 一切准备就绪，我们可以运行这个使用Typ

言，它有很多缺陷，所以不被大多数后端开发人员所重视。 很多人认为，写JavaScript代码很简单，并且JavaScript只是为了在网页上添加一点交互和动画效 果。 但这是完全错误的理解。JavaScript确实很容易上手，但其精髓却不为大多数开发人员所熟知。编写 高质量的JavaScript代码更是难上加难。 一个合格的开发人员应该精通JavaScript和其他编程语言。如果你已经掌握了其他编程语言，或者你 不要再犹豫了，立刻从现在开始，零基础迈向全栈开发工程师！ 原文: https://wizardforcel.gitbooks.io/liaoxuefeng/content/js/1.html 可以在线编写JavaScript代码并直接运行！ JavaScript教程 - 6 - 本文档使用 书栈(BookStack.CN) 构建 1 JavaScript简介 要了解JavaScript，我们首先要回顾一下JavaScript的诞生。 多用户还在使用IE6这种古老的浏览器，这 就导致你在写JavaScript的时候，要照顾一下老用户，不能一上来就用最新的ES6标准写，否则，老 用户的浏览器是无法运行新版本的JavaScript代码的。 不过，JavaScript的核心语法并没有多大变化。我们的教程会先讲JavaScript最核心的用法，然 后，针对ES6讲解新增特性。 原文: https://wizardforcel.gitbooks

2020) | 版本发布说明 ✔ TypeScript语言用于大规模应用的JavaScript开发。 ✔ TypeScript支持类型，是 JavaScript的超集且可以编译成纯JavaScript代码。 ✔ TypeScript兼容所有浏览器，所有宿主 环境，所有操作系统。 ✔ TypeScript是开源的。 一大波新的快速开始指南：React，Angular，Nodejs，ASP.NET TypeScript究竟为何物？又有什么魅力呢？ TypeScript是Microsoft公司注册商标。 TypeScript具有类型系统，且是JavaScript的超集。 它可以编译成普通的JavaScript代码。 TypeScript支持任意浏览器，任意环境，任意系统并且是开源的。 TypeScript目前还在积极的开发完善之中，不断地会有新的特性加入进来。 因此本手册也会紧随官 方的每个commi 3默认包含了TypeScript。 如果你的 Visual Studio还没有安装TypeScript，你可以下载它。 针对使用npm的用户： 1. > npm install -g typescript 在编辑器，将下面的代码输入到 greeter.ts 文件里： 1. function greeter(person) { 2. return "Hello, " + person; 3. } 4. 5

的 高级功能.............................2 1.3 大量示例.....................................2 1.4 获取示例代码.............................4 1.5 如何搭建开发环境.....................4 1.6 联系作者.................... ........602 25.3.2 使用路由参数...............605 25.3.3 在代码中导航...............611 25.3.4 接收导航事件...............614 25.3.5 删除事件绑定和 支持代码.....................615 25.4 小结........................ 示例打包进来。为使本书中的示例尽可能多，本书采用一个简单的约定来避免反复地列出 文件的内容。当在某一章中首次使用一个文件时，将列出该文件的完整内容，就像在代码 清单 1-1 中所示的那样。代码清单的标题中将包含文件的名称，以及应该在哪个文件夹中 创建该文件。更改代码时，将以粗体显示修改过的语句。 代码清单 1-1 完整的示例文档 import { NgModule } from "@angular/core"; import

- 4 - 本文档使用 书栈(BookStack.CN) 构建 介绍 本教程全面介绍 JavaScript 核心语法，从最简单的开始讲起，循序 渐进、由浅入深，力求清晰易懂。所有章节都带有大量的代码实例，便 于理解和模仿，可以用到实际项目中，即学即用。 本教程适合初学者当作 JavaScript 语言的入门教程，也适合当作日 常使用的参考手册。 介绍 - 5 - 本文档使用 书栈(BookStack CN) 构建 前言 前言 我写这本教程，主要原因是自己需要。 编程时，往往需要查阅资料，确定准确用法。理想的 JavaScript 参 考书，应该简明易懂，一目了然，告诉我有哪些注意点，提供代码范 例。如果涉及重要概念，还应该适当讲解。可是大多数时候，现实都不 是如此。找到的资料冗长难懂，抓不住重点，有时还很陈旧，跟不上语 言标准和浏览器的快速发展，且大多数是英文资料。 学习过程中，我做了很多 书籍有所不同。作 为教程，本书对所有重要概念都进行了讲解，努力把复杂的问题讲得简 单，希望一两分钟内就能抓住重点。本书还可以作为参考手册，罗列了 主要用法和各种 API 接口，并给出可以立即运行的代码。所有章节按 照语言的 API 编排，方便以后的查阅。 如果你发现某处出现陌生的新概念，请不要担心，可以继续阅读下去。 以后查阅这些章节的时候，你会发现很方便找到某个知识点相关的所有 内容。

7.27 1.7.28 1.7.29 1.7.30 1.7.31 1.7.32 1.7.33 1.7.34 1.7.35 1.7.36 1.7.37 HTTP / 网络工具 代码编辑工具 浏览器上的神兵利器 HTML 工具 CSS 工具 DOM 工具 JavaScript 工具 静态网页构建工具 无障碍访问工具 应用程序框架工具（台式机、手机、平板电脑等） SVG、canvas、webGL） 动画工具 JSON 工具 占位符内容工具 测试工具 前端数据存储工具 (例如客户端的数据存储方案) 模块加载／打包工具 模块／包管理工具 托管工具 项目管理以及代码托管工具 协作与沟通工具 内容管理 托管／API 工具 后端即服务工具 离线工具 安全工具 构建工具 部署工具 4 1.7.38 1.7.39 1.7.40 1.7.41 网站／应用监控工具 导向学习 前端课程 前端开发学习的起点 前端资讯、新闻站和播客 第三部分：前端开发工具 Doc/API 浏览工具 SEO 工具 原型设计和线框图工具 制图工具 HTTP / 网络工具 代码编辑工具 浏览器上的神兵利器 HTML 工具 CSS 工具 DOM 工具 JavaScript 工具 静态网页构建工具 无障碍访问工具 应用程序框架工具（台式机、手机、平板电脑等）

| 2021 1 让 Flutter 在鸿蒙系统上跑起来 1 FlutterWeb 在美团外卖的实践 14 FlutterWeb 性能优化探索与实践 36 设计稿（UI 视图）自动生成代码方案的探索 56 美团外卖终端容器无关化研发框架 74 一款可以让大型 iOS 工程编译速度提升 50% 的工具 96 从预编译的角度理解 Swift 与 Objective-C 及混编机制 MTFlexbox 中的实践 459 开源 React Native 组件库 beeshell 2.0 发布 473 React Native 在美团外卖客户端的实践 506 Android 静态代码扫描效率优化与实践 530 Probe：Android 线上 OOM 问题定位组件 560 活动 Web 页面人机识别验证的探索与实践 580 React Native 工程中 TSLint 的 Choreographer.postFrameCallback 方 法， 再 通 过 JNI 一 层 层 传 回 Flutter 引擎消费掉此回调。Java 侧的 VsyncWaiter 核心代码如下： @Override public void asyncWaitForVsync(long cookie) { Choreographer.getInstance() .postFrameCallback(

ipcRenderer remote webFrame 在两种进程中都可用的模块 clipboard crashReporter nativeImage screen shell 开发 代码规范 源码目录结构 与 NW.js（原 node-webkit）在技术上的差异 构建系统概览 构建步骤（macOS） 构建步骤（Windows） 构建步骤（Linux） 在调试中使用 Symbol 就会以你的应用程序的方式启动。 electron 文件夹将被部署并可以分发给最终的使用者。 除了通过拷贝所有的资源文件来分发你的应用程序之外，你可以通过打包你的应用程序为一个 asar 库文件以避免暴 露你的源代码。 为了使用一个 asar 库文件代替 app 文件夹，你需要修改这个库文件的名字为 app.asar ，然后将其放到 Electron 的资源文件夹下，然后 Electron 改成任意你喜欢的名字。 通过修改产品名称并重编译源代码来更换 Electron 的名称也是可行的。你需要修改 atom.gyp 文件并彻底重编 译一次。 Windows macOS Linux 通过重编译源代码来更换名称 grunt打包脚本 分发应用 - 8 - 本文档使用 书栈(BookStack.CN) 构建 手动检查 Electron 代码并重编译是很复杂晦涩的，因此有一个Grunt任务可以自动的处理这些内容

JavaScript 语句。如果没有使用分号（;）来结束，ECMAScript 语法就会将每行代码结尾处的换行作为 JavaScript 语句的结束，不过前提是没有破坏 JavaScript 语句的完整功能。因此，绝大多数的 程序员还是会老老实实地写上分号（;）作为 JavaScript 语句的结束，这样既便于自己管理代码， 也便于给别人阅读。 2.1.2 区分大小写 ECMAScript 语 语法区分大小写的规定适用于变量、函数名、运算符及其他一切代码。 比如变量 id 与 Id 是不同的；同样，函数 getElementById()与 getElementbyID()也是不同的，而 且 getElementbyID()是无效函数。 2.1.3 代码换行 ECMAScript 语法规定可以在文本字符串中使用反斜杠（\）对代码行进行换行。例如，下 面的代码是可以正确解析的。 document 不过需要注意的是，代码换行限于文本字符串中。如果将上面的代码改写成下面的形式， 代码是无法正确解析的。 document.write \ ("Hello EcmaScript!"); 2.1.4 代码中的空格 ECMAScript 语法规定会忽略多余的空格。因此，依据这个特点可以通过添加空格对代码 进行排版，从而提高代码的可读性。 2.1.5 代码注释 ECMAS