6 6.7 7 7.1 7.2 7.3 7.4 7.5 7.6 7.7 7.8 7.9 编译选项 在MSBuild里使用编译选项 与其它构建工具整合 使用TypeScript的每日构建版本 Wiki TypeScript里的this 编码规范 常见编译错误 支持TypeScript的编辑器 结合ASP.NET v5使用TypeScript 架构概述 发展路线图 TypeScript 1.4 TypeScript Handbook（中文版） 3 TypeScript Handbook（中文版） TypeScript 2.3 正式发布! 从前打心眼儿里讨厌编译成JavaScript的这类语言，像Coffee，Dart等。 但是 在15年春节前后却爱上了TypeScript。 同时非常喜欢的框架Dojo，Angularjs也 宣布使用TypeScript做新版本的开发。 发。 那么TypeScript究竟为何物？又有什么 魅力呢？ TypeScript是Microsoft公司注册商标。 TypeScript具有类型系统，且是JavaScript的超集。 它可以编译成普通的JavaScript 代码。 TypeScript支持任意浏览器，任意环境，任意系统并且是开源的。 TypeScript目前还在积极的开发完善之中，不断地会有新的特性加入进来。 因此本

深入 模板 发布 使用 工程配置 tsconfig.json 工程引用 NPM包的类型 编译选项 配置 Watch 在MSBuild里使用编译选项 与其它构建工具整合 使用TypeScript的每日构建版本 Wiki TypeScript里的this 编码规范 常见编译错误 支持TypeScript的编辑器 结合ASP.NET v5使用TypeScript 架构概述 (August 20, 2020) | 版本发布说明 ✔ TypeScript语言用于大规模应用的JavaScript开发。 ✔ TypeScript支持类型，是 JavaScript的超集且可以编译成纯JavaScript代码。 ✔ TypeScript兼容所有浏览器，所有宿主 环境，所有操作系统。 ✔ TypeScript是开源的。 一大波新的快速开始指南：React，Angular，Nodejs，ASP 深入 模板 发布 使用 工程配置 tsconfig.json 工程引用 NPM包的类型 编译选项 配置 Watch 在MSBuild里使用编译选项 与其它构建工具整合 使用TypeScript的每日构建版本 Wiki TypeScript里的this 编码规范 常见编译错误 支持TypeScript的编辑器 结合ASP.NET v5使用TypeScript 架构概述

gulp 还可以做很多事，例如： 1. 压缩CSS 2. 压缩图片 3. 编译Sass/LESS 4. 编译CoffeeScript 5. markdown 转换为 html gulp 入门指南 - 2 - 本文档使用 看云 构建 安装 Node 和 gulp gulp 是基于 node 实现的，那么我们就需要先安装 node。 Node 是一个基于Chrome JavaScript V8引擎建立的一个平台，可以利用它实现 按钮下载安装 node。 使用终端/命令行 命令行 在 Windows 中可按 徽标键（alt键左边）+ R 打开输入 cmd + Enter 打开命令行。 终端(Mac) 打开 Launchpad（像火箭一样的图标），在屏幕上方搜索框中输入 终端 + Enter 打开终端。 查看 node 版本号 在终端/命令行中输入 node - v 检测node是否安装成功，安装成功会显示出 请阅读 npm模块管理器 安装 gulp npm 是 node 的包管理工具，可以利用它安装 gulp 所需的包。（在安装 node 时已经自动安装了 npm） 在命令行输入 npm install -g gulp 若一直没安装成功，请使用 cnpm 安装(npm的国内加速镜像) 意思是：使用 npm 安装全局性的( -g ) gulp 包。 如果你安装失败，请输入 sudo npm

