electron和node版本对应关系 NODE_MODULE_VERSION和node版本对应关系 附录 ⽂档和教程 参考资料 1 2 跨平台桌⾯应⽤框架：Electron 最新版本： v1.0 更新时间： 20200808 简介 介绍跨平台桌⾯应⽤框架Electron的基本概念、基本原理、核⼼优势以及额外特性；介绍了⽤Electron 开发出的常⻅应⽤有哪些；解释了如何安装E work_electron: 跨平台桌⾯应⽤框架：Electron 如何使⽤此Gitbook源码去⽣成发布为电⼦书 详⻅：crifan/gitbook_template: demo how to use crifan gitbook template and demo 在线浏览 跨平台桌⾯应⽤框架：Electron book.crifan.com 跨平台桌⾯应⽤框架：Electron crifan crifan.github.io 离线下载阅读 跨平台桌⾯应⽤框架：Electron PDF 跨平台桌⾯应⽤框架：Electron ePub 跨平台桌⾯应⽤框架：Electron Mobi 版权说明 前⾔ 3 此电⼦书教程的全部内容，如⽆特别说明，均为本⼈原创和整理。其中部分内容参考⾃⽹络，均已备 注了出处。如有发现侵犯您版权，请通过邮箱联系我 admin 艾特 crifan.com

Ryan Chen 陈亮, Engineering Manager Chromecast and Home, Google Typescript, Angular, 和移 动端的跨平台开发 1 What’s TypeScript? What’s TypeScript? ● A statically typed superset of JavaScript that compiles into

第二部分：学习前端开发 自学 关于互联网／WEB 学习 Web 浏览器 学习域名系统（又叫 DNS） 学习 HTTP/Networks（包括 CORS 和 WebSockets） 学习网页寄存（通称虚拟主机） 学习前端开发 学习用户界面／交互设计 学习 HTML 和 CSS 学习搜索引擎优化 学习 JavaScript 学习 Web 动画 学习 DOM、BOM 和 jQuery 学习网页字体 学习命令行的使用 学习 Node.js 学习 JS 模块系统 学习模块加载和打包工具 学习包管理工具 学习版本控制 学习构建及任务自动化技术 学习网站性能优化 学习测试 学习无头浏览器 学习离线开发 学习网络／浏览器／应用的安全 多平台开发学习 导向学习 前端课程 前端开发学习的起点 前端资讯、新闻站和播客 第三部分：前端开发工具 Doc/API 浏览工具 SEO 第二部分：学习前端开发 自学 关于互联网／WEB 学习 Web 浏览器 学习域名系统（又叫 DNS） 学习 HTTP/Networks（包括 CORS 和 WebSockets） 学习网页寄存（通称虚拟主机） 学习前端开发 学习用户界面／交互设计 学习 HTML 和 CSS 学习搜索引擎优化 学习 JavaScript 学习 Web 动画 学习 DOM、BOM 和 jQuery 学习网页字体

美团外卖终端容器无关化研发框架 74 一款可以让大型 iOS 工程编译速度提升 50% 的工具 96 从预编译的角度理解 Swift 与 Objective-C 及混编机制 108 美团民宿跨端复用框架设计与实践 165 美团跨端一体化富文本管理技术实践 186 前端 | 2020 202 移动端 UI 一致性解决方案 202 美团外卖 Flutter 动态化实践 227 美团开源 Logan Web：前端日志在 Web 端的实现 255 外卖客户端容器化架构的演进 270 Flutter 包大小治理上的探索与实践 297 美团外卖持续交付的前世今生 326 微前端在美团外卖的实践 352 积木 Sketch 插件进阶开发指南 372 积木 Sketch Plugin：设计同学的贴心搭档 400 Native 地图与 Web 融合技术的应用与实践 融合技术的应用与实践 431 目录 前端 | 2019 446 MTFlexbox 自动化埋点探索 447 Litho 在美团动态化方案 MTFlexbox 中的实践 459 开源 React Native 组件库 beeshell 2.0 发布 473 React Native 在美团外卖客户端的实践 506 Android 静态代码扫描效率优化与实践 530 Probe：Android

