 后浪Flutter - Google 开源的UI 工具包陈孟泽后浪Flutter Google 开源的 UI 工具包 陈孟泽 后浪Flutter • 简介:移动跨平台方案及Flutter介绍 • 语言: Dart语言简介 • 基础:Flutter常用知识点 • 进阶:Flutter核心原理 • 资料:学习参考资料 移动跨平台方案 • H5+原生(Cordova、微信小程序) • JavaScript开发+原生渲染 (React Native、Weex、快应用) Cordova、Ionic JavaScript+原生渲染 原生控件渲染 好 中 支持 RN、Weex 自绘UI+原生 调用系统API渲染 好 高 默认不支持 Flutter Flutter简介 • Google 开源的 UI 工具包 • 非常精美丰富的组件库 • 支持移动、Web、桌面和嵌入式平台 • UI统一、高性能 Flutter简介 Dart语言简介 - 变量声明 Dart语言简介 - 函数声明0 码力 | 28 页 | 1.56 MB | 1 年前3 后浪Flutter - Google 开源的UI 工具包陈孟泽后浪Flutter Google 开源的 UI 工具包 陈孟泽 后浪Flutter • 简介:移动跨平台方案及Flutter介绍 • 语言: Dart语言简介 • 基础:Flutter常用知识点 • 进阶:Flutter核心原理 • 资料:学习参考资料 移动跨平台方案 • H5+原生(Cordova、微信小程序) • JavaScript开发+原生渲染 (React Native、Weex、快应用) Cordova、Ionic JavaScript+原生渲染 原生控件渲染 好 中 支持 RN、Weex 自绘UI+原生 调用系统API渲染 好 高 默认不支持 Flutter Flutter简介 • Google 开源的 UI 工具包 • 非常精美丰富的组件库 • 支持移动、Web、桌面和嵌入式平台 • UI统一、高性能 Flutter简介 Dart语言简介 - 变量声明 Dart语言简介 - 函数声明0 码力 | 28 页 | 1.56 MB | 1 年前3
 廖雪峰JavaScript教程代的步伐。 文档地址:http://www.bookstack.cn/books/liaoxuefeng-JavaScript 书栈官网:http://www.bookstack.cn 书栈开源:https://github.com/TruthHun 分享,让知识传承更久远! 感谢知识的创造者,感谢知识的分享者,也感谢每一位阅读到此处的 读者,因为我们都将成为知识的传承者。 致谢 - 败,在将来的某个时候调用 success 函数或 fail 函数。 古人云:“君子一诺千金”,这种“承诺将来会执行”的对象在JavaScript中称为Promise对象。 Promise有各种开源实现,在ES6中被统一规范,由浏览器直接支持。先测试一下你的浏览器是否支持 Promise: 1. 'use strict'; 2. 3. new Promise(function () {}); 方法一,自己把这些方法添加到 Array.prototype 中,然后给 Object.prototype 也加 上 mapObject() 等类似的方法。 方法二,直接找一个成熟可靠的第三方开源库,使用统一的函数来实现 map() 、 filter() 这些操 作。 我们采用方法二,选择的第三方库就是underscore。 正如jQuery统一了不同浏览器之间的DOM操作的差异,让我们可以简单地对DOM进行操作,0 码力 | 264 页 | 2.81 MB | 10 月前3 廖雪峰JavaScript教程代的步伐。 文档地址:http://www.bookstack.cn/books/liaoxuefeng-JavaScript 书栈官网:http://www.bookstack.cn 书栈开源:https://github.com/TruthHun 分享,让知识传承更久远! 感谢知识的创造者,感谢知识的分享者,也感谢每一位阅读到此处的 读者,因为我们都将成为知识的传承者。 致谢 - 败,在将来的某个时候调用 success 函数或 fail 函数。 古人云:“君子一诺千金”,这种“承诺将来会执行”的对象在JavaScript中称为Promise对象。 Promise有各种开源实现,在ES6中被统一规范,由浏览器直接支持。先测试一下你的浏览器是否支持 Promise: 1. 'use strict'; 2. 3. new Promise(function () {}); 方法一,自己把这些方法添加到 Array.prototype 中,然后给 Object.prototype 也加 上 mapObject() 等类似的方法。 方法二,直接找一个成熟可靠的第三方开源库,使用统一的函数来实现 map() 、 filter() 这些操 作。 我们采用方法二,选择的第三方库就是underscore。 正如jQuery统一了不同浏览器之间的DOM操作的差异,让我们可以简单地对DOM进行操作,0 码力 | 264 页 | 2.81 MB | 10 月前3
 阮一峰 《ECMAScript 6入门》 第三版ArrayBuffer 2 1.28 2.1 2.2 2.3 参考链接 其他 源码 修订历史 反馈意见 3 ECMAScript 6 入门 《ECMAScript 6 入门》是一本开源的 JavaScript 语言教程,全面介绍 ECMAScript 6 新引入的语法特性。 前言 4 本书覆盖 ES6 与上一个版本 ES5 的所有不同之处,对涉及的语法知识给予详细介 绍,并给出大量简洁易懂的示例代码。 门》。纸版是基于网站内容排版印刷的。 感谢张春雨编辑支持我将全书开源的做法。如果您认可这本书,建议购买纸版。这 样可以使出版社不因出版开源书籍而亏钱,进而鼓励更多的作者开源自己的书籍。 下面是第三版的购买地址。 淘宝 京东 当当 亚马逊 China-pub 版权许可 本书采用“保持署名—非商用”创意共享4.0许可证。 只要保持原作者署名和非商用,您可以自由地阅读、分享、修改本书。 ES5的写法。除了 Babel可以用来转码之外,还有以下两个方法,也可以用来转码。 ES6 module transpiler ES6 module transpiler是 square 公司开源的一个转码器,可以将 ES6 模块转为 CommonJS 模块或 AMD 模块的写法,从而在浏览器中使用。 首先,安装这个转码器。 Module 的加载实现 604 $ npm install0 码力 | 679 页 | 2.66 MB | 1 年前3 阮一峰 《ECMAScript 6入门》 第三版ArrayBuffer 2 1.28 2.1 2.2 2.3 参考链接 其他 源码 修订历史 反馈意见 3 ECMAScript 6 入门 《ECMAScript 6 入门》是一本开源的 JavaScript 语言教程,全面介绍 ECMAScript 6 新引入的语法特性。 前言 4 本书覆盖 ES6 与上一个版本 ES5 的所有不同之处,对涉及的语法知识给予详细介 绍,并给出大量简洁易懂的示例代码。 门》。纸版是基于网站内容排版印刷的。 感谢张春雨编辑支持我将全书开源的做法。如果您认可这本书,建议购买纸版。这 样可以使出版社不因出版开源书籍而亏钱,进而鼓励更多的作者开源自己的书籍。 下面是第三版的购买地址。 淘宝 京东 当当 亚马逊 China-pub 版权许可 本书采用“保持署名—非商用”创意共享4.0许可证。 只要保持原作者署名和非商用,您可以自由地阅读、分享、修改本书。 ES5的写法。除了 Babel可以用来转码之外,还有以下两个方法,也可以用来转码。 ES6 module transpiler ES6 module transpiler是 square 公司开源的一个转码器,可以将 ES6 模块转为 CommonJS 模块或 AMD 模块的写法,从而在浏览器中使用。 首先,安装这个转码器。 Module 的加载实现 604 $ npm install0 码力 | 679 页 | 2.66 MB | 1 年前3
 JavaScript Promise迷你书(中文版)本书中示例代码都可以在GitHub上找到。 本书采用 AsciiDoc6 格式编写。 • azu/promises-book7 此外代码仓库中还包含本书示例代码的测试代码。 源代码的许可证为MIT许可证,文章内容可以基于CC-BY-NC使用。 5 http://books.shoeisha.co.jp/book/b107881.html 6 http://asciidoctor.org/0 码力 | 112 页 | 1010.02 KB | 1 年前3 JavaScript Promise迷你书(中文版)本书中示例代码都可以在GitHub上找到。 本书采用 AsciiDoc6 格式编写。 • azu/promises-book7 此外代码仓库中还包含本书示例代码的测试代码。 源代码的许可证为MIT许可证,文章内容可以基于CC-BY-NC使用。 5 http://books.shoeisha.co.jp/book/b107881.html 6 http://asciidoctor.org/0 码力 | 112 页 | 1010.02 KB | 1 年前3
 2019-2021 美团技术年货 前端篇美团民宿跨端复用框架设计与实践 165 美团跨端一体化富文本管理技术实践 186 前端 | 2020 202 移动端 UI 一致性解决方案 202 美团外卖 Flutter 动态化实践 227 美团开源 Logan Web:前端日志在 Web 端的实现 255 外卖客户端容器化架构的演进 270 Flutter 包大小治理上的探索与实践 297 美团外卖持续交付的前世今生 326 微前端在美团外卖的实践 Web 融合技术的应用与实践 431 目录 前端 | 2019 446 MTFlexbox 自动化埋点探索 447 Litho 在美团动态化方案 MTFlexbox 中的实践 459 开源 React Native 组件库 beeshell 2.0 发布 473 React Native 在美团外卖客户端的实践 506 Android 静态代码扫描效率优化与实践 530 Probe:Android 低、 可解释程度不高导致后续无法持续优化。方案二中 Sketch 源文件信息量丰富、算法 自定义程度高、优化空间大。因此,我们调研了业界基于 Sketch 的代码自动生成方 案(已对外公布或者开源),发现了一些不足并尝试解决,下面从算法准确率、代码可 读性、研发流程覆盖度等方面做一下对比(该对比结果仅考察业界方案对我们自己业 务的适用性,实际结果可能存在差异): 前端 < 57 ●0 码力 | 738 页 | 50.29 MB | 1 年前3 2019-2021 美团技术年货 前端篇美团民宿跨端复用框架设计与实践 165 美团跨端一体化富文本管理技术实践 186 前端 | 2020 202 移动端 UI 一致性解决方案 202 美团外卖 Flutter 动态化实践 227 美团开源 Logan Web:前端日志在 Web 端的实现 255 外卖客户端容器化架构的演进 270 Flutter 包大小治理上的探索与实践 297 美团外卖持续交付的前世今生 326 微前端在美团外卖的实践 Web 融合技术的应用与实践 431 目录 前端 | 2019 446 MTFlexbox 自动化埋点探索 447 Litho 在美团动态化方案 MTFlexbox 中的实践 459 开源 React Native 组件库 beeshell 2.0 发布 473 React Native 在美团外卖客户端的实践 506 Android 静态代码扫描效率优化与实践 530 Probe:Android 低、 可解释程度不高导致后续无法持续优化。方案二中 Sketch 源文件信息量丰富、算法 自定义程度高、优化空间大。因此,我们调研了业界基于 Sketch 的代码自动生成方 案(已对外公布或者开源),发现了一些不足并尝试解决,下面从算法准确率、代码可 读性、研发流程覆盖度等方面做一下对比(该对比结果仅考察业界方案对我们自己业 务的适用性,实际结果可能存在差异): 前端 < 57 ●0 码力 | 738 页 | 50.29 MB | 1 年前3
 ExtJS和AngularJS比较apps的HTML的增强 可以与其他的类库协同工作 开源的javascript框架,google维 护 声明式的编程方法 Sencha ExtJS 和 和 AngularJS对比 对比 序号 序号 Features ExtJS AngularJS 1. UI应用程序商店 ✔ ✘ 2. 丰富的UI组件样式 ✔ 幸运的是, AngularUI中已经包含了许 多开源的组件, AngularUI Bootstrap Yeoman, Grunt 和 Bower Licensing and Support 27. 协议 Per-seat / per-server commercial license 和 开源软件基于 GPL 许可 开源的JavaScript 框架,基于 MIT 许可. 28. 完整的稳定,教程,食品,案例 ✔ ✔ 29. 支持:一般的讨论,bug提交, 开发新特性请求 基础支持和付费支持 完全支持0 码力 | 6 页 | 244.12 KB | 1 年前3 ExtJS和AngularJS比较apps的HTML的增强 可以与其他的类库协同工作 开源的javascript框架,google维 护 声明式的编程方法 Sencha ExtJS 和 和 AngularJS对比 对比 序号 序号 Features ExtJS AngularJS 1. UI应用程序商店 ✔ ✘ 2. 丰富的UI组件样式 ✔ 幸运的是, AngularUI中已经包含了许 多开源的组件, AngularUI Bootstrap Yeoman, Grunt 和 Bower Licensing and Support 27. 协议 Per-seat / per-server commercial license 和 开源软件基于 GPL 许可 开源的JavaScript 框架,基于 MIT 许可. 28. 完整的稳定,教程,食品,案例 ✔ ✔ 29. 支持:一般的讨论,bug提交, 开发新特性请求 基础支持和付费支持 完全支持0 码力 | 6 页 | 244.12 KB | 1 年前3
 Hello 算法 1.0.0b1 JavaScript版书内的代码配有可一键运行的源文件,托管在 github.com/krahets/hello‑algo 仓库。动画在 PDF 内的展示 效果有限,可前往 hello‑algo.com 网页版获得更好的阅读体验。 致谢 本书在开源社区的群策群力下逐步成长,感谢每一位撰稿人,是他们的无私奉献让这本书变得更好,他 们是(按照 GitHub 自动生成的顺序):krahets, justin‑tse, sjinzh, Reanon . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 179 1 0. 写在前面 0.1. 关于本书 本项目致力于构建一本开源免费、新手友好的数据结构与算法入门书。 ‧ 全书采用动画图解,结构化地讲解数据结构与算法知识,内容清晰易懂、学习曲线平滑; ‧ 算法源代码皆可一键运行,支持 Java, C++, Python, “Hello World!” 的回忆。 ‧ 感谢苏潼为本书设计了封面和 LOGO ,在我的强迫症下前后多次帮忙修改,谢谢你的耐心。 ‧ 感谢 @squidfunk 给出的写作排版建议,以及优秀开源项目 Material‑for‑MkDocs 。 本书鼓励“手脑并用”的学习方式,在这点上受到了《动手学深度学习》很大影响,也在此向各位同学强烈推 荐这本著作,包括中文版、英文版、李沐老师 bilibili0 码力 | 185 页 | 14.70 MB | 1 年前3 Hello 算法 1.0.0b1 JavaScript版书内的代码配有可一键运行的源文件,托管在 github.com/krahets/hello‑algo 仓库。动画在 PDF 内的展示 效果有限,可前往 hello‑algo.com 网页版获得更好的阅读体验。 致谢 本书在开源社区的群策群力下逐步成长,感谢每一位撰稿人,是他们的无私奉献让这本书变得更好,他 们是(按照 GitHub 自动生成的顺序):krahets, justin‑tse, sjinzh, Reanon . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 179 1 0. 写在前面 0.1. 关于本书 本项目致力于构建一本开源免费、新手友好的数据结构与算法入门书。 ‧ 全书采用动画图解,结构化地讲解数据结构与算法知识,内容清晰易懂、学习曲线平滑; ‧ 算法源代码皆可一键运行,支持 Java, C++, Python, “Hello World!” 的回忆。 ‧ 感谢苏潼为本书设计了封面和 LOGO ,在我的强迫症下前后多次帮忙修改,谢谢你的耐心。 ‧ 感谢 @squidfunk 给出的写作排版建议,以及优秀开源项目 Material‑for‑MkDocs 。 本书鼓励“手脑并用”的学习方式,在这点上受到了《动手学深度学习》很大影响,也在此向各位同学强烈推 荐这本著作,包括中文版、英文版、李沐老师 bilibili0 码力 | 185 页 | 14.70 MB | 1 年前3
 Hello 算法 1.0.0b1 TypeScript 版书内的代码配有可一键运行的源文件,托管在 github.com/krahets/hello‑algo 仓库。动画在 PDF 内的展示 效果有限,可前往 hello‑algo.com 网页版获得更好的阅读体验。 致谢 本书在开源社区的群策群力下逐步成长,感谢每一位撰稿人,是他们的无私奉献让这本书变得更好,他 们是(按照 GitHub 自动生成的顺序):krahets, justin‑tse, sjinzh, Reanon . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 180 1 0. 写在前面 0.1. 关于本书 本项目致力于构建一本开源免费、新手友好的数据结构与算法入门书。 ‧ 全书采用动画图解,结构化地讲解数据结构与算法知识,内容清晰易懂、学习曲线平滑; ‧ 算法源代码皆可一键运行,支持 Java, C++, Python, “Hello World!” 的回忆。 ‧ 感谢苏潼为本书设计了封面和 LOGO ,在我的强迫症下前后多次帮忙修改,谢谢你的耐心。 ‧ 感谢 @squidfunk 给出的写作排版建议,以及优秀开源项目 Material‑for‑MkDocs 。 本书鼓励“手脑并用”的学习方式,在这点上受到了《动手学深度学习》很大影响,也在此向各位同学强烈推 荐这本著作,包括中文版、英文版、李沐老师 bilibili0 码力 | 186 页 | 14.71 MB | 1 年前3 Hello 算法 1.0.0b1 TypeScript 版书内的代码配有可一键运行的源文件,托管在 github.com/krahets/hello‑algo 仓库。动画在 PDF 内的展示 效果有限,可前往 hello‑algo.com 网页版获得更好的阅读体验。 致谢 本书在开源社区的群策群力下逐步成长,感谢每一位撰稿人,是他们的无私奉献让这本书变得更好,他 们是(按照 GitHub 自动生成的顺序):krahets, justin‑tse, sjinzh, Reanon . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 180 1 0. 写在前面 0.1. 关于本书 本项目致力于构建一本开源免费、新手友好的数据结构与算法入门书。 ‧ 全书采用动画图解,结构化地讲解数据结构与算法知识,内容清晰易懂、学习曲线平滑; ‧ 算法源代码皆可一键运行,支持 Java, C++, Python, “Hello World!” 的回忆。 ‧ 感谢苏潼为本书设计了封面和 LOGO ,在我的强迫症下前后多次帮忙修改,谢谢你的耐心。 ‧ 感谢 @squidfunk 给出的写作排版建议,以及优秀开源项目 Material‑for‑MkDocs 。 本书鼓励“手脑并用”的学习方式,在这点上受到了《动手学深度学习》很大影响,也在此向各位同学强烈推 荐这本著作,包括中文版、英文版、李沐老师 bilibili0 码力 | 186 页 | 14.71 MB | 1 年前3
 基于go和flutter的实时通信/视频直播解决方案 段维伟基于go和flutter的实时通信/视频直播解决方案 段维伟 湖北捷智云技术有限公司 创始人 目 录 背景 01 技术简介 02 客户端 03 服务端 04 开源社区 05 Q&A 06 背景 第一部分 即将讲述的内容 • WebRTC 实时通讯 • Flutter 跨平台UI 开发框架 • 基于Flutter UI 框架的WebRTC 插件 flutter-webrtc 云游戏,机器人,VR,直播等 • 如何用最容易的方案实现实时通讯 • 漂亮的app,最好全部(mobile, web, desktop)平台都支持. • 最容易使用的后端技术 真实世界的需求点 用开源方案实现需求 WebRTC + Flutter + Go 技术简介 第二部分 WebRTC 是什么 01. • 由 Google 发起的基于浏览器通讯标准 • 基于收购来的 GIPS ant-design • 多人视频 • 屏幕共享 • 文字聊天 ion-app-flutter • 多人视频 • 文字聊天 • 屏幕共享 • iOS/Android • macOS/Windows 开源社区 第五部分 ion-* 社区主要贡献者 • Adwpc https://github.com/adwpc • Kangshaojun https://github.com/kangshaojun0 码力 | 38 页 | 2.22 MB | 1 年前3 基于go和flutter的实时通信/视频直播解决方案 段维伟基于go和flutter的实时通信/视频直播解决方案 段维伟 湖北捷智云技术有限公司 创始人 目 录 背景 01 技术简介 02 客户端 03 服务端 04 开源社区 05 Q&A 06 背景 第一部分 即将讲述的内容 • WebRTC 实时通讯 • Flutter 跨平台UI 开发框架 • 基于Flutter UI 框架的WebRTC 插件 flutter-webrtc 云游戏,机器人,VR,直播等 • 如何用最容易的方案实现实时通讯 • 漂亮的app,最好全部(mobile, web, desktop)平台都支持. • 最容易使用的后端技术 真实世界的需求点 用开源方案实现需求 WebRTC + Flutter + Go 技术简介 第二部分 WebRTC 是什么 01. • 由 Google 发起的基于浏览器通讯标准 • 基于收购来的 GIPS ant-design • 多人视频 • 屏幕共享 • 文字聊天 ion-app-flutter • 多人视频 • 文字聊天 • 屏幕共享 • iOS/Android • macOS/Windows 开源社区 第五部分 ion-* 社区主要贡献者 • Adwpc https://github.com/adwpc • Kangshaojun https://github.com/kangshaojun0 码力 | 38 页 | 2.22 MB | 1 年前3
 IMWebConf 2017 前端开发者大会腾讯在线教育战略产品腾讯课堂及企鹅辅导的研发, 并精心打造前端工程师Next学位,开启在线教育变革之路。 我们的工程师们也多次在Qcon、Velocity等业界大会进行分享。我们有着丰富的前端经验,也热衷于技术的开源与 分享。每年,我们都会举办自己的前端大会 ——IMWebConf。 会议日程 会议日程 大会流程: 大会流程: Node.js会场 会场 框架性能会场 框架性能会场 综合会场 综合会场 偶尔剑走偏锋涉猎GO/PHP/JAVA开发。同时 是技术实用主义者一枚,没有技术偏见,本 着“简单易用,开心就好”的开发理念投入工作 学习。经常潜水于各技术社区,在GitHub发表 过拙作《koa2进阶学习笔记》开源电子书,致 力与技术菜鸟共同进步,互相学习。 koa2的奇思妙想 ## 前世今生 - 洪荒时代 - 英雄时代 - 工业时代 ## HTTP的奇妙旅程 - koa2的请求旅程 - 任人打扮HTTP js 从小 工坊走向企业级开发 Egg 是阿里 Node.js 的核心 基础框架,通过「微内核 + 插件机制 + 框架定制能 力」,完美达成生态共建和 差异化定制的平衡点。Egg 已开源近一年,本次分享将 介绍 Egg 的设计理念和特 点,演示在团队里如何渐进 式演进,希望能帮助开发者 定制适合自己团队的上层框 架,走向企业级开发协作。 林子杰 阿里巴巴前端开发专家,UC0 码力 | 8 页 | 698.99 KB | 1 年前3 IMWebConf 2017 前端开发者大会腾讯在线教育战略产品腾讯课堂及企鹅辅导的研发, 并精心打造前端工程师Next学位,开启在线教育变革之路。 我们的工程师们也多次在Qcon、Velocity等业界大会进行分享。我们有着丰富的前端经验,也热衷于技术的开源与 分享。每年,我们都会举办自己的前端大会 ——IMWebConf。 会议日程 会议日程 大会流程: 大会流程: Node.js会场 会场 框架性能会场 框架性能会场 综合会场 综合会场 偶尔剑走偏锋涉猎GO/PHP/JAVA开发。同时 是技术实用主义者一枚,没有技术偏见,本 着“简单易用,开心就好”的开发理念投入工作 学习。经常潜水于各技术社区,在GitHub发表 过拙作《koa2进阶学习笔记》开源电子书,致 力与技术菜鸟共同进步,互相学习。 koa2的奇思妙想 ## 前世今生 - 洪荒时代 - 英雄时代 - 工业时代 ## HTTP的奇妙旅程 - koa2的请求旅程 - 任人打扮HTTP js 从小 工坊走向企业级开发 Egg 是阿里 Node.js 的核心 基础框架,通过「微内核 + 插件机制 + 框架定制能 力」,完美达成生态共建和 差异化定制的平衡点。Egg 已开源近一年,本次分享将 介绍 Egg 的设计理念和特 点,演示在团队里如何渐进 式演进,希望能帮助开发者 定制适合自己团队的上层框 架,走向企业级开发协作。 林子杰 阿里巴巴前端开发专家,UC0 码力 | 8 页 | 698.99 KB | 1 年前3
共 36 条
- 1
- 2
- 3
- 4