1.7.4.1 1.7.4.1.1 1.7.4.2 1.7.5 1.7.5.1 1.7.5.2 1.8 1.8.1 1.8.2 ⽬录 前⾔ Electron简介 应⽤举例 安装 基本使⽤ 打包和部署 python⽀持 ⼼得 开发 Web技术 Log⽇志 打包 制作app的Logo asar files electron-builder electron-rebuild 开发出的常⻅应⽤有哪些；解释了如何安装Electron；以及如何快速上⼿使⽤；以及如何打包和部署； 专⻔整理了如何让Electron⽀持Python以及其后的相关⼼得；总结了Electron的各种开发经验和⼼得， ⽐如开发⽅⾯的Web技术、Log⽇志等；打包⽅⾯的如何制作app的logo、asar加密压缩、files参数、 打包⼯具electron-builder、编译⼯具electron-reb 额外特性 ⾃动更新 ⽀持平台 不⽀持 Linux ⽀持 Mac 和 Win 都是基于Squirrel去实现的 原⽣的菜单和通知 崩溃报告 调试和性能分析 Windows 安装程序 crifan.com，使⽤署名4.0国际(CC BY 4.0)协议发布 all right reserved，powered by Gitbook最后更 新： 2020-08-09 10:12:44

Windows 目 前尚不支持. 预编译的 ia32 ( i686 ) 和 x64 ( amd64 ) 版本 Electron 二进制文件都是在Ubuntu 12.04 下编译 的， arm 版的二进制文件是在 ARM v7（硬浮点 ABI 与Debian Wheezy 版本的 NEON）下完成的。 预编译二进制文件是否能够运行，取决于其中是否包括了编译平台链接的库，所以只有 Ubuntu Ubuntu 12.04可以保证正常 工作，但是以下的平台也被证实可以运行 Electron 的预编译版本： Ubuntu 12.04 及更新 Fedora 21 Debian 8 支持的平台 macOS Windows Linux 支持平台 - 6 - 本文档使用 书栈(BookStack.CN) 构建 为了使用 Electron 部署你的应用程序，你存放应用程序的文件夹需要叫做 改成任意你喜欢的名字。 通过修改产品名称并重编译源代码来更换 Electron 的名称也是可行的。你需要修改 atom.gyp 文件并彻底重编 译一次。 Windows macOS Linux 通过重编译源代码来更换名称 grunt打包脚本 分发应用 - 8 - 本文档使用 书栈(BookStack.CN) 构建 手动检查 Electron 代码并重编译是很复杂晦涩的，因此有一个Grunt任务可以自动的处理这些内容

目 录 致谢 基础 安装 介绍 应用 & 组件实例 模板语法 Data Properties and Methods 计算属性和侦听器 Class 与 Style 绑定 条件渲染 列表渲染 事件处理 表单输入绑定 组件基础 深入组件 组件注册 Props 非 Prop 的 Attribute 自定义事件 插槽 提供 / 注入 动态组件 & 异步组件 读者，因为我们都将成为知识的传承者。 当前内容版权归 Vue 或其关联方所有，如需对内容或内容相关联开源项目进行关注与资助，请点击 Vue. 致谢 - 5 - 本文档使用 书栈网 · BookStack.CN 构建 安装 介绍 应用 & 组件实例 模板语法 Data Properties and Methods 计算属性和侦听器 Class 与 Style 绑定 条件渲染 列表渲染 事件处理 表单输入绑定 在设计上是可以逐步采纳的。这意味着它可以根据需求以多种方式集成到一个项目中。 将 Vue.js 添加到项目中有三种主要方式。 1. 在页面上以 CDN package 的形式导入。 2. 使用 npm 安装它。 3. 使用官方的 CLI 来构建一个项目，它为现代前端工作流程提供了功能齐备的构建设置 (例如， 热重载、保存时的提示等等)。 最新版本： npm@next npm@next v3.0

