dest('dist/js')); }); 代码执行结果 代码执行后文件结构 └── js/ │ └── a.js └── dist/ └── js/ └── a.js gulp 入门指南 - 1 - 本文档使用 看云 构建 a.js 压缩前 function demo (msg) { alert('--------\r\n' + msg + '\r\n--------') gulp 还可以做很多事，例如： 1. 压缩CSS 2. 压缩图片 3. 编译Sass/LESS 4. 编译CoffeeScript 5. markdown 转换为 html gulp 入门指南 - 2 - 本文档使用 看云 构建 安装 Node 和 gulp gulp 是基于 node 实现的，那么我们就需要先安装 node。 Node 是一个基于Chrome JavaScript 盘根目录 cd c:\ // 跳转至当前目录的 demo 文件夹 cd demo // 跳转至上一级 cd .. Mac Mac 中建议只在 Documents 目录下进行文件操作。 gulp 入门指南 - 3 - 本文档使用 看云 构建 // 跳转至文档目录 cd /Users/你的用户名/Documents/ // 或第一次打开终端时直接输入 cd Documents // 查看目录下文件列表

JavaScript 错误报告／监控 性能工具 寻找工具的工具 5 前端开发者指南（2017） Introduction 6 作者：科迪·林黎（Cody Lindley），由「前端大师（Frontend Masters）」倾情赞助。 这是一本可供任何人使用的指南，用于学习前端开发实践。该指南大体上勾勒出了前端工程 的轮廓，同时也讨论了前端工程的实践：2017 年，如何学习前端工程，用什么工具来实践？ (ECMAScript 262) 6. JavaScript 对象表示法 (JSON) 7. 文档对象模型(DOM) 8. 网络 APIs (HTML5 或者浏览器 APIs) 9. 网络内容可达性指南 (WCAG) & 可访问的富互联网应用 (ARIA) 下面的介绍涵盖了以上技术的定义，相关文档以及具体规范。至于更加详尽的网络开发规范 请参看 platform.html5.org。 超文本标记语言 网络内容无障碍指南 (WCAG) & 可无障碍访问的富互联网应用 (ARIA) 可达性讨论的是对残障人士友好的产品设计，设备，服务或者环境。无障碍设计通过使 用对残障人士友好的技术（例如计算机屏幕读取仪）对“直接访问”（例如，普通人的访 问）和“间接访问”进行兼容。 — 维基百科 可无障碍访问的富互联网应用 (WAI-ARIA) 现状 网络无障碍倡议 (WAI) 网络内容无障碍指南 (WCAG)

外卖客户端容器化架构的演进 270 Flutter 包大小治理上的探索与实践 297 美团外卖持续交付的前世今生 326 微前端在美团外卖的实践 352 积木 Sketch 插件进阶开发指南 372 积木 Sketch Plugin：设计同学的贴心搭档 400 Native 地图与 Web 融合技术的应用与实践 431 目录 前端 | 2019 446 MTFlexbox 是将嵌入层移植到鸿蒙上，确切地说，我们要通过鸿蒙原生提供的平台能力，重新实 前端 < 3 现一遍 Flutter 嵌入层。 对于 Flutter 嵌入层的适配，Flutter 官方有一份不算详细的指南，实际操作起来成本 很高。由于鸿蒙的业务开发语言仍然可用 Java，在很多基础概念上与 Android 也有 相似之处（如下表所示），我们可以从 Android 的实现入手，完成对鸿蒙的移植。 框架注册 VSync 回调之后，通过 C++ 侧的 VsyncWaiter 类等待 VSync 前端 < 5 信号，后者通过 JNI 等一系列调用，最终 Java 侧的 VsyncWaiter 类调用 Android SDK 的 Choreographer.postFrameCallback 方 法， 再 通 过 JNI 一 层 层 传 回 Flutter 引擎消费掉此回调。Java 侧的 VsyncWaiter

它是基于并列/并行处理设计的一种编程语言。 现在JavaScript也拥有了这种特性，这就是本书所介绍的JavaScript Promise。 另外，如果说到基于JavaScript的异步处理，我想大多数都会想到利用回调函数。 使用了回调函数的异步处理 ---- getAsync("fileA.txt", function(error, result){ if(error){// 取得失败时的处理 throw Promise 迷你书（中文版） 6 // 取得成功时的处理 }); ---- <1> 传给回调函数的参数为(error对象， 执行结果)组合 Node.js等则规定在JavaScript的回调函数的第一个参数为 Error 对象，这也是它的一个 惯例。 像上面这样基于回调函数的异步处理如果统一参数使用规则的话，写法也会很明了。 但是，这也仅是编码规约而已，即使采用不同的写法也不会出错。 注册这个promise对象执行成功 时和失败时相应的回调函数。 这和回调函数方式相比有哪些不同之处呢？ 在使用promise进行一步处理的时候，我们 必须按照接口规定的方法编写处理代码。 也就是说，除promise对象规定的方法(这里的 then 或 catch )以外的方法都是不可以使 用的， 而不会像回调函数方式那样可以自己自由的定义回调函数的参数，而必须严格 遵守固定、统一的编程方式来编写代码。

greeter(user); 类型注解 TypeScript里的类型注解是一种轻量级的为函数或变量添加约束的方式。 在这个例 子里，我们希望 greeter 函数接收一个字符串参数。 然后尝试把 greeter 的调 用改成传入一个数组： function greeter(person: string) { return "Hello, " + person; } var user = [0, 1 Handbook（中文版） 13 5分钟了解TypeScript ASP.NET Core 安装 ASP.NET Core 和 TypeScript 首先，若有需要请安装 ASP.NET Core。此篇指南需要使用Visual Studio 2015或 2017。 其次，如果你的Visual Studio不带有最新版本的TypeScript，你可以从这里安装。 新建工程 1. 选择 File 这个快速上手指南使用的是 Visual Studio 2015。 新建项目 1. 选择 File 2. 选择 New Project 3. 选择 Visual C# 4. 选择 ASP.NET Web Application 5. 选择 MVC TypeScript Handbook（中文版） 30 ASP.NET 4 取消复选 "Host in the cloud" 本指南将使用一个本地示例。

JavaScript的超集且可以编译成纯JavaScript代码。 ✔ TypeScript兼容所有浏览器，所有宿主 环境，所有操作系统。 ✔ TypeScript是开源的。 一大波新的快速开始指南：React，Angular，Nodejs，ASP.NET Core，React Native， Vue，Glimmer，WeChat，Dojo2，Knockout等 如果觉得不错可以微信打赏哟 运行TypeScript Web应用 5分钟了解TypeScript - 20 - 本文档使用 书栈网 · BookStack.CN 构建 首先，若有需要请安装 ASP.NET Core。此篇指南需要使用Visual Studio 2015或2017。 其次，如果你的Visual Studio不带有最新版本的TypeScript，你可以从这里安装。 1. 选择 File 2. 选择 New 或者 Visual Studio 2013。 这个快速上手指南使用的是 Visual Studio 2015。 1. 选择 File 2. 选择 New Project 3. 选择 Visual C# 4. 选择 ASP.NET Web Application 5. 选择 MVC 取消复选 “Host in the cloud” 本指南将使用一个本地示例。 运行此应用以确保它能正常工作。

异步组件 模板引用 处理边界情况 过渡&动画 过渡 & 动画概述 进入过渡 & 离开过渡 列表过渡 状态过渡 可复用性&组合 混入 自定义指令 传入 渲染函数 插件 高阶指南 - 2 - 本文档使用 书栈网 · BookStack.CN 构建 响应性 深入响应性原理 响应式原理 响应式计算和侦听 组合 API 介绍 Setup 生命周期钩子 提供/注入 this 渲染函数 API Slot 统一 过渡的 class 名更改 v-model v-if 与 v-for 的优先级对比 v-bind 合并行为 贡献文档 Vue 文档编写指南 文档风格指南 翻译 - 4 - 本文档使用 书栈网 · BookStack.CN 构建 致谢 当前文档 《Vue.js v3.0 教程（Vue3 教程）》 由 进击的皇虫 使用 书栈网 (BookStack CLI 的文档 (opens new window)。 TIP CLI 工具假定用户对 Node.js 和相关构建工具有一定程度的了解。如果你是新手，我们强烈建议先 在不用构建工具的情况下通读指南，在熟悉 Vue 本身之后再使用 CLI。 对于 Vue 3，你应该使用 npm 上可用的 Vue CLI v4.5 作为 @vue/cli@next 。要升级， 你应该需要全局重新安装最新版本的

RegExp#exec JavaScript 正则表达式迷你书 7. 第七章 正则表达式编程 | 第 65 页 本章不打算详细地讲解它们的方方面面细节，具体可以参考《JavaScript 权威指南》的第三部分。本章重点 列出一些容易忽视的地方，以飨读者。 7.2.1. search 和 match 的参数问题 我们知道字符串实例的那 4 个方法参数都支持正则和字符串。 但 search string.split(/(,)/) ); // =>["html", ",", "css", ",", "javascript"] 7.2.7. replace 是很强大的 《JavaScript 权威指南》认为 exec 是这 6 个 API 中最强大的，而我始终认为 replace 才是最强大的。 因为它也能拿到该拿到的信息，然后可以假借替换之名，做些其他事情。 总体来说 replace 有两 = 替换成 =2+3=5=，其中，$& 匹配的是 =， $` 匹配的是 2+3，$' 匹配的是 5。因此使用 "$&$`$&$'$&" 便达成了 目的。 当第二个参数是函数时，我们需要注意该回调函数的参数具体是什么： "1234 2345 3456".replace(/(\d)\d{2}(\d)/g, function (match, $1, $2, index, input) {

RegExp#exec JavaScript 正则表达式迷你书 7. 第七章 正则表达式编程 | 第 65 页 本章不打算详细地讲解它们的方方面面细节，具体可以参考《JavaScript 权威指南》的第三部分。本章重点 列出一些容易忽视的地方，以飨读者。 7.2.1. search 和 match 的参数问题 我们知道字符串实例的那 4 个方法参数都支持正则和字符串。 但 search string.split(/(,)/) ); // =>["html", ",", "css", ",", "javascript"] 7.2.7. replace 是很强大的 《JavaScript 权威指南》认为 exec 是这 6 个 API 中最强大的，而我始终认为 replace 才是最强大的。 因为它也能拿到该拿到的信息，然后可以假借替换之名，做些其他事情。 总体来说 replace 有两 = 替换成 =2+3=5=，其中，$& 匹配的是 =， $` 匹配的是 2+3，$' 匹配的是 5。因此使用 "$&$`$&$'$&" 便达成了 目的。 当第二个参数是函数时，我们需要注意该回调函数的参数具体是什么： "1234 2345 3456".replace(/(\d)\d{2}(\d)/g, function (match, $1, $2, index, input) {