杂层布局的准确率较低、 可解释程度不高导致后续无法持续优化。方案二中 Sketch 源文件信息量丰富、算法 自定义程度高、优化空间大。因此，我们调研了业界基于 Sketch 的代码自动生成方 案（已对外公布或者开源），发现了一些不足并尝试解决，下面从算法准确率、代码可 读性、研发流程覆盖度等方面做一下对比（该对比结果仅考察业界方案对我们自己业 务的适用性，实际结果可能存在差异）： 前端 问题的。 2.2 整体方案设计 2.2.1 RN 与小程序复用的技术方案 图 2 RN 与小程序复用技术方案图 整体架构分为两个部分：编译过程、运行过程。它的渲染方式与上文描述重运行时方 案类似，都是通过 MP-Renderer 来处理 React 代码。下面我们来简要分析这两个 过程： (1) 编译过程：该阶段对 RN 源码进行一定的转换处理，用于运行过程，编译后主要 产生有以下产物： 关联了官网中该组件的使用说明，是代码组件库与官网的纽带。 外卖 UI 一致性解决方案 2.2 接入指南 1. 设计师逐步将设计语言沉淀为设计规范（包括组件、颜色、字体、图片等）上 传至官网供整个设计团队查阅，同时将其量化并内置于积木 Sketch 插件中； 开发同学则将其代码化，针对 Android/iOS/MRN 三端进行组件库开发。 2. 设计师使用积木 Sketch 插件绘制设计稿，可以保证设计元素均从既定的设计

d.ts ) 22 使用 Angular CLI 建立專案範本 • 請務必在 NTFS 檔案系統執行相關命令 (Windows) • ng new demo1 – 初始化 Git 儲存庫 – 安裝 npm 相依套件 • cd demo1 • ng serve – http://localhost:4200 23 了解專案結構 • 首頁 HTML 與 Angular 2 主程式 – src/index.html 預設網站首頁 – src/main.ts 預設 Angular 2 啟動器 (主程式) • 公用檔案資料夾 – public/ 放置網站的相關資源檔案 (CSS,Image,Fonts,…) • 根元件 – src/app/app.module.ts 應用程式的NgModule定義檔 – src/app/app.component.ts 根元件主程式

演算法猶如美妙的交響樂，每一行程式碼都像韻律般流淌。 願這本書在你的腦海中輕輕響起，留下獨特而深刻的旋律。 第 0 章 前言 www.hello‑algo.com 2 0.1 關於本書 本專案旨在建立一本開源、免費、對新手友好的資料結構與演算法入門教程。 ‧ 全書採用動畫圖解，內容清晰易懂、學習曲線平滑，引導初學者探索資料結構與演算法的知識地圖。 ‧ 源程式碼可一鍵執行，幫助讀者在練習 圖 0‑4 克隆倉庫與下載程式碼 第三步：執行源程式碼。如圖 0‑5 所示，對於頂部標有檔案名稱的程式碼塊，我們可以在倉庫的 codes 檔案 夾內找到對應的源程式碼檔案。源程式碼檔案可一鍵執行，將幫助你節省不必要的除錯時間，讓你能夠專注 於學習內容。 圖 0‑5 程式碼塊與對應的源程式碼檔案 除了本地執行程式碼，網頁版還支持 Python 程式碼的視覺化執行（基於 pythontutor 第 1 章 初識演算法 www.hello‑algo.com 13 圖 1‑3 貨幣找零過程 在以上步驟中，我們每一步都採取當前看來最好的選擇（儘可能用大面額的貨幣），最終得到了可行的找零方 案。從資料結構與演算法的角度看，這種方法本質上是“貪婪”演算法。 小到烹飪一道菜，大到星際航行，幾乎所有問題的解決都離不開演算法。計算機的出現使得我們能夠透過程 式設計將資料結構儲存在記憶體中，同時編寫程式碼呼叫