FlutterWeb 性能优化探索与实践 36 设计稿（UI 视图）自动生成代码方案的探索 56 美团外卖终端容器无关化研发框架 74 一款可以让大型 iOS 工程编译速度提升 50% 的工具 96 从预编译的角度理解 Swift 与 Objective-C 及混编机制 108 美团民宿跨端复用框架设计与实践 165 美团跨端一体化富文本管理技术实践 186 前端 | 2020 互形式，也意味着新的机遇。如果能够利用好鸿蒙的开发生态及其特性能力，可以让 应用覆盖更多的交互场景和设备类型，从而带来新的增长点。 与面临的机遇相比，适配鸿蒙系统带来的挑战同样巨大。当前手机端，尽管鸿蒙系统 仍然支持安卓 APK 安装及运行，但长期来看，华为势必会抛弃 AOSP，逐步发展出 自己的生态，这意味着现有安卓应用在鸿蒙设备上将会逐渐变成“二等公民”。然而， 如果在 iOS 及 Android 之外再重新开发和维护一套鸿蒙应用，在如今业界越来越注 编写插件包。 下面分别对这两种类型 Package 中如何分平台编程进行介绍。 (1) Dart Package Dart Package 是纯 Dart 编写，因此大部分代码均可由 dart2js 直接编译出 Web 平 台可运行的代码，但某些涉及 Native 能力的库 （如 dart:io）是无法被转译的，因此 前端 < 19 需要有对平台进行兼容的方法，下面介绍两种在 Dart Package

{ "presets": [], "plugins": [] } ECMAScript 6简介 11 presets 字段设定转码规则，官方提供以下的规则集，你可以根据需要安装。 # 最新转码规则 $ npm install --save-dev babel-preset-latest # react 转码规则 $ npm install --save-dev babel-preset-react } 注意，以下所有 Babel工具和模块的使用，都必须先写好 .babelrc 。 命令行转码 babel-cli Babel提供 babel-cli 工具，用于命令行转码。 它的安装命令如下。 $ npm install --global babel-cli 基本用法如下。 ECMAScript 6简介 12 # 转码结果输出到标准输出 $ babel example 转码。这意味着，如果项目要运行，全局环 境必须有 Babel，也就是说项目产生了对环境的依赖。另一方面，这样做也无法支 持不同项目使用不同版本的 Babel。 一个解决办法是将 babel-cli 安装在项目之中。 # 安装 $ npm install --save-dev babel-cli 然后，改写 package.json 。 ECMAScript 6简介 13 { // ...

许可协议：署名-相同方式共享 4.0 国际 (CC BY-SA 4.0) TypeScript 概述 编译器 编写的代码(文本) 由 一个特殊的程序（编译器）解析，转换成抽象句法树（abstract syntax tree, AS ）. AST 是去掉了空白、注释和缩进用的制表符或空格之后的数据结构。 编译器把 AST 转换成一种字节码（bytecode） 的低（底？）层表示。 字节码再传给运行时程序计算，最终得到结果。 字节码再传给运行时程序计算，最终得到结果。 ● 综上 1. 把程序解析成AST 2. 把AST编译成字节码 3. 运行时计算字节码 TS 的特殊之处在于，它不直接编译成字节码，而是编译成JS代码 ● TS 1. TS 源码 => TS AST 2. 类型检查器检查AST 3. TS AST => JS 源码 ● JS 4. JS 源码 => JS AST 5. AST => 字节码 6. 运行时计算字节码 运行时计算字节码 在这个过程中，第1-2 步骤中使用程序的类型，第三步不使用。就是说 TS TS 编译成 JS 时，不会考 类型。 这意味着，程序中的类型对程序生成的输出没有任何影响，类型只在类型检查这一步使用。 类型系统 ● 一般的有两种类型系统 1. 通过显示句法告诉编译器所有值的类型（注解） 2. 自动推导类型 ● TS 身兼两种类型系统 // 建议 原文链接：Programming

const isInstalled = packageName =>{...}; //3. 判断某个包是否安装 const CLIs =[...]; //5. 判断是否两个 ClI 是否安装了 if (installedClis.length === 0){...}else if //6. 根据安装数量进行处理 (installedClis.length === 1){...}else{ 包，并且 执行 CLI webpack-cli 做的事情 引入 yargs，对命令行进行定制 分析命令行参数，对各个参数进行转换，组成编译配置项 引用webpack，根据配置项进行编译和构建 从NON_COMPILATION_CMD分析出不需要编译的命令 const { NON_COMPILATION_ARGS } = require("./utils/constants"); const