目 录 致谢 向导 支持平台 分发应用 提交应用到 Mac App Store 打包应用 使用 Node 原生模块 主进程调试 使用 Selenium 和 WebDriver 使用开发人员工具扩展 使用 Pepper Flash 插件 使用 Widevine CDM 插件 教程 快速入门 桌面环境集成 在线/离线事件探测 API文档 简介 进程对象 支持的 书栈(BookStack.CN) 构建 支持平台 分发应用 提交应用到 Mac App Store 打包应用 使用 Node 原生模块 主进程调试 使用 Selenium 和 WebDriver 使用开发人员工具扩展 使用 Pepper Flash 插件 使用 Widevine CDM 插件 向导 - 5 - 本文档使用 书栈(BookStack.CN) 构建 以下的平台是 Electron 目前支持的： NEON）下完成的。 预编译二进制文件是否能够运行，取决于其中是否包括了编译平台链接的库，所以只有 Ubuntu 12.04可以保证正常 工作，但是以下的平台也被证实可以运行 Electron 的预编译版本： Ubuntu 12.04 及更新 Fedora 21 Debian 8 支持的平台 macOS Windows Linux 支持平台 - 6 - 本文档使用 书栈(BookStack.CN)

mpvue 开发框架介绍和最佳实践 ���Vue.js������� 美团酒旅 - 终端研发组 - 基础服务平台 动态化技术⽅方向，⼩小程序应⽤用、RN 应⽤用 努⼒力力于⼩小程序⼯工程化开发、业务级应⽤用 ������美团点评 ⽬目录 CONTENTS mpvue 介绍 使⽤用⽅方式 设计思路路 实践 & 展望 1 mpvue 介绍 作为⼩小程序应⽤用开发框架，mpvue ⼩小程序代码 ⼯工程化体系集成 cli 命令⾏行行⼯工具 编译构建集成 ⽣生态扩展能⼒力力 npm 管理理⽀支持 Vue 组件机制 开发规范扩展 Vue 编码规范 Vue 语法⽀支持 Vue 引擎驱动 mpvue 的能⼒力力 好扩展 前端赋能 易易学习 超低上⼿手 成本 多端复⽤用 技术沉淀收益规 模化 提⾼高开发效率 减少重复劳动 ⾃自动化构建 组件化开发 特性 了了解前端构建 mpvue 做什什么 & 不不做什什么 设计⼀一种编码⽅方式 确定⼀一套语法集合 内置编译构建⼯工具 推荐示例例项⽬目模板 UI 组件库 常⽤用⼯工具库 第三⽅方平台⽀支持 H5 差异抹平和适配 mpvue only mpvue 为主 mpvue 做增量量开发 使⽤用场景 • 官⽅方标准使⽤用⽅方式 • 从零构建⼩小程序项⽬目 • quickstart

语言的发展 b. Dart 介绍 3. 技术篇 a. Web Components b. Polymer 库 大纲 Web应用的优点 ● 无需安装 ● 增量式开发 ● 自动升级 ● 跨平台 ● 天然的MVC（HTML+CSS+JavaScript） 当前的Web开发 ● Web 开发越来越复杂：项目大，团队成员多 ● 前端功能越来越多：CS→BS→CS ● 大型应用维护和协作难 Chrome App vs 桌面 App 技术上: ● 独立的窗口 ● 离线使用 ● 通知栏 ● App Launcher ● 数据云同步：chrome sync 内置支持 ● 平台访问：USB、蓝牙、Socket、Native Client 离线应用 利用离线技术将资源存在本地。如 Google Drive，飞机上也可用继续查看和编辑今天的这个 讲义。 云+端——同步无处不在 云服务 X-aaS 或 Web API ，直接使用服务，这些都非常 方便，但实现被隐藏了。 基础平台商提供现成的服务，开发者只需要懂软 件、懂系统，但不需要懂硬件了。 安全 HTTPS 无处不在 Sandbox 模型 技术发展方向 ● 演进中的各种新技术标准 ● 编程语言的多元化 Web 是平台，能在上面做什么归根结底是技术标 准和浏览器支持说了算。 技术可以被 hack 的方式玩出新花样，但能力本