演算法猶如美妙的交響樂，每一行程式碼都像韻律般流淌。 願這本書在你的腦海中輕輕響起，留下獨特而深刻的旋律。 第 0 章 前言 www.hello‑algo.com 2 0.1 關於本書 本專案旨在建立一本開源、免費、對新手友好的資料結構與演算法入門教程。 ‧ 全書採用動畫圖解，內容清晰易懂、學習曲線平滑，引導初學者探索資料結構與演算法的知識地圖。 ‧ 源程式碼可一鍵執行，幫助讀者在練習 圖 0‑4 克隆倉庫與下載程式碼 第三步：執行源程式碼。如圖 0‑5 所示，對於頂部標有檔案名稱的程式碼塊，我們可以在倉庫的 codes 檔案 夾內找到對應的源程式碼檔案。源程式碼檔案可一鍵執行，將幫助你節省不必要的除錯時間，讓你能夠專注 於學習內容。 圖 0‑5 程式碼塊與對應的源程式碼檔案 除了本地執行程式碼，網頁版還支持 Python 程式碼的視覺化執行（基於 pythontutor 第 1 章 初識演算法 www.hello‑algo.com 13 圖 1‑3 貨幣找零過程 在以上步驟中，我們每一步都採取當前看來最好的選擇（儘可能用大面額的貨幣），最終得到了可行的找零方 案。從資料結構與演算法的角度看，這種方法本質上是“貪婪”演算法。 小到烹飪一道菜，大到星際航行，幾乎所有問題的解決都離不開演算法。計算機的出現使得我們能夠透過程 式設計將資料結構儲存在記憶體中，同時編寫程式碼呼叫

演算法猶如美妙的交響樂，每一行程式碼都像韻律般流淌。 願這本書在你的腦海中輕輕響起，留下獨特而深刻的旋律。 第 0 章 前言 www.hello‑algo.com 2 0.1 關於本書 本專案旨在建立一本開源、免費、對新手友好的資料結構與演算法入門教程。 ‧ 全書採用動畫圖解，內容清晰易懂、學習曲線平滑，引導初學者探索資料結構與演算法的知識地圖。 ‧ 源程式碼可一鍵執行，幫助讀者在練習 圖 0‑4 克隆倉庫與下載程式碼 第三步：執行源程式碼。如圖 0‑5 所示，對於頂部標有檔案名稱的程式碼塊，我們可以在倉庫的 codes 檔案 夾內找到對應的源程式碼檔案。源程式碼檔案可一鍵執行，將幫助你節省不必要的除錯時間，讓你能夠專注 於學習內容。 圖 0‑5 程式碼塊與對應的源程式碼檔案 除了本地執行程式碼，網頁版還支持 Python 程式碼的視覺化執行（基於 pythontutor 第 1 章 初識演算法 www.hello‑algo.com 13 圖 1‑3 貨幣找零過程 在以上步驟中，我們每一步都採取當前看來最好的選擇（儘可能用大面額的貨幣），最終得到了可行的找零方 案。從資料結構與演算法的角度看，這種方法本質上是“貪婪”演算法。 小到烹飪一道菜，大到星際航行，幾乎所有問題的解決都離不開演算法。計算機的出現使得我們能夠透過程 式設計將資料結構儲存在記憶體中，同時編寫程式碼呼叫

logo、asar加密压缩、files参数、 打包⼯具electron-builder、编译⼯具electron-rebuild等，以及常⻅的系统如Windows和Mac系统中常⻅ 问题和解决⽅案；以及不同语⾔，⽐如Python、js等的⽀持，整理了Node相关信息，最后附上相关⽂ 档和教程等资料。 源码+浏览+下载 本书的各种源码、在线浏览地址、多种格式⽂件下载如下： Gitbook源码 2020-08-09 10:12:44 打包和部署 25 打包和部署 26 Electron对python⽀持 Electron本身官⽹并没有⽀持Python。 不过⽹上有⼈给出了可⾏的⽅案： 英⽂ fyears/electron-python-example: Electron as GUI of Python Applications 中⽂翻译 ⽤ Electron 作为 Python ，即mac中打包electron后得到的app⽂件 mitmdumpUrlSaver.app 在其运⾏时也可以看到 main.js 中的log，以便于后续调试，当出错时找到原 因。 最终⽅案： 从界⾯中启动打包后的app内部的⼆进制⽂件，⽐如我的 mitmdumpUrlSaver.app Log⽇志 48 对应内部的⼆进制⽂件 ./mitmdumpUrlSaver.app

践。 本书内容偏向于 WEB 技术（HTML、CSS、DOM、JavaScript）和以这些技术为根基直接构 建而成的开源技术。书中引用和讨论的材料要么就是同类翘楚，要么就是解决问题的流行方 案。 本书不是一本囊括所有前端可用资源的综合纲领。其价值在于为恰好够用的分类信息搜罗简 洁、聚焦且符合时宜的甄选内容，以免在特别话题下钻了牛角尖。 预期本书每年都迭代一次内容。 本书分为三部分。 图片来源：http://stateofjs.com/ 测试工具 141 图片来源：http://stateofjs.com/ 测试工具 142 测试工具 143 前端数据存储工具 (例如. 客户端的数据存储方 案) AlaSQL Dexie.js ForerunnerDB LocalForage LokiJS Lovefield lowdb Pouchdb NeDB YDN-DB 前端数据存储工具

显示未读消息数 tray.setTitle('6') ; 有未读消息时图标闪动：通过 setImage 定时轮询切换图标实现 注意事项 MacOS 全屏退出界⾯是会出现⿊屏问题，解决⽅案 判断如果全屏，在关闭全屏时，先退出全屏再隐藏界⾯ // 修复全屏 hide ⿊屏问题 // https://github.com/electron/electron/issues/20263 if

31 元。 第 1 章 初识算法 hello‑algo.com 13 图 1‑3 货币找零过程 在以上步骤中，我们每一步都采取当前看来最好的选择（尽可能用大面额的货币），最终得到了可行的找零方 案。从数据结构与算法的角度看，这种方法本质上是“贪心”算法。 小到烹饪一道菜，大到星际航行，几乎所有问题的解决都离不开算法。计算机的出现使得我们能够通过编程 将数据结构存储在内存中，同时编写代码调用 上。换句话说，我们只能从第 ? − 1 阶或第 ? − 2 阶迈向第 ? 阶。 由此便可得出一个重要推论：爬到第 ? − 1 阶的方案数加上爬到第 ? − 2 阶的方案数就等于爬到第 ? 阶的方 案数。公式如下： ??[?] = ??[? − 1] + ??[? − 2] 这意味着在爬楼梯问题中，各个子问题之间存在递推关系，原问题的解可以由子问题的解构建得来。图 14‑2 展示了该递推关系。 例如零钱兑换问题，我们虽然能够容易地举出反例，对贪心选择性质进行证伪，但证实的难度较大。如果问： 满足什么条件的硬币组合可以使用贪心算法求解？我们往往只能凭借直觉或举例子来给出一个模棱两可的答 案，而难以给出严谨的数学证明。 Quote 有一篇论文给出了一个 ?(?3) 时间复杂度的算法，用于判断一个硬币组合能否使用贪心算法找出任 意金额的最优解。 Pearson, D. A polynomial‑time

31 元。 第 1 章 初识算法 hello‑algo.com 13 图 1‑3 货币找零过程 在以上步骤中，我们每一步都采取当前看来最好的选择（尽可能用大面额的货币），最终得到了可行的找零方 案。从数据结构与算法的角度看，这种方法本质上是“贪心”算法。 小到烹饪一道菜，大到星际航行，几乎所有问题的解决都离不开算法。计算机的出现使得我们能够通过编程 将数据结构存储在内存中，同时编写代码调用 上。换句话说，我们只能从第 ? − 1 阶或第 ? − 2 阶迈向第 ? 阶。 由此便可得出一个重要推论：爬到第 ? − 1 阶的方案数加上爬到第 ? − 2 阶的方案数就等于爬到第 ? 阶的方 案数。公式如下： ??[?] = ??[? − 1] + ??[? − 2] 这意味着在爬楼梯问题中，各个子问题之间存在递推关系，原问题的解可以由子问题的解构建得来。图 14‑2 展示了该递推关系。 例如零钱兑换问题，我们虽然能够容易地举出反例，对贪心选择性质进行证伪，但证实的难度较大。如果问： 满足什么条件的硬币组合可以使用贪心算法求解？我们往往只能凭借直觉或举例子来给出一个模棱两可的答 案，而难以给出严谨的数学证明。 Quote 有一篇论文给出了一个 ?(?3) 时间复杂度的算法，用于判断一个硬币组合能否使用贪心算法找出任 意金额的最优解。 Pearson, D. A polynomial‑time