性能监控 - RPC 郭达峰 Strikingly／上线了 的联合创始人。于 2010 年 开发了三款 Facebook 平台的应用，获取了超 过 2 千万的用户。2012 年创立了市面上最简易 的建站平台 Strikingly，成为第一家进入 YC 孵 化器的华人团队。 Inside React Fiber 天猪 阿里游戏前端负责人，EggJS 核心开发者。 Egg & Node 谢梓洪，腾讯空间H5游戏前端工程师 空间H5开放平台与游 戏结合实践 通过与游戏结合实践，将空 间H5平台能力开放，解决H5 页面白屏时间过长、页面跳 转闪烁等问题；以新的H5接 入方式，解决开放与安全的 矛盾，既开放更多平台能 力，又能保证安全隔离与全 链路的监控；构建拥有优质 体验与提供安全的增强能力 的H5接入开放平台。 neilcui(崔进) 崔进，腾讯Web前端高级工程师，Node jackqqxu(徐杰) 徐杰，腾讯Web前端高级工程师，QQ空间个性 化商城主要开发者 2011年入职腾讯，期间负责flash游戏，支付官 网和内部运营系统等web系统开发，PHP爱好 者； 2014年进入空间，先后负责QQ空间触屏版部 分模块，QQ空间个性化商城系列开发。 RN在QQ空间IOS个 性化商城中的应用 本次演讲主要包括： （1）ReactNative在IOS系

API 介绍 Setup 生命周期钩子 提供/注入 模板引用 渲染机制和优化 Vue 2 中的更改检测警告 工具 单文件组件 测试 TypeScript 支持 Mobile 规模化 路由 状态管理 服务端渲染 无障碍 基础 语义学 标准 资源 从 Vue 2 迁移 介绍 v-for 中的 Ref 数组 异步组件 attribute 强制行为 自定义指令 webpack ， rollup 和 parcel 。 TODO：将 prod/dev 分支留给 process.env.NODE_ENV guards (需要更换构建工具) 不提供最小化版本 (捆绑后与其余代码一起完成) import 依赖 (例如： @vue/runtime-core ， @vue/runtime-compiler ) 导入的依赖项也是 esm bundler 或用于 Node.js 通过 require() 进行服务器端渲染。 如果你将应用程序与带有 target: 'node' 的 webpack 打包在一起，并正确地将 vue 外部化，则将加载此构建。 dev/prod 文件是预构建的，但是根据 process.env.NODE_env 会自动需要相应的文 件。 如果需要在客户端上编译模板 (即：将字符串传递给 template

展前景等因素需要考虑。评估任何一个框架不仅要看其优势，还要看它给开发者挖的坑有 多深。Angular 框架自最初的 AngularJS，迭代到最新的 Angular 5，其不变的最显著特征就 是其整合性。作为一个一体化框架，Angular 经过精心的前期设计，涵盖了开发中的各个 层面，层与层之间都经过精心调适。开发者借助这个“开箱即用”的框架，就可以完成大 部分的前端开发工作，而不需要费时费力去组合、评估其他前端技术。这可以有效降低开 理解 Bootstrap...........................57 4.3.1 应用基本的Bootstrap类........57 4.3.2 使用Bootstrap样式化表格 ....61 4.3.3 使用Bootstrap创建表单........62 4.3.4 使用Bootstrap创建网格........63 4.4 本章小结......... 启动数据模型.........................122 目 录 ■ IX 7.3.1 创建模型类......................122 7.3.2 创建虚拟数据源...............123 7.3.3 创建模型存储库...............124 7.3.4 创建功能模块...................126 7.4