├── .DS_Store ├── communication.md ├── subscribe.md ├── history.md ├── about.md ├── CampusRecruiting.md ├── weekly ├── 《阿里云前端技术周刊》第二十三期.md ├── 《阿里云前端技术周刊》第二十四期.md ├── 《阿里云前端技术周刊》第一期.md ├── 《阿里云前端技术周刊》第二十六期.md ├── 《阿里云前端技术周刊》第四期.md ├── 《阿里云前端技术周刊》第三期.md ├── 《阿里云前端技术周刊》第七期.md ├── 《阿里云前端技术周刊》第二十期.md ├── 《阿里云前端技术周刊》第二十五期.md ├── 《阿里云前端技术周刊》第二期.md ├── 《阿里云前端技术周刊》第十九期.md ├── 《阿里云前端技术周刊》第五期.md ├── 《阿里云前端技术周刊》第十六期.md ├── 《阿里云前端技术周刊》第二十二期.md ├── 《阿里云前端技术周刊》第二十一期.md ├── 《阿里云前端技术周刊》第九期.md ├── 《阿里云前端技术周刊》第十八期.md ├── 《阿里云前端技术周刊》第十四期.md ├── 《阿里云前端技术周刊》第十七期.md ├── 《阿里云前端技术周刊》第十一期.md ├── 《阿里云前端技术周刊》第八期.md ├── 《阿里云前端技术周刊》第六期.md ├── 《阿里云前端技术周刊》第十三期.md ├── 《阿里云前端技术周刊》第十期.md ├── 《阿里云前端技术周刊》第十二期.md └── 《阿里云前端技术周刊》第十五期.md └── README.md /.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aliyunfe/weekly/HEAD/.DS_Store -------------------------------------------------------------------------------- /communication.md: -------------------------------------------------------------------------------- 1 | # 交流沟通 2 | 3 | 欢迎使用 钉钉 搜索群号 21926384 或扫描下方二维码，加群交流。 4 | 5 | -------------------------------------------------------------------------------- /subscribe.md: -------------------------------------------------------------------------------- 1 | # 订阅方式 2 | - rss 订阅：https://github.com/aliyunfe/weekly/releases.atom 3 | - 使用 github 仓库的 Watch Releases only 功能进行订阅，仓库地址：https://github.com/aliyunfe/weekly/tree/master/weekly 4 | 5 | -------------------------------------------------------------------------------- /history.md: -------------------------------------------------------------------------------- 1 | [《阿里云前端技术周刊》第一期](./weekly/《阿里云前端技术周刊》第一期.md) 2 | 3 | [《阿里云前端技术周刊》第二期](./weekly/《阿里云前端技术周刊》第二期.md) 4 | 5 | [《阿里云前端技术周刊》第三期](./weekly/《阿里云前端技术周刊》第三期.md) 6 | 7 | [《阿里云前端技术周刊》第四期](./weekly/《阿里云前端技术周刊》第四期.md) 8 | 9 | [《阿里云前端技术周刊》第五期](./weekly/《阿里云前端技术周刊》第五期.md) 10 | 11 | [《阿里云前端技术周刊》第六期](./weekly/《阿里云前端技术周刊》第六期.md) 12 | 13 | [《阿里云前端技术周刊》第七期](./weekly/《阿里云前端技术周刊》第七期.md) 14 | 15 | [《阿里云前端技术周刊》第八期](./weekly/《阿里云前端技术周刊》第八期.md) 16 | 17 | [《阿里云前端技术周刊》第九期](./weekly/《阿里云前端技术周刊》第九期.md) 18 | 19 | [《阿里云前端技术周刊》第十期](./weekly/《阿里云前端技术周刊》第十期.md) 20 | -------------------------------------------------------------------------------- /about.md: -------------------------------------------------------------------------------- 1 | ## 团队介绍 2 | 3 | 我们是阿里云智能商业中台体验技术团队 4 | 5 | 业务上：负责阿里云官网 & 营销、商业化流程构建体验及效率、横向交叉售卖能力、销售和合作伙伴 CRM 平台、天猫网厅(手机充值、流量充值、加油卡、游戏陪玩等等)、阿里通信。 6 | 7 | 技术上：我们拥有开源工具 Dawn 作为项目工程化流程编排，并开源；探索 Serverless 给端开发者带来的效率提升以，通过类 GraphQL + Serverless 实现接口聚合，减少前后端沟通成本；并沉淀为能力实现独立的 NoOps 应用，实现垂直领域的业务能力建设，比如：搭建体系、流程引擎、中后台配置体系等。 8 | 9 | 我们需要这样的你： 10 | 11 | 1.社招/ 2020 届毕业生。 12 | 13 | 2.熟悉使用各种 Web 前端技术，尤其对 React + Redux(Mobx、GraphQl、apollo 等)，Webpack 熟练使用或者 Vue 全家桶熟练使用。 14 | 15 | 3.我们也更希望你有全栈的意识，有一定的 Node.js 或者 Java 基础； 16 | 17 | 4.如果你对新事物、新技术感兴趣，且喜欢挑战，欢迎加入我们。 18 | 19 | 5.我们base：北京或者杭州 20 | -------------------------------------------------------------------------------- /CampusRecruiting.md: -------------------------------------------------------------------------------- 1 | # 阿里云招人（校招/社招） 2 | 3 | > 毕业要求时间 2020 年，本科研究生都可以 4 | 5 | 简历发送至 [ranmo.cy@alibaba-inc.com](mailto:ranmo.cy@alibaba-inc.com) 6 | 7 | ## 部门 8 | 9 | 【阿里云智能运营支撑平台-体验技术】—— 阿里云最大的前端团队！！！
业务上：负责阿里云官网&营销、商业化流程构建体验及效率、横向交叉售卖能力、销售和合作伙伴 CRM 平台、天猫网厅（话费充值、流量充值、加油卡等等）、阿里通信。
技术上：我们拥有开源工具 Dawn 作为项目工程化流程编排，并开源；探索 Serverless 给端开发者带来的效率提升以，通过类 GraphQL+Serverless 实现接口聚合，减少前后端沟通成本；并沉淀为能力实现独立的 NoOps 应用，实现垂直领域的业务能力建设，比如：搭建体系、流程引擎、中后台配置体系等。 10 | 11 | [详细介绍](https://zhuanlan.zhihu.com/aliyun)
[团队知乎专栏](https://zhuanlan.zhihu.com/aliyun) 12 | 13 | ## 岗位介绍 14 | 15 | ### 前端工程师 16 | 17 | - 我们希望你，可以熟练使用各种 Web 前端技术，包括 HTML(5)/CSS(3)/Javascript 等，并有相关的项目开发经验或成果； 18 | - 我们希望你，用过 git、Webpack 等工具，最好有自己的 Github 仓库； 19 | - 我们希望你，有基于 Ajax 应用的开发经验，有 NodeJS 开发经验，或者有移动端开发经验； 20 | - 我们希望你，深刻理解 Web 标准，对可用性、可访问性等相关知识有实际的了解； 21 | - 我们希望你，对算法、数据结构、建模有一定了解； 22 | - 我们希望你，关注 Vue、React、PWA 等流行框架或技术，有较强的学习能力，喜欢挑战，并且个性乐观开朗，逻辑性强，善于与人合作。 23 | 24 | ### JAVA 工程师 25 | 26 | - 或许，你来自计算机专业，机械专业，甚至可能是学生物的； 27 | - 但是，你酷爱着计算机以及互联网技术，热衷于解决挑战性的问题，追求极致的用户体验； 28 | - 或许，你痴迷于数据结构和算法，热衷于 ACM，常常为看到“accept”而兴奋的手足舞蹈； 29 | - 或许，你熟悉 Unix/Linux/Win32 环境下编程，并有相关开发经验，熟练使用调试工具，并熟悉 Perl，Python，shell 等脚本语言； 30 | - 或许，你熟悉网络编程和多线程编程，对 TCP/IP，HTTP 等网络协议有很深的理解，并了解 XML 和 HTML 语言； 31 | - 或许，你热衷于数据库技术，能够熟练编写 SQL 脚本，有 MySql 或 Oracle 应用开发经验； 32 | - 或许，你并不熟悉 Java 编程语言，更精通 C，C++，PHP，.NET 等编程语言中的一种或几种，但你有良好和快速的学习能力； 33 | - 有可能，你参加过大学生数学建模竞赛，“挑战杯”，机器人足球比赛等； 34 | - 也有可能，你在学校的时候作为骨干参与学生网站的建设和开发； 35 | - 这些，都是我们想要的。来吧，加入我们！ 36 | 37 | ## 团队生活 38 | 39 | - 丰富的业余生活，每月至少组织一次团队活动 🏄 40 | - 每周一次的技术分享会，邀请业内大牛 💻 41 | - 团队有高颜值的妹子，写得了代码，开得了玩笑 🙋 42 | - 热爱 🏀 🏸 🏊 📷 43 | 44 | ## 工作地点 45 | 46 | 北京/杭州（西溪/飞天），高大上，面包有，小哥哥小姐姐也有！ 47 | 48 | ## 简历传送门 49 | 50 | 简历格式：【前端/JAVA 校招-学校-姓名】
发送到：[ranmo.cy@alibaba-inc.com](mailto:ranmo.cy@alibaba-inc.com)
如果你有心仪的 BU，也可以在邮件备注要内推的 BU 哟~
微信联系，了解及时咨询：answershuto
**先上车先斩获 Offer，光速面试，丝般感受** 51 | -------------------------------------------------------------------------------- /weekly/《阿里云前端技术周刊》第二十三期.md: -------------------------------------------------------------------------------- 1 | 作者：[染陌](https://github.com/answershuto) 2 | 校对：眠云 纾沉 3 | 4 | 知乎：[阿里云中台前端/全栈团队专栏](https://zhuanlan.zhihu.com/aliyun) 5 | Github：[阿里云前端技术周刊](https://github.com/aliyunfe/weekly) 6 | 7 | 给我们投稿：[传送门](https://github.com/aliyunfe/weekly/issues/new) 8 | 参与交流：[传送门](https://github.com/aliyunfe/weekly/issues/5) 9 | 10 | ## 前端速报 11 | 12 | ![](https://img.alicdn.com/tfs/TB1T43Fa4iH3KVjSZPfXXXBiVXa-2560-600.jpg) 13 | 14 | - 云栖大会将于 9.25 - 9.27 在云栖小镇举办。[详情](https://yunqi.aliyun.com/) 15 | - 第 5 届 FEDAY（前端大会）将于 2019 年 9 月 21 日在成都举办。[详情](https://zhuanlan.zhihu.com/p/81286004) 16 | 17 | ## 趣前端 18 | 19 | ![](https://img.alicdn.com/tfs/TB19FgGa3KG3KVjSZFLXXaMvXXa-2560-600.jpg) 20 | 21 | - [nba-go](https://github.com/xxhomey19/nba-go) 22 | 一款可以通过命令行观看 NBA 比赛的软件。 23 | ![undefined](https://img.alicdn.com/tfs/TB16mbDgFT7gK0jSZFpXXaTkpXa-1758-996.png) 24 | 25 | - [react-tetris](https://github.com/chvin/react-tetris) 26 | 一款俄罗斯方块小游戏，一起回忆一下童年。 27 | ![undefined](https://img.alicdn.com/tfs/TB18GrGgQL0gK0jSZFAXXcA9pXa-822-436.png) 28 | 29 | ## 编者推荐 30 | 31 | ![](https://img.alicdn.com/tfs/TB11G3Ga2WG3KVjSZFPXXXaiXXa-2560-600.jpg) 32 | 33 | - [精读《前端与 BI》](https://zhuanlan.zhihu.com/p/82665657) 34 | 作者分享了 BI 的一些基本概念，同时结合自己在阿里数据中台做 BI 的经验，将前端与 BI 结合在一起碰撞出不一样的火花，详细地介绍了前端在 BI 领域如何发展。 35 | 36 | - [技术路线：前端开发已进入深水区](https://www.yuque.com/sxc/front/kvokg4) 37 | 前端开发已经进入了深水区，红利已逝的今天，看看在深水区的我们应该如何去成长与思考。 38 | 39 | - [漫画：什么是中台？](https://mp.weixin.qq.com/s/rF7_xJBq4NJP6CmkW3HPpQ) 40 | 非常通俗易懂地解释了什么是中台以及中台的由来。 41 | 42 | - [React 开发者指南](https://github.com/adam-golab/react-developer-roadmap) 43 | 全面详细地介绍了开发 React 所需要用到的大部分技术栈，对于新入门前端或者 React 的同学有较大的帮助。 44 | 45 | - [如何加快 Node.js 应用的启动速度，实现分钟到毫秒的转化](https://mp.weixin.qq.com/s/tbK63erZgMy5-RbhbAWgrw) 46 | 学习一下如何优化 Node.js 的应用启动速度。 47 | 48 | ## 关于我们 49 | 50 | 我们是阿里云智能中台体验技术团队。[详情](https://github.com/aliyunfe/weekly/blob/master/about.md) 51 | 52 | 如有兴趣加入我们，简历/沟通请至：ranmo.cy@alibaba-inc.com 53 | -------------------------------------------------------------------------------- /weekly/《阿里云前端技术周刊》第二十四期.md: -------------------------------------------------------------------------------- 1 | 作者：[@也树](https://github.com/xdlrt) 2 | 3 | 校对：[@染陌](https://github.com/answershuto) [@眠云](https://github.com/JeromeYangtao) 4 | 5 | 6 | 知乎：[阿里云中台前端/全栈团队专栏](https://zhuanlan.zhihu.com/aliyun) 7 | 8 | Github：[阿里云前端技术周刊](https://github.com/aliyunfe/weekly) 9 | 10 | 给我们投稿：[传送门](https://github.com/aliyunfe/weekly/issues/new) 11 | 12 | 参与交流：[传送门](https://github.com/aliyunfe/weekly/issues/30) 13 | 14 | 15 | ## 前端速报 16 | 17 | 18 | ![img](https://img.alicdn.com/tfs/TB1T43Fa4iH3KVjSZPfXXXBiVXa-2560-600.jpg) 19 | 20 | - Chrome 77 正式发布，带来了原生懒加载等特性。[完整更新内容](https://developers.google.com/web/updates/2019/09/nic77) 21 | - IOS 13 发布，默认为设置 overflow: scroll 的元素增加 -webkit-overflow-scrolling: touch属性，实现平滑滚动；原生增加 dark 模式支持；增加 CSS conic gradients、Pointer Events 等新特性；页面初始化时间优化等。[详情](https://developer.apple.com/documentation/safari_release_notes/safari_13_release_notes) 22 | 23 | ## 趣前端 24 | 25 | ![img](https://img.alicdn.com/tfs/TB19FgGa3KG3KVjSZFLXXaMvXXa-2560-600.jpg) 26 | - [paper pirouette](https://codepen.io/team/keyframers/pen/YzKjoev) 27 | 28 | 我不会告诉你第 325 张纸之后就停止了~ 29 | 30 | ![](https://img.alicdn.com/tfs/TB1m38uhQL0gK0jSZFtXXXQCXXa-1425-663.gif) 31 | - [Navigation Bar](https://codepen.io/z-/pen/KKPeOPm) 32 | 33 | dribble 上的一位设计师实现的创新动效。 34 | 35 | ![](https://img.alicdn.com/tfs/TB14T0uhLb2gK0jSZK9XXaEgFXa-871-382.gif) 36 | 37 | ## 编者推荐 38 | 39 | ![img](https://img.alicdn.com/tfs/TB11G3Ga2WG3KVjSZFPXXXaiXXa-2560-600.jpg) 40 | 41 | - 前端开发者如何使用 Tensorflow.js 进行机器学习？[详情](https://www.smashingmagazine.com/2019/09/machine-learning-front-end-developers-tensorflowjs/) 42 | - [前端工程 - 与云共舞，未来已来](https://zhuanlan.zhihu.com/p/83860143)。看蚂蚁金服体验技术部的同学如何利用云端能力进行前端工程化提效。 43 | - 使用 React + Typescript 开发 Electron 应用的入门教程。[详情](https://www.sitepen.com/blog/getting-started-with-electron-typescript-react-and-webpack/) 44 | 45 | ## 厂内动态 46 | 47 | ![img](https://img.alicdn.com/tfs/TB1GNoHa.uF3KVjSZK9XXbVtXXa-2560-600.jpg) 48 | 49 | - 一图看懂云栖大会。[详情](https://mp.weixin.qq.com/s/GvdNke_pD2AQ7rGX-WYQbQ) 50 | 51 | 52 | ## 关于我们 53 | 54 | 我们是阿里云智能中台体验技术团队。[详情](https://github.com/aliyunfe/weekly/blob/master/about.md) 55 | 56 | 如有兴趣加入我们，简历/沟通请至：yeshu.lrt@alibaba-inc.com 57 | -------------------------------------------------------------------------------- /weekly/《阿里云前端技术周刊》第一期.md: -------------------------------------------------------------------------------- 1 | 作者：[染陌](https://github.com/answershuto) 2 | 3 | ## 写在前面 4 | 5 | 当下，前端技术蓬勃发展，从 jQuery 到三大框架，从 RN、Weex 到小程序，以及通过 Node.js 为我们拓展更大的疆域，各类技术层出不穷。这就需要我们怀揣着好奇心去探索学习，开阔技术视野，加深技术广度和深度。互联网上的资源虽多但不精，因此希望将优质的学习资源进行整合，《阿里云前端技术周刊》全新启航！ 6 | 7 | 本周刊由阿里云智能商业中台体验技术团队整理编写，希望能给社区带来更多有价值的内容，迎接云上的大前端时代！ 8 | 9 | 知乎： [阿里云中台前端/全栈团队专栏](https://zhuanlan.zhihu.com/aliyun) 10 | 11 | Github：[阿里云前端技术周刊](https://github.com/aliyunfe/weekly) 12 | 13 | 给我们投稿->[传送门](https://github.com/aliyunfe/weekly/issues/new) 14 | 15 | ## 前端速报 16 | 17 | * Chrome75 将原生支持图片以及iframe实现通过loading属性进行懒加载。[更多](https://addyosmani.com/blog/lazy-loading/) 18 | ```html 19 | 20 | 21 | ``` 22 | 23 | * 微软发布基于 Chromium 的预览版 Edge。 [更多](https://www.microsoftedgeinsider.com/en-us) 24 | 25 | * jQuery 3.4.0 版本发布。[更多](http://blog.jquery.com/2019/04/10/jquery-3-4-0-released/) 26 | 27 | * JS 引擎 V8 发布 v7.4 性能再次大幅提高。[更多](https://www.cnbeta.com/articles/soft/830947.htm) 28 | 29 | ## 编者推荐 30 | 31 | [《24 个实例入门并掌握「Webpack4」》](https://juejin.im/post/5cae0f616fb9a068a93f0613) 32 | 33 | 文章由一系列 Webpack 的实例为读者讲解 Webpack4 的使用，将各个技术点拆开剖析讲解，有利于读者快速学习理解 Webpack4 的基本使用。 34 | 35 | [《Serverless 给前端带来了什么》](https://github.com/dt-fe/weekly/blob/master/94.%E7%B2%BE%E8%AF%BB%E3%80%8AServerless%20%E7%BB%99%E5%89%8D%E7%AB%AF%E5%B8%A6%E6%9D%A5%E4%BA%86%E4%BB%80%E4%B9%88%E3%80%8B.md) 36 | 37 | 一篇文章带领大家看看 Serverless 能给前端带来怎么样的价值与能力。 38 | 39 | [《逐行分析Koa v1 中间件原理》](https://zhuanlan.zhihu.com/p/59596524) 40 | 41 | 一篇非常精细的剖析 koa 中间件原理的文章，逐行级别的代码分析，带领读者深入 koa 中间件。 42 | 43 | [《前端开发人员手册》](https://frontendmasters.com/books/front-end-handbook/2019/) 44 | 45 | 一本非常全面的前端开发人员手册，从各种知识点到资源建议，内容非常丰富，值得一看。 46 | 47 | 48 | ## 趣前端 49 | 50 | ### [OS.js](https://github.com/os-js/OS.js) 51 | 52 | 一款用 JavaScript 编写的运行于浏览器上的桌面操作系统。 53 | 54 | ![undefined](https://img.alicdn.com/tfs/TB1WpXQR4jaK1RjSZKzXXXVwXXa-1920-1080.png) 55 | 56 | ### [Octotree](https://github.com/buunguyen/octotree) 57 | 58 | 一款为 GitHub 提供一份更直观展示目录结构的插件，妈妈再也不用担心我在 Web 端看代码啦～ 59 | 60 | ![undefined](https://img.alicdn.com/tfs/TB1Abuqe13tHKVjSZSgXXX4QFXa-1400-888.png) 61 | 62 | 63 | ## 关于我们 64 | 65 | 我们是阿里云中台前端团队。[详情](https://github.com/aliyunfe/weekly/blob/master/about.md) 66 | 67 | 如有兴趣加入我们，简历请发至： ranmo.cy@alibaba-inc.com 68 | 69 | 70 | 前往[讨论区](https://github.com/aliyunfe/weekly/issues/3) -------------------------------------------------------------------------------- /weekly/《阿里云前端技术周刊》第二十六期.md: -------------------------------------------------------------------------------- 1 | 作者：[​@修尘(weirui.hwr)​](https://yuque.antfin-inc.com/weirui.hwr) 2 | 3 | 校对：[@兆庆(zhaoqing.szq)](https://yuque.antfin-inc.com/zhaoqing.szq) [@也树(yeshu.lrt)](https://yuque.antfin-inc.com/yeshu.lrt) 4 | 5 | 知乎：[阿里云中台前端/全栈团队专栏](https://zhuanlan.zhihu.com/aliyun) 6 | Github：[阿里云前端技术周刊](https://github.com/aliyunfe/weekly) 7 | 8 | 给我们投稿：[传送门](https://github.com/aliyunfe/weekly/issues/new) 9 | 参与交流：[传送门](https://github.com/aliyunfe/weekly/issues/5) 10 | 11 | 12 | ## 前端速报 13 | ![](https://img.alicdn.com/tfs/TB1T43Fa4iH3KVjSZPfXXXBiVXa-2560-600.jpg) 14 | 15 | - 拉美独角兽Nubank：为什么用Flutter做移动开发很酷？ [了解更多](https://mp.weixin.qq.com/s/c-AMBkcagwQqrCvxDO07Lw) 16 | - ES10 功能完全指南， [了解更多](https://mp.weixin.qq.com/s/l9x0BPU3ylDt4G2VwUwf_A) 17 | 18 | ## 趣前端 19 | ![](https://img.alicdn.com/tfs/TB19FgGa3KG3KVjSZFLXXaMvXXa-2560-600.jpg) 20 | 21 | - HTTP/3: the past, the present, and the future，来看Cloudflare是如何实践HTTP/3的，借助HTTP/3可以获得更快、更稳定、更安全的web体验，[了解更多](https://blog.cloudflare.com/http3-the-past-present-and-future/) 22 | - 深入理解Intersection Observer是如何工作的，[了解更多](https://css-tricks.com/an-explanation-of-how-the-intersection-observer-watches/) 23 | 24 | ## 编者推荐 25 | ![](https://img.alicdn.com/tfs/TB11G3Ga2WG3KVjSZFPXXXaiXXa-2560-600.jpg) 26 | 27 | - 你真的了解React吗？这里有50个React面试问题，[了解更多](https://mp.weixin.qq.com/s/3ZcH3hvmoXfQIgRWnFfNBQ) 28 | - TypeScript 3.7 带来哪些新特性？[了解更多](https://devblogs.microsoft.com/typescript/announcing-typescript-3-7-beta/) 29 | 30 | ## 厂内动态 31 | ![](https://img.alicdn.com/tfs/TB1GNoHa.uF3KVjSZK9XXbVtXXa-2560-600.jpg) 32 | 33 | - 阿里开源技术委员会重大升级：贾扬清担任负责人，前端成为阿里开源建设的4大建设方向之一。[了解更多](https://www.infoq.cn/article/jdpbZAAMUp0xeM4yKWOk) 34 | - Aliyun Serverless VSCode Extension，[了解更多](https://github.com/alibaba/serverless-vscode) 35 | 36 | ## 跨界碰撞 37 | ![](https://img.alicdn.com/tfs/TB11FUIa81D3KVjSZFyXXbuFpXa-2560-600.jpg) 38 | - 外卖从下单到送到你手上，中间过程有多复杂，[了解更多](https://zhuanlan.zhihu.com/p/86546990) 39 | - 作为程序员，写代码之余可以关注一下其他有意思的话题，比如：我们的宇宙从何而来...，今年的诺贝尔物理学奖授予了三位研究宇宙学的专家，他们研究的内容总结起来就是：宇宙从何而来，并把一门基于经验的学科发展成为一门严谨的学科，这篇文章就带你来了解一些他们的研究内容。[了解更多](https://mp.weixin.qq.com/s/KqaBtxCAs-M8nlEzivP7Sg) 40 | ![](https://img.alicdn.com/tfs/TB1sh0ekhD1gK0jSZFyXXciOVXa-960-742.png) 41 | 42 | ## 关于我们 43 | 44 | 我们是阿里云智能中台体验技术团队。[详情](https://github.com/aliyunfe/weekly/blob/master/about.md) 45 | 如有兴趣加入我们，简历/沟通请至： weirui.hwr@alibaba-inc.com 46 | 请注明：来自阿里云前端技术周刊 -------------------------------------------------------------------------------- /weekly/《阿里云前端技术周刊》第四期.md: -------------------------------------------------------------------------------- 1 | 作者：[弱冠](https://github.com/xiaoshan5733) 2 | 校对：[兆庆](https://github.com/Cyrilszq) 3 | 4 | 知乎：[阿里云中台前端/全栈团队专栏](https://zhuanlan.zhihu.com/aliyun) 5 | 6 | Github：[阿里云前端技术周刊](https://github.com/aliyunfe/weekly) 7 | 8 | 给我们投稿：[传送门](https://github.com/aliyunfe/weekly/issues/new) 9 | 10 | 参与交流：[传送门](https://github.com/aliyunfe/weekly/issues/6) 11 | 12 | 13 | ## 前端速报 14 | 15 | - 本周举行的微软Build 2019 大会上宣布了一系列开发者工具和服务：WSL2、[Windows Terminal](https://github.com/microsoft/Terminal)、量子开发、[VS Online](https://online.visualstudio.com) 等。[更多](https://zhuanlan.zhihu.com/p/64875902) 16 | - 使用 VS Code 进行远程开发 [更多](https://code.visualstudio.com/blogs/2019/05/02/remote-development) 17 | - Babylon.js 4.0发布: (非常)强大的 WebGL 图形引擎 [更多](https://blogs.windows.com/buildingapps/2019/04/30/babylon-js-4-0-is-here/) 18 | - What's New In DevTools (Chrome 74) [更多](https://developers.google.com/web/updates/2019/03/devtools) 19 | - Node 12.2.0 (Current) Released [更多]() 20 | 21 | ## 编者推荐 22 | 23 | [Python - 100天从新手到大师](https://github.com/jackfrued/Python-100-Days) 24 | 不会一两门后端语言的前端不是好开发，如果你还不知道从哪开始学习，那就来看看这个教程吧 25 | 26 | [leetcode题解](https://github.com/azl397985856/leetcode) 27 | 正在准备面试的小伙伴对[leetcode](https://leetcode.com/)可能不陌生，想知道别人是怎么解题的吗？ 28 | 29 | [一名【合格】前端工程师的自检清单](https://juejin.im/post/5cc1da82f265da036023b628) 30 | 前端有三宝：HTML、CSS、JavaScript，通过这篇文章，可以对自己目前的知识储备有个简单的认知 31 | 32 | [Node.js最佳实践](https://github.com/i0natan/nodebestpractices) 33 | nodejs 上手很简单，但是真正在项目中使用的时候会发现要考虑很多问题：目录结构定义、编码风格、项目环境配置、异常处理、代码质量、安全等。这篇文章会告诉你怎么做 34 | 35 | [使用CSS Grid做响应式布局](https://andy-bell.design/wrote/create-a-responsive-grid-layout-with-no-media-queries-using-css-grid/) 36 | 6 行 css 实现响应式布局 37 | 38 | 39 | ## 趣前端 40 | - 有意思的动效 [传送门](https://codepen.io/jcoulterdesign/pen/xeoRZW) 41 | ![](https://img.alicdn.com/tfs/TB1NUrcUW6qK1RjSZFmXXX0PFXa-640-400.gif) 42 | - 用动画的形式呈现解LeetCode题目的思路 [传送门](https://github.com/MisterBooo/LeetCodeAnimation) 43 | - 在浏览器上使用JavaScript模块 [传送门](https://github.com/Rich-Harris/shimport) 44 | - React Patterns and Templates [传送门](https://codepen.io/topic/react/templates) 45 | - Why, How, and When to Use Semantic HTML and ARIA [传送门](https://css-tricks.com/why-how-and-when-to-use-semantic-html-and-aria/) 46 | 47 | 48 | ## 关于我们 49 | 50 | 我们是阿里云智能中台体验技术团队。[详情](https://github.com/aliyunfe/weekly/blob/master/about.md) 51 | 52 | 如有兴趣加入我们，简历/沟通请至：qianshan.wengqs@alibaba-inc.com -------------------------------------------------------------------------------- /weekly/《阿里云前端技术周刊》第三期.md: -------------------------------------------------------------------------------- 1 | > 作者：[兆庆](https://github.com/Cyrilszq) 校对：[染陌](https://github.com/answershuto) 2 | 3 | 知乎：[阿里云中台前端/全栈团队专栏](https://zhuanlan.zhihu.com/aliyun) 4 | 5 | Github：[阿里云前端技术周刊](https://github.com/aliyunfe/weekly) 6 | 7 | 给我们投稿：[传送门](https://github.com/aliyunfe/weekly/issues/new) 8 | 9 | 参与交流：[传送门](https://github.com/aliyunfe/weekly/issues/5) 10 | 11 | ## 前端速报 12 | - Electron 发布 v5.0.0。[更多](https://electronjs.org/releases/stable) 13 | - 阿里巴巴官方发布免费商用字体：阿里巴巴普惠体。[更多](https://mp.weixin.qq.com/s/daKUNnF_Ste-O1l0sR89sQ) 14 | - Chrome 74 正式发布，已经支持 `private class fields`。[更多](https://developers.google.com/web/updates/2019/04/nic74) 15 | - VS Code Remote 发布！开启远程开发新时代。[更多](https://mp.weixin.qq.com/s/UF-thhDs96pV1_PqnkT0IQ) 16 | - 飞冰（ICE）4 月新动态。[更多](https://juejin.im/post/5cc80716e51d453f151c7ffc) 17 | 18 | ## 编者推荐 19 | [UForm](https://github.com/alibaba/uform) 20 | 21 | 一种新的表单解决方案。相信做中后台的前端在处理复杂表单时一定遇到很多问题，[面向复杂场景的高性能表单解决方案(背景篇)](https://zhuanlan.zhihu.com/p/62927004)一文列举了一些常见痛点，如果你在开发时也有类似的痛点，不妨试试 [UForm](https://github.com/alibaba/uform) 表单解决方案。它引入 Rxjs 将表单联动集中处理，避免在 JSX 中做各种判断；使用 JSchema 进行表单描述，再配合 React Hook 可以非常方便的做表单拆分，再也不用担心写出一个上千行的表单组件！ 22 | 23 | [build-your-own-x](https://github.com/danistefanovic/build-your-own-x) 24 | 25 | 内容非常丰富，通过代码示例教你造各种各样的轮子，不推荐重复造轮子，但轮子是怎么造的还是推荐了解一下～ 26 | 27 | [脑壳疼的Webpack-tapable](https://juejin.im/post/5cb43b3e5188251b2b20b7ed) 28 | 29 | Tapable 暴露很多有用的钩子函数，主要服务于 Webpack 的插件机制，类似于NodeJS 中的 EventEmitter，本文介绍了各个钩子函数的实现原理，对于理解 JavaScript 异步编程很有帮助。 30 | 31 | [如何用数据驱动效能提升？ | 解密蚂蚁研发效能](https://mp.weixin.qq.com/s?__biz=MzU3NzczMDI4Ng==&mid=2247483844&idx=1&sn=46b2ac7f61aa33dc0a3cadfb457d514c&chksm=fd016245ca76eb53985dca42ec05fbebddbfa1a8cedb885c863473a1289c56a718c0d7093a16&token=1135022039&lang=zh_CN#rd) 32 | 33 | 埋头做业务的同时，也要看看能用技术赋能点什么，这篇文章提供了一个大致的方法论，如何用技术手段提升研发效能。 34 | 35 | 36 | 37 | ## 工具尝鲜 38 | - [Shepherd](https://github.com/shipshapecode/shepherd)是一款便于我们为一款产品做新手指引的工具库，通过一些简单的api就可以实现该功能，目前对于Vue，React，Angular，Ember框架都有支持。 39 | ![](https://img.alicdn.com/tfs/TB1fwI5Tq6qK1RjSZFmXXX0PFXa-2544-1380.jpg) 40 | 41 | - [autosub](https://github.com/agermanidis/autosub)是一个可以自动为视频添加字幕的工具。 42 | 43 | - [vscode-leetcode](https://github.com/jdneo/vscode-leetcode)让你可以在 vscode 里刷LeetCode～ 44 | 45 | 46 | ## 关于我们 47 | 48 | 我们是阿里云智能中台体验技术团队。[详情](https://github.com/aliyunfe/weekly/blob/master/about.md) 49 | 50 | 如有兴趣加入我们，简历/沟通请至：zhaoqing.szq@alibaba-inc.com -------------------------------------------------------------------------------- /weekly/《阿里云前端技术周刊》第七期.md: -------------------------------------------------------------------------------- 1 | 作者：[联民](https://github.com/lianmin) 2 | 3 | 校对：[染陌](https://github.com/answershuto) 4 | 5 | 知乎：[阿里云中台前端/全栈团队专栏](https://zhuanlan.zhihu.com/aliyun) 6 | 7 | Github：[阿里云前端技术周刊](https://github.com/aliyunfe/weekly) 8 | 9 | 给我们投稿：[传送门](https://github.com/aliyunfe/weekly/issues/new) 10 | 11 | 参与交流：[传送门](https://github.com/aliyunfe/weekly/issues/9) 12 | 13 | ## 前端速报 14 | ![](https://img.alicdn.com/tfs/TB1T43Fa4iH3KVjSZPfXXXBiVXa-2560-600.jpg) 15 | 16 | * 微软官方放出针对 Mac OS 用户的 `Microsoft Edge Canary` 预览版本，它基于开源的 Chromium 打造, 在 Tab 切换和媒体播放上， 针对 Touch Bar 做了特定支持，[下载地址](https://www.microsoftedgeinsider.com/en-us/download) 17 | ![](https://img.alicdn.com/tfs/TB1uQEharus3KVjSZKbXXXqkFXa-600-338.gif) 18 | * Node `12.3.0` 发布, 添加 `--experimental-wasm-modules` 特性，支持通过 `import './module.wasm'` 引入 WebAssembly 模块，[查看链接](https://nodejs.org/en/blog/release/v12.3.0/) 19 | * Express 发布了近 7 个月以来的新版本 `4.17.0`，新增了 2 个小特性。`express.raw` 和 `express.text`， [查看链接](https://github.com/expressjs/express/releases/tag/4.17.0) 20 | 21 | ## 编者推荐 22 | ![](https://img.alicdn.com/tfs/TB11G3Ga2WG3KVjSZFPXXXaiXXa-2560-600.jpg) 23 | 24 | #### [PixiJS V5发布](http://www.pixijs.com/) 25 | 跨设备的快速轻量2D引擎库。 让你可以不需要关心 WebGL 深入知识也能充分发挥硬件加速的优势，创建各种 2d 效果。 `PixiJS` 有很多有趣的 [DEMO](https://pixijs.io/examples/#/demos-basic/container.js) ， 也可以自己尝试[编写一个例子](https://www.pixiplayground.com/#/edit)。 26 | 27 | #### [Understanding WebViews](https://www.kirupa.com/apps/webview.htm) 28 | 提到互联网内世界的入口的时候，我们通常想到的是 Web 浏览器。这是一篇揭露浏览器内核 Webview 神秘面纱的文章， 介绍了它与 App 的共存关系和各类使用场景举例，是一篇科普类的好文 29 | ![](https://gw.alicdn.com/tfs/TB1Y68NaYys3KVjSZFnXXXFzpXa-750-800.png) 30 | 31 | #### [Linear Algebra with JavaScript](https://medium.com/@geekrodion/linear-algebra-with-javascript-46c289178c0) (墙) 32 | 这是一组系列文章， 作者使用 JS 编写了关于向量、线性变换、矩阵、线性方程等线性代数知识的大量 [DEMO](https://rodionchachura.github.io/linear-algebra/) , 探索线性代数的奥妙。通过 JS 学习线性代数，是一个很有趣新颖的切入点。 33 | 34 | 35 | #### [阿里小程序的一云多端！看这篇就够了](https://zhuanlan.zhihu.com/p/67380673) 36 | 小程序开发越来越成为一股不可阻挡的潮流，本文来自阿里云产品专家叔大的分享， 介绍了阿里巴巴的一云多端战略， 以及阿里云“繁星计划"为开发者提供的各项服务、工具链等内容，推荐阅读 37 | 38 | ## 写作 39 | ### [Beautiful.AI - 高大上的 PPT 制作工具](https://www.beautiful.ai/) 40 | 相信屏幕前的你一定有为编写 PPT 抓狂的经历。`Beautiful.AI` 号称可以通过 AI 帮助使用者快速构建格式优美的 PPT，内置了多种模板和素材图片， 只需要输入相关的文案和数据，就可以创建出排版精美的 PPT 页面， 还支持导出 PDF 和 PowerPoint 格式，感兴趣的同学可以盘一盘。 41 | 42 | ## 关于我们 43 | 44 | 我们是阿里云智能中台体验技术团队。[详情](https://github.com/aliyunfe/weekly/blob/master/about.md) 45 | 46 | 如有兴趣加入我们，简历/沟通请至：lianmin.slm@alibaba-inc.com 47 | -------------------------------------------------------------------------------- /weekly/《阿里云前端技术周刊》第二十期.md: -------------------------------------------------------------------------------- 1 | 作者: @凌焘 2 | 3 | 校对：@行剑 @语安 4 | 5 | 知乎：[阿里云中台前端/全栈团队专栏](https://zhuanlan.zhihu.com/aliyun) 6 | 7 | Github：[阿里云前端技术周刊](https://github.com/aliyunfe/weekly) 8 | 9 | 给我们投稿：[传送门](https://github.com/aliyunfe/weekly/issues/new) 10 | 11 | 参与交流：[传送门](https://github.com/aliyunfe/weekly/issues/5) 12 | 13 | **前端速报** 14 | ![](https://user-gold-cdn.xitu.io/2019/8/26/16ccc868887ad8f8?w=1492&h=350&f=png&s=877194) 15 | 16 | - Node v12.9.0发布，对fs、http、stream等多个模块的功能进行了更新。[传送门](https://nodejs.org/en/blog/release/v12.9.0/) 17 | - vue-cli发布v4.0.0-rc.0版本，为build命令增加--inline-vue的flag，避免了Vue在wc模式下的外化，同时修复了部分bug。[传送门](https://github.com/vuejs/vue-cli/releases) 18 | - Eslint v6.2.1发布，对eslint安全功能相关的bug进行了修复。[传送门]( 19 | https://eslint.org/blog/2019/08/eslint-v6.2.1-released) 20 | 21 | **趣前端** 22 | ![](https://user-gold-cdn.xitu.io/2019/8/26/16ccc872305436ef?w=1492&h=350&f=png&s=542428) 23 | 24 | - 开源项目又新增一个广告位？许多流行的JavaScript开源库开始在终端中展示广告。[传送门](https://www.zdnet.com/article/popular-javascript-library-starts-showing-ads-in-its-terminal/) 25 | - 用代码为自己做一件专属T恤！在codeyourownshirt中可以使用canvas为自己创造独一无二的图案，然后用图案制作一件T恤。[传送门](https://www.codeyourowntshirt.com) 26 | - RadialMenu.js：一款易用的圆形径向菜单库，可以唤起美观的圆形菜单，PC/移动端多平台适用。[传送门](https://github.com/victorqribeiro/radialMenu) 27 | 28 | **编者推荐** 29 | 30 | ![](https://user-gold-cdn.xitu.io/2019/8/26/16ccc8925b56ace1?w=1492&h=350&f=png&s=489826) 31 | 32 | - JavaScript是如何成为一门真正的语言的？回顾一下JavaScript的历史。[传送门](https://medium.com/young-coder/how-javascript-grew-up-and-became-a-real-language-17a0b948b77f) 33 | - Jest for Beginners：从零开始，学习使用最新版的Jest测试你的JavaScript代码。[传送门](https://www.valentinog.com/blog/jest/) 34 | - 2019年的react开发者应该使用什么工具？22款好用的react开发工具，快来看看。[传送门](https://dev.to/jsmanifest/22-miraculous-tools-for-react-developers-in-2019-4i46) 35 | - 2020年前端的发展趋势是什么样的？2020年你应该知道的前端发展趋势和前端工具。[传送门](https://www.infoq.cn/article/VdJX0JkmSm_dkJBgF23r) 36 | 37 | **厂内动态** 38 | ![](https://user-gold-cdn.xitu.io/2019/8/26/16ccc8964860e786?w=1492&h=350&f=png&s=952525) 39 | - 蚂蚁金服数据孤岛解决方案 [传送门](https://segmentfault.com/a/1190000020125084) 40 | - 你身边的大神都是什么样的？来了解一下蚂蚁金服的非典型程序员褚霸大神 [传送门](https://zhuanlan.zhihu.com/p/79783111) 41 | 42 | **跨界碰撞** 43 | 44 | ![](https://user-gold-cdn.xitu.io/2019/8/26/16ccc898f3d757cd?w=1492&h=350&f=png&s=705084) 45 | 46 | - 不要低估AI面临的困境 [传送门](https://segmentfault.com/a/1190000020189463) 47 | 48 | **关于我们** 49 | 50 | 我们是阿里云智能中台体验技术团队。[详情](https://github.com/aliyunfe/weekly/blob/master/about.md) 51 | 52 | 如有兴趣加入我们，简历/沟通请至：lingtao.ljt@alibaba-inc.com -------------------------------------------------------------------------------- /weekly/《阿里云前端技术周刊》第二十五期.md: -------------------------------------------------------------------------------- 1 | # 前端技术周刊第二十五期 2 | 3 | 作者： [兆庆](https://github.com/Cyrilszq)
校对： [也树](https://github.com/xdlrt) [染陌](https://github.com/answershuto) 4 | 5 | 知乎：[阿里云中台前端/全栈团队专栏](https://zhuanlan.zhihu.com/aliyun)
Github：[阿里云前端技术周刊](https://github.com/aliyunfe/weekly) 6 | 7 | 给我们投稿：[传送门](https://github.com/aliyunfe/weekly/issues/new)
参与交流：[传送门](https://github.com/aliyunfe/weekly/issues/31) 8 | 9 | ## 前端速报 10 | 11 | 12 | ![img](https://img.alicdn.com/tfs/TB1T43Fa4iH3KVjSZPfXXXBiVXa-2560-600.jpg) 13 | 14 | - [vue-next](https://github.com/vuejs/vue-next) 发布 Pre-Alpha 版本，已完成 Compiler 和 Runtime 部分，现阶段代码较少，快去学习体验吧。 15 | - [You Don't Know JS Yet (book series) - 2nd Edition](https://github.com/getify/You-Dont-Know-JS)，相信大家都看过《你不知道的JS》系列，现在作者开始写第二版了，可随时从 Github 了解最新进度。 16 | - V8 发布 v7.8 版本，支持流式的加载、编译脚本，将进一步减小脚本阻塞时间，[了解更多](https://v8.dev/blog/v8-release-78)。 17 | 18 | ## 趣前端 19 | 20 | ![img](https://img.alicdn.com/tfs/TB19FgGa3KG3KVjSZFLXXaMvXXa-2560-600.jpg) 21 | 22 | - [PurgeCSS](https://github.com/FullHuman/purgecss)，一个可以帮你自动删掉网页中多余 CSS 样式的工具，可配合 Webpack Rollup 等工具使用。 23 | - [LeetCodeAnimation](https://github.com/MisterBooo/LeetCodeAnimation)，动画的形式呈现解LeetCode题目的思路 24 | 25 | ## 编者推荐 26 | 27 | ![img](https://img.alicdn.com/tfs/TB11G3Ga2WG3KVjSZFPXXXaiXXa-2560-600.jpg) 28 | 29 | - Vue3 源码已发布，跟着专栏一起来做源码解析。[传送门](https://juejin.im/post/5d9c9a135188252e097569bd) 30 | - Babel 每个前端都在用，我们可以用它做点有趣的事情，比如用 Babel 创造自定义 JS 语法？[传送门](https://github.com/dt-fe/weekly/blob/v2/123.精读《用%20Babel%20创造自定义%20JS%20语法》.md) 31 | - 技术同学也要有商业sense，那么我们需要具备哪些能力？[传送门](https://mp.weixin.qq.com/s?__biz=MzIzOTU0NTQ0MA==&mid=2247491338&idx=1&sn=22c61d2c4b2d295edbbed1d5bd383f23&ascene=60&devicetype=android-28&version=27000735&nettype=WIFI&abtest_cookie=BAABAAoACwASABMABAAjlx4AVpkeAMKZHgD1mR4AAAA%3D&lang=zh_CN&pass_ticket=Hg%2BidCt%2Bi49sXVs7ZMXv%2FDNiKBZaFo11fGiKcbdHSRUqroZhpBP1wCeiEp0i9C%2BE&wx_header=1) 32 | - Code Review 可以有效保障代码质量，Google 工程师都是如何做的？[传送门](https://juejin.im/post/5d80c27cf265da03e61b45c7#the-last) 33 | 34 | 35 | ## 厂内动态 36 | 37 | ![img](https://img.alicdn.com/tfs/TB1GNoHa.uF3KVjSZK9XXbVtXXa-2560-600.jpg) 38 | 39 | - 第十四届 D2 来啦，本次专场将分为智能化，Serverless，工程化，极致体验，多样化领域等，[了解更多](https://mp.weixin.qq.com/s/ifZbJdY_GfPuA-avhTiGMA) 40 | 41 | [](https://yuque.antfin-inc.com/dbl/weekly/xusliw#df686360) 42 | 43 | []() 44 | 45 | ## [](https://yuque.antfin-inc.com/dbl/weekly/xusliw#3b2e3653)关于我们 46 | 47 | 我们是阿里云智能中台体验技术团队。[详情](https://github.com/aliyunfe/weekly/blob/master/about.md)
如有兴趣加入我们，简历/沟通请至：zhaoqing.szq@alibaba-inc.com
请注明：来自阿里云前端技术周刊 48 | -------------------------------------------------------------------------------- /weekly/《阿里云前端技术周刊》第二期.md: -------------------------------------------------------------------------------- 1 | > 作者：[也树](https://github.com/xdlrt) 校对：[染陌](https://github.com/answershuto) 素材：[也树](https://github.com/xdlrt)、[英布](https://github.com/chaoren1641) 2 | 3 | 《阿里云前端技术周刊》由阿里云智能商业中台体验技术团队整理编写。 4 | 5 | 知乎：[阿里云中台前端/全栈团队专栏](https://zhuanlan.zhihu.com/aliyun) 6 | 7 | Github：[阿里云前端技术周刊](https://github.com/aliyunfe/weekly) 8 | 9 | 给我们投稿：[传送门](https://github.com/aliyunfe/weekly/issues/new) 10 | 11 | 参与交流：[传送门](https://github.com/aliyunfe/weekly/issues/4) 12 | 13 | ## 前端速报 14 | - 本周 Node.js 12 发布第一个 Current 版本，包括 V8 引擎升级、ES 新特性支持、启动及解析速度提升，以及诊断工具的优化升级等，官方原文介绍请看 [Node.js 12 值得关注的新特性](https://medium.com/@nodejs/introducing-node-js-12-76c41a1b3f3f)。 15 | - 著名 CSS 专家 Rachel Andrew 4 月份在加拿大 [W3C交流会议](https://noti.st/events/7l9yRA/w3c-ac-meeting) 上关于 CSS 新功能的分享，包括 [CSS-Grid-2](https://www.w3.org/TR/css-grid-2/)、[CSS Scroll Snap](https://www.w3.org/TR/css-scroll-snap-1/)、[Conic Gradients](https://www.w3.org/TR/css-images-4/) 等。[演示文稿传送门](https://noti.st/rachelandrew/Kr6L2U/whats-new-in-css) 16 | - 本周 create-react-app 发布 3.0 版本，主要变化有升级 Jest，更好地支持 hooks、Typescript 以及浏览器兼容能力增强。[完整 Changelog ](https://github.com/facebook/create-react-app/releases/tag/v3.0.0) 17 | 18 | ## 编者推荐 19 | 20 | [useEffect 完整指南 21 | ](https://overreacted.io/zh-hans/a-complete-guide-to-useeffect/) 22 | React 团队核心成员 Dan Abramov 关于 useEffect API 的详细介绍与示例，有多个语言版本可供查看。 23 | 24 | [CSS layout cookbook](https://developer.mozilla.org/en-US/docs/Web/CSS/Layout_cookbook) 25 | MDN 为前端开发者总结的常用 CSS 布局方式，可以了解 CSS 新特性为我们的页面布局方式带来的改变。 26 | 27 | 28 | ## 趣前端 29 | [quicklink](https://github.com/GoogleChromeLabs/quicklink) 30 | 预加载视窗内的链接对应下探页的静态资源，让你的页面切换如丝般顺滑。[立即体验](https://keyword-2-ecd7b.firebaseapp.com/) 31 | 32 | [VisBug](https://github.com/GoogleChromeLabs/ProjectVisBug) 33 | 通过这个 Chrome 插件，能让任意一个网页变成画板，肆意挥洒你的设计灵感吧！ 34 | ![undefined](https://img.alicdn.com/tfs/TB1EvpWSOLaK1RjSZFxXXamPFXa-2878-1534.png) 35 | 36 | [React95](https://github.com/arturbien/React95) 37 | 能够让你梦回 windows95 的 React 组件库。 38 | ![](https://img.alicdn.com/tfs/TB1oQLZSMHqK1RjSZFgXXa7JXXa-1173-443.png) 39 | 40 | ## 厂内动态 41 | [从前端角度看企业软件的研发过程](https://www.yuque.com/xufei-coder/code/fd0gv5) 42 | 民工叔以前端角度，分别从业务特征、中台能力、开发技术、人员分工、设计体系和前端架构几方面对企业软件的研发过程进行了剖析，值得一读。 43 | 44 | [Node.js 12 值得关注的新特性](https://www.yuque.com/egg/nodejs/nodejs-12) 45 | 由蚂蚁金服 EGG 核心开发者天猪为我们解读 Node.js 12 带来新特性。 46 | 47 | [如何在工作中快速成长？致工程师的10个简单技巧](https://mp.weixin.qq.com/s/wqb_Vwv-r6Aj-LEm_EWJXQ) 48 | 工程师成长干货，全文提纲如下，图片来自阿里技术公众号： 49 | ![undefined](https://img.alicdn.com/tfs/TB1VQQyS5rpK1RjSZFhXXXSdXXa-1080-564.png) 50 | 51 | ## 关于我们 52 | 53 | 我们是阿里云智能中台体验技术团队。[详情](https://github.com/aliyunfe/weekly/blob/master/about.md) 54 | 55 | 如有兴趣加入我们，简历/沟通请至： yeshu.lrt@alibaba-inc.com 56 | 57 | -------------------------------------------------------------------------------- /weekly/《阿里云前端技术周刊》第十九期.md: -------------------------------------------------------------------------------- 1 | 作者: @语安 2 | 3 | 校对：@行剑 @牧曈 4 | 5 | 知乎：[阿里云中台前端/全栈团队专栏](https://zhuanlan.zhihu.com/aliyun) 6 | 7 | Github：[阿里云前端技术周刊](https://github.com/aliyunfe/weekly) 8 | 9 | 给我们投稿：[传送门](https://github.com/aliyunfe/weekly/issues/new) 10 | 11 | 参与交流：[传送门](https://github.com/aliyunfe/weekly/issues/5) 12 | 13 | **前端速报** 14 | ![](https://user-gold-cdn.xitu.io/2019/8/26/16ccc868887ad8f8?w=1492&h=350&f=png&s=877194) 15 | 16 | - React 新的 DevTools 带来新的改动，现在可以在Chrome，Firefox和（Chromium）Edge中使用。[传送门](https://reactjs.org/blog/2019/08/15/new-react-devtools.html) 17 | - V8发布 V7.7。这次发布的主要一些亮点在于：1.性能（大小和速度）上：延迟反馈分配；可扩展WebAssembly后台编译以及堆栈跟踪改进。2. JavaScript语言特性：Intl.NumberFormat API在此版本中新增了功能。[传送门](https://v8.dev/blog/v8-release-77) 18 | - 第5届 FEDAY 将于 9.21 号在成都举办，欢迎大家戳->[传送门](https://fequan.com/2019/) 19 | 20 | **趣前端** 21 | ![](https://user-gold-cdn.xitu.io/2019/8/26/16ccc872305436ef?w=1492&h=350&f=png&s=542428) 22 | 23 | - reveal.js，用来做 HTML 幻灯片的框架，支持 HTML 和 Markdown 语法。[传送门](https://github.com/hakimel/reveal.js) 24 | - Lugia 是一整套面向云原生化大前端生态解决方案。希望把交互设计与前端应用代码开发有机的融为一体，形成一种跨时代的大前端生态技术规范。[传送门](https://zhuanlan.zhihu.com/p/77255855) 25 | - Demo！CSS 也能实现一个很酷的骏马效果。[传送门](https://codepen.io/ste-vg/pen/oKYjKV) 26 | 27 | **编者推荐** 28 | 29 | ![](https://user-gold-cdn.xitu.io/2019/8/26/16ccc8925b56ace1?w=1492&h=350&f=png&s=489826) 30 | 31 | - checkValidity 等 form 原生 JS 验证方法和属性详细介绍 。[传送门](https://www.zhangxinxu.com/wordpress/2019/08/js-checkvalidity-setcustomvalidity/) 32 | - 一系列新的 SaaS 工具使我们能够编写出 CSS 测试。[传送门](https://www.youtube.com/watch?v=Dl_XMd_1F6E) 33 | - [《Node 最佳实践》](https://github.com/goldbergyoni/nodebestpractices)的作者Yoni Goldberg 在GitHub 上开源的Nodejs 测试的最佳实践。[传送门](https://github.com/goldbergyoni/javascript-testing-best-practices) 34 | - 柏林 2019 JSConf EU 要点回顾。[传送门](https://nodesource.com/blog/takeaways-jsconfeu?utm_medium=Social&utm_source=twitter&utm_campaign=social) 35 | 36 | **厂内动态** 37 | ![](https://user-gold-cdn.xitu.io/2019/8/26/16ccc8964860e786?w=1492&h=350&f=png&s=952525) 38 | - [](https://zhuanlan.zhihu.com/p/78425921)最近，蚂蚁内部发布了全新云凤蝶 2.0，把产品的重点由 H5 搭建彻底转向了中台方向。使用云凤蝶，快速制作高品质中台应用。目前聚焦于以下三个方面来服务中台业务：**降门槛** 让更多人进的来参与中台建设；**提效** 是否可以做到 10 倍提效；**提升体验** 设计规范自动化落地，默认好用。[传送门](https://zhuanlan.zhihu.com/p/78425921) 39 | - Serverless 很火？来看看七念的分享《基于 Serverless 的淘宝前端研发模式升级》。[传送门](https://www.infoq.cn/article/KFNcm7Pbq*eIV2dQIpRX) 40 | 41 | **跨界碰撞** 42 | 43 | ![](https://user-gold-cdn.xitu.io/2019/8/26/16ccc898f3d757cd?w=1492&h=350&f=png&s=705084) 44 | 45 | - What！前端也能玩硬件：在 ESP32 上运行 JavaScript。[传送门](https://www.infoq.cn/article/L2uzThKEjcOHa57MMceh) 46 | 47 | **关于我们** 48 | 49 | 我们是阿里云智能中台体验技术团队。[详情](https://github.com/aliyunfe/weekly/blob/master/about.md) 50 | 51 | 如有兴趣加入我们，简历/沟通请至：lyt210148@alibaba-inc.com -------------------------------------------------------------------------------- /weekly/《阿里云前端技术周刊》第五期.md: -------------------------------------------------------------------------------- 1 | 作者：雏恬 2 | 校对：[染陌](https://github.com/answershuto) 3 | 4 | 知乎：[阿里云中台前端/全栈团队专栏](https://zhuanlan.zhihu.com/aliyun) 5 | Github：[阿里云前端技术周刊](https://github.com/aliyunfe/weekly) 6 | 7 | 给我们投稿：[传送门](https://github.com/aliyunfe/weekly/issues/new) 8 | 参与交流：[传送门](https://github.com/aliyunfe/weekly/issues/7) 9 | 10 | ## 前端速报 11 | 12 | - GitHub Package Registry 发布！你依旧是那个我们所爱的 GitHub！[更多](https://zhuanlan.zhihu.com/p/65378818) 13 | - Google I/O 2019 召开，Chrome 开发者团队发布了 “Web at Google I/O 2019” 到 YouTube 上，包含了此次大会有关 Web 技术的所有视频，值得一看。[更多](https://www.youtube.com/playlist?list=PLNYkxOF6rcIATmAmz7HcCzongGvQEtx8i) 14 | - 在 Microsoft Build 2019 上 Edge 浏览器宣布了一些新功能，其中包括能收藏网页信息的 Collections、保护用户隐私的 Privacy tools、与 Chrome 同源的开发者工具等等。[更多](https://blogs.windows.com/msedgedev/2019/05/06/edge-chromium-build-2019-pwa-ie-mode-devtools/#FDcQqxrlJbu0DvDO.97) 15 | 16 | ## 趣前端 17 | 18 | [基于 HTML5 Canvas 的交互式地铁线路图](https://juejin.im/post/5cdcab95e51d453a4a357e9d) 19 | 使用Canvas开发交互式地铁线路图，带你深入掌握Canvas开发技能。 20 | 21 | ![](https://img.alicdn.com/tfs/TB1wqKZXbus3KVjSZKbXXXqkFXa-1280-671.png) 22 | 23 | [Flutter and Chrome OS: Better Together](https://developers.googleblog.com/2019/05/flutter-and-chrome-os-better-together.html) 24 | 使用 Flutter 开发 Chrome OS 应用。 25 | 26 | [LeetCode - 001 - 两数之和（two-sum）](https://juejin.im/post/5cde5dcd6fb9a07ee63f33af) 27 | 没事儿刷刷LeetCode，让思维保持活跃。 28 | 29 | [你知道 JavaScript 有 535 种方法刷新页面吗](https://www.wandouip.com/t5i285364/) 30 | 使用 JavaScript 有多少种方式重新加载页面？ 31 | 32 | ## 编者推荐 33 | 34 | [探索 Serverless 中的前端开发模式](https://juejin.im/post/5cdc3dc2e51d453b6c1d9d3a) 35 | 从前端开发模式的演进、基于 Serverless 的前端开发案例以及 Serverless 开发最佳实践等方面，与大家探讨 Serverless 中的前端开发模式。 36 | 37 | ![](https://img.alicdn.com/tfs/TB14l1VXlCw3KVjSZFuXXcAOpXa-1280-561.png) 38 | 39 | [精读《Monorepo 的优势》](https://juejin.im/post/5cd8c1d6e51d456e55623bf2) 40 | 本文通过举例子说明了 Monorepo 重要性。 41 | 42 | [前端单元测试框架介绍](https://juejin.im/post/5cd820136fb9a03235587c2b) 43 | 有了单元测试，才能面对其他同事写的或者n年以前的代码，放心大胆的对其进行持续的维护甚至重构。 44 | 45 | [GraphQL从入门到实战](https://juejin.im/post/5cd68a9b51882568047fa6eb) 46 | 本文手把手教你GraphQL从入门到实战。 47 | 48 | [前端常用的查找和排序等必会手写知识](https://juejin.im/post/5cda814b6fb9a03240191a44) 49 | 前端排序和查找的碎碎念。 50 | 51 | [数据结构的故事之二叉树, 前缀树, N叉树](https://juejin.im/post/5c9077166fb9a070e14aec76) 52 | 这篇文字介绍了二叉树、前缀树，N叉树等几种数据结构的增删查改等操作的js实现。 53 | 54 | [正则表达式不要背](https://juejin.im/post/5cdcd42551882568651554e6) 55 | 正则表达式一直是困扰很多程序员的一门技术，希望这篇文章能帮助大家理清思路，形成知识体系。 56 | 57 | [项目优化却体现不出自己的价值](https://mp.weixin.qq.com/s/OUrl6E11ZMuNqZJ9ta8ocw) 58 | 启发我们如何在项目优化过程中体现出自己的价值，如何拿数据和指标来证明自己。 59 | 60 | ![](https://img.alicdn.com/tfs/TB1PaKPXgaH3KVjSZFjXXcFWpXa-1766-614.png) 61 | 62 | ## 关于我们 63 | 64 | 我们是阿里云智能中台体验技术团队。[详情](https://github.com/aliyunfe/weekly/blob/master/about.md) 65 | 66 | 如有兴趣加入我们，简历/沟通请至：meng.zm@alibaba-inc.com -------------------------------------------------------------------------------- /weekly/《阿里云前端技术周刊》第十六期.md: -------------------------------------------------------------------------------- 1 | 作者：@月七(yueqi.gc) 2 | 校对：@亦逊(eason.ym) @月良(jason.czq) 3 | 4 | 知乎：[阿里云中台前端/全栈团队专栏](https://zhuanlan.zhihu.com/aliyun) 5 | Github：[阿里云前端技术周刊](https://github.com/aliyunfe/weekly) 6 | 7 | 给我们投稿：[传送门](https://github.com/aliyunfe/weekly/issues/new) 8 | 参与交流：[传送门](https://github.com/aliyunfe/weekly/issues/19) 9 | 10 | 11 | ## 前端速报 12 | ![](https://img.alicdn.com/tfs/TB1T43Fa4iH3KVjSZPfXXXBiVXa-2560-600.jpg) 13 | * [Optional Chaining](https://github.com/tc39/proposal-optional-chaining) 和 [Nullish Coalescing](https://github.com/tc39/proposal-nullish-coalescing) 两大 javascript 新特性进入 stage3 阶段，更优雅地处理 undefined 和 null 14 | * React 16.9 早期 alpha 版本可以尝鲜啦！临时版本号 0.0.0-db3ae32b8 15 | ![](https://img.alicdn.com/tfs/TB143ZWca61gK0jSZFlXXXDKFXa-1200-618.png) 16 | * Electron 6.0 版本发布，首次和 chrome 稳定版本同一天发布，[了解更多](http://electronjs.org/blog/electron-6-0) 17 | 18 | ## 趣前端 19 | ![](https://img.alicdn.com/tfs/TB19FgGa3KG3KVjSZFLXXaMvXXa-2560-600.jpg) 20 | * [face-api.js]( https://github.com/justadudewhohacks/face-api.js)：一款可以在浏览器中运行的人脸识别库，[demo 戳我](https://justadudewhohacks.github.io/face-api.js/face_and_landmark_detection) 21 | * 用 139 个字节的 javascript 代码实现一个黑洞特效，[传送门](http://frankforce.com/?p=6378) 22 | * React 混沌工程小工具，试试你的应用容错能力，[传送门](https://github.com/jchiatt/react-chaos) 23 | * 一款用于简单网站的样式美化 css 库，只需要在 head 中引入，无需写 class，[传送门](https://github.com/kognise/water.css) 24 | * 脑洞大开的音量按钮设计，[来看看](https://uxdesign.cc/the-worst-volume-control-ui-in-the-world-60713dc86950) 25 | * 推特团队出品的 emoji 库，提供 3000+ emoji 支持，为你的应用添加更多趣味，[传送门](https://github.com/twitter/twemoji) 26 | * 体验下逼真的液体仿真效果，浏览器窗口抖起来，[体验一下](https://liquid.lab.lorenzocadamuro.com) 27 | 28 | ## 编者推荐 29 | ![](https://img.alicdn.com/tfs/TB11G3Ga2WG3KVjSZFPXXXaiXXa-2560-600.jpg) 30 | [Why React Hooks?](https://dev.to/tylermcginnis/why-react-hooks-51lj) 31 | 深入浅出讲解为啥你应该使用 react hooks 32 | 33 | [Typescript 入门教程](https://github.com/xcatliu/typescript-tutorial) 34 | 循序渐进的 Typescript 入门教程，比官方文档更易上手 35 | 36 | [A Guide to Angular 8's Differential Loading](https://auth0.com/blog/angular-8-differential-loading/) 37 | 深入了解下 Angular 8 黑科技 differential loading 38 | 39 | [The Linux Command Line 中文版](http://billie66.github.io/TLCL/book/) 40 | 掌握必备的 linux 命令行知识 41 | 42 | ## 厂内动态 43 | ![](https://img.alicdn.com/tfs/TB1GNoHa.uF3KVjSZK9XXbVtXXa-2560-600.jpg) 44 | * iceworks 3.0 正式发布，带来全新用户界面、可定制化工作台等特性，[了解更多](https://github.com/alibaba/ice/issues/2369) 45 | 46 | ## 跨界碰撞 47 | ![](https://img.alicdn.com/tfs/TB11FUIa81D3KVjSZFyXXbuFpXa-2560-600.jpg) 48 | * [Deep Learning with JavaScript](https://www.manning.com/books/deep-learning-with-javascript) 持续更新中，刚刚发布的第 9 章，内容涵盖几种生成模型的基础知识，以及如何使用 tensenflow.js 训练此类模型。 49 | 50 | ## 关于我们 51 | 52 | 我们是阿里云智能中台体验技术团队。[详情](https://github.com/aliyunfe/weekly/blob/master/about.md) 53 | 54 | 如有兴趣加入我们，简历/沟通请至： yueqi.gc@alibaba-inc.com -------------------------------------------------------------------------------- /weekly/《阿里云前端技术周刊》第二十二期.md: -------------------------------------------------------------------------------- 1 | 作者：[@眠云(mianyun.yt)](https://yuque.antfin-inc.com/mianyun.yt) 2 | 3 | 校对：[@凌焘(lingtao.ljt)](https://yuque.antfin-inc.com/lingtao.ljt) [@纾沉(cxy169445)](https://yuque.antfin-inc.com/cxy169445) 4 | 5 | 6 | 7 | 知乎：[阿里云中台前端/全栈团队专栏](https://zhuanlan.zhihu.com/aliyun) 8 | 9 | Github：[阿里云前端技术周刊](https://github.com/aliyunfe/weekly) 10 | 11 | 12 | 13 | 给我们投稿：[传送门](https://github.com/aliyunfe/weekly/issues/new) 14 | 15 | 参与交流：[传送门](https://github.com/aliyunfe/weekly/issues/5) 16 | 17 | 18 | 19 | ## 前端速报 20 | 21 | 22 | 23 | ![img](https://intranetproxy.alipay.com/skylark/lark/0/2019/jpeg/133205/1568077982982-087ac565-e187-44fc-8c96-1e6f9e3579a4.jpeg) 24 | 25 | 26 | 27 | - Umi 发布Umi UI，有了 UMI UI 之后，用户记住一个 UMI UI 就可以，进去之后，命令、配置、插件、数据、物料等等都有相应的可视化提示和文档指引。 [传送门](https://github.com/sorrycc/blog/issues/86) 28 | - npm v6 进入"bugfix and minor enhancement"模式，v7正在全力开发，installer重构，npm link,版本覆盖等新鲜特性抢先看。 [传送门](https://github.com/npm/cli/wiki/Roadmap) 29 | - React 16.9 重命名不安全的生命周期方法，添加性能测试组件 [传送门](https://reactjs.org/blog/2019/08/08/react-v16.9.0.html) 30 | 31 | ## 趣前端 32 | 33 | 34 | 35 | ![img](https://intranetproxy.alipay.com/skylark/lark/0/2019/jpeg/133205/1568077982985-9ee810e6-1859-406c-99ee-9c4dbfa86652.jpeg) 36 | 37 | 38 | 39 | - 做前端不会酷炫的特效？也学不动了？没关系，CSS届的Github CSS-TRICKS上的代码可以直接抄。 [传送门](https://css-tricks.com/) 40 | - 算法书本晦涩难懂？可视化学习算法，事半功倍。[传送门](https://visualgo.net/zh) 41 | - LeetCode刷题神器，LeetCode for VS Code。 [传送门](https://marketplace.visualstudio.com/items?itemName=shengchen.vscode-leetcode) 42 | 43 | ## 编者推荐 44 | 45 | 46 | 47 | ![img](https://intranetproxy.alipay.com/skylark/lark/0/2019/jpeg/133205/1568077982991-855032eb-8ead-4eb1-8111-65e03de7fc3e.jpeg) 48 | 49 | - 优秀AST入门demo，手把手教你写一个自动给Promise加catch的AST插件。[传送门](https://juejin.im/post/5d50d1d9f265da03aa25607b) 50 | - recast 封装多个AST解析器，统一语法，解析器自由切换。[传送门](https://github.com/benjamn/recast) 51 | - AST结构解析神器，涵盖所有主流解析器的可视化解析结果。[传送门](https://astexplorer.net/) 52 | - 在React中使用shadow dom。[传送门](https://zhuanlan.zhihu.com/p/81427755) 53 | 54 | 55 | 56 | ## 厂内动态 57 | 58 | 59 | 60 | ![img](https://intranetproxy.alipay.com/skylark/lark/0/2019/jpeg/133205/1568077982996-47f28409-72f9-4952-8e7f-f3d776b49af6.jpeg) 61 | 62 | - Serverless For Frontend 前世今生。[传送门](https://zhuanlan.zhihu.com/p/77095720) 63 | 64 | 65 | 66 | ## 跨界碰撞 67 | 68 | 69 | 70 | ![img](https://intranetproxy.alipay.com/skylark/lark/0/2019/jpeg/133205/1568077982992-eefbd144-d323-43d2-b827-7a744ce03ae5.jpeg) 71 | 72 | - 大热的AI换脸背后的GAN(**generative adversarial network**)算法在浏览器中也能运行，数据流动全程可视化。[传送门](https://poloclub.github.io/ganlab/) 73 | 74 | - 下一个革命性的人机交互方式会是什么？[传送门](https://www.zhihu.com/question/25368358) 75 | 76 | - 低代码：下一次IT技术革命？[传送门](https://36kr.com/p/5237729) 77 | 78 | 79 | 80 | 81 | 82 | ## 关于我们 83 | 84 | 85 | 86 | 我们是阿里云智能中台体验技术团队。[详情](https://github.com/aliyunfe/weekly/blob/master/about.md) 87 | 88 | 89 | 90 | 如有兴趣加入我们，简历/沟通请至： 91 | 92 | mianyun.yt@alibaba-inc.com 93 | -------------------------------------------------------------------------------- /weekly/《阿里云前端技术周刊》第二十一期.md: -------------------------------------------------------------------------------- 1 | 作者：@纾沉 2 | 3 | 校对：@语安 @凌焘 4 | 5 | 6 | 7 | 知乎：[阿里云中台前端/全栈团队专栏](https://zhuanlan.zhihu.com/aliyun) 8 | 9 | Github：[阿里云前端技术周刊](https://link.zhihu.com/?target=https%3A//github.com/aliyunfe/weekly) 10 | 11 | 12 | 13 | 给我们投稿：[传送门](https://link.zhihu.com/?target=https%3A//github.com/aliyunfe/weekly/issues/new) 14 | 15 | 参与交流：[传送门](https://link.zhihu.com/?target=https%3A//github.com/aliyunfe/weekly/issues/5) 16 | 17 | 18 | 19 | 20 | 21 | 前端速报 22 | ---- 23 | 24 | 25 | 26 | ![](https://pic3.zhimg.com/80/v2-cdae04d7dde84408b3a2842e33b3ca96_hd.jpg) 27 | 28 | 29 | 30 | * 从在浏览器地址栏中输入url到页面展现的短短几秒内浏览器究竟做了什么 [传送门](https://zhuanlan.zhihu.com/p/47407398) 31 | 32 | * 数据可视化作为大数据的最后一公里，前端在其中发挥着重要的作用，这里整理了14个js数据可视化库 [传送门](https://link.zhihu.com/?target=https%3A//www.monterail.com/blog/javascript-libraries-data-visualization) 33 | 34 | 35 | 趣前端 36 | --- 37 | 38 | 39 | 40 | ![](https://pic3.zhimg.com/80/v2-55796bba07545d870e5e3d9ede59c462_hd.jpg) 41 | 42 | 43 | 44 | * 如何使用WebGL为图像创建交互式3D效果 [传送门](https://link.zhihu.com/?target=https%3A//tympanus.net/codrops/2019/02/20/how-to-create-a-fake-3d-image-effect-with-webgl/) 45 | 46 | * particles.js: 超棒的粒子效果 [传送门](https://link.zhihu.com/?target=https%3A//github.com/VincentGarreau/particles.js) 47 | 48 | 49 | 编者推荐 50 | ---- 51 | 52 | 53 | 54 | ![](https://pic4.zhimg.com/80/v2-8327e68b207da8eb2b2d19a6d0324b53_hd.jpg) 55 | 56 | 57 | 58 | * Node.js 的未来是什么 [传送门](https://link.zhihu.com/?target=https%3A//juejin.im/post/5d6c7911e51d4561fb04bfaa) 59 | 60 | * 可能是你见过最完善的微前端解决方案 [传送门](https://zhuanlan.zhihu.com/p/80776391) 61 | 62 | * CPU 和 GPU 的区别是什么 [传送门](https://www.zhihu.com/question/19903344/answer/714024535) 63 | 64 | * ES2019新特性你知道哪些 [传送门](https://link.zhihu.com/?target=https%3A//mp.weixin.qq.com/s/V6XrD_bqJ8IKlNy--g3NWw) 65 | 66 | 67 | 厂内动态 68 | ---- 69 | 70 | 71 | 72 | ![](https://pic3.zhimg.com/80/v2-bd2273a8cc49c2088859b10378732952_hd.jpg) 73 | 74 | 75 | 76 | * 支付宝玉伯：从前端到体验，如何把格局做大 [传送门](https://link.zhihu.com/?target=https%3A//www.infoq.cn/article/O4WSV7tdoicIRs5kHsFu) 77 | 78 | * Serverless 落地挑战与蚂蚁金服实践 [传送门](https://zhuanlan.zhihu.com/p/77681457) 79 | 80 | 81 | 82 | 83 | 跨界碰撞 84 | ---- 85 | 86 | 87 | 88 | ![](https://pic4.zhimg.com/80/v2-590054196e497cbe5219d2454c7d2ef3_hd.jpg) 89 | 90 | 91 | 92 | * 不用训练就能获得性能优越的神经网络模型？Google 提出探索权重不可知神经网络新方法 [传送门](https://link.zhihu.com/?target=https%3A//www.infoq.cn/article/CFtRE0XXS86LiKBazto4) 93 | 94 | * 在SLS中快速实现异常巡检 [传送门](https://zhuanlan.zhihu.com/p/80768590) 95 | 96 | 97 | 关于我们 98 | ---- 99 | 100 | 101 | 102 | 我们是阿里云智能中台体验技术团队。[详情](https://link.zhihu.com/?target=https%3A//github.com/aliyunfe/weekly/blob/master/about.md) 103 | 104 | 105 | 106 | 如有兴趣加入我们，简历/沟通请至：[cxy169445@alibaba-inc.com](mailto:cxy169445@alibaba-inc.com) -------------------------------------------------------------------------------- /weekly/《阿里云前端技术周刊》第九期.md: -------------------------------------------------------------------------------- 1 | 作者：[灵沼](https://github.com/su-dan) 2 | 校对：[染陌](https://github.com/answershuto) 3 | 4 | 知乎：[阿里云中台前端/全栈团队专栏](https://zhuanlan.zhihu.com/aliyun) 5 | Github：[阿里云前端技术周刊](https://github.com/aliyunfe/weekly) 6 | 7 | 给我们投稿：[传送门](https://github.com/aliyunfe/weekly/issues/new) 8 | 参与交流：[传送门](https://github.com/aliyunfe/weekly/issues/12) 9 | 10 | 11 | ## 前端速报 12 | ![](https://img.alicdn.com/tfs/TB1T43Fa4iH3KVjSZPfXXXBiVXa-2560-600.jpg) 13 | 14 | * 拒绝重复造轮子！GitHub推出新功能[repository template](https://github.blog/2019-06-06-generate-new-repositories-with-repository-templates/?utm_campaign=1559837005&utm_medium=social&utm_source=twitter&utm_content=1559837005)，帮助开发者在所有项目中重用代码 15 | * WHATWG 击败 W3C，赢得 HTML 和 DOM 的控制权，[了解一下](https://www.zdnet.com/article/browser-vendors-win-war-with-w3c-over-html-and-dom-standards/) 16 | * 为React Hooks编写类似Redux的简单中间件，[戳我看看吧](https://medium.com/front-end-weekly/writing-redux-like-simple-middleware-for-react-hooks-b163724a7058) 17 | ## 趣前端 18 | ![](https://img.alicdn.com/tfs/TB19FgGa3KG3KVjSZFLXXaMvXXa-2560-600.jpg) 19 | 20 | [Service worker mindset](https://web.dev/service-worker-mindset/) 21 | 22 | 当我们在谈论service worker的时候，我们在谈论什么？应该掌握的思维模式有哪些？ 23 | 24 | 除了这篇文章，这里还提供了一个非常精美生动的[免费游戏](https://serviceworkies.com/)来帮助你快速掌握service worker。 25 | 26 | 27 | 28 | [The economics of package management](https://github.com/ceejbot/economics-of-package-management/blob/master/essay.md) 29 | 30 | 对于前端工程师来说npm已经跟吃饭喝水一样不可或缺，但如果有朝一日npm关闭服务呢？或者还记得当时的left-pad事件么？某种程度上，npm「并不爱你」。 31 | 32 | 这是npm, Inc的前CTO, C.J.Silverio在[JSConfEUwatch](https://www.youtube.com/watch?v=MO8hZlgK5zc)上演讲的文字版，不仅叙述了js包管理生态的历史，也表达出对npm的所有权为公司控制的担忧。这也是她为何投入新的包管理器[Entropic](https://github.com/entropic-dev/entropic)开发的原因(可允许多个registry共存互通)。 33 | ## 编者推荐 34 | ![](https://img.alicdn.com/tfs/TB11G3Ga2WG3KVjSZFPXXXaiXXa-2560-600.jpg) 35 | 36 | [走进身份管理](https://zhuanlan.zhihu.com/p/68446750) 37 | 38 | 身份管理对企业信息安全至关重要，本文从概念、需求、管理等几个角度阐述身份管理的要点并提供系统化解决方案（Authing）。 39 | 40 | 41 | 42 | [History of Node.js on a Timeline](https://blog.risingstack.com/history-of-node-js/) 43 | 44 | Node.js十周年系列文章回顾，包含很多标志性的事件。 45 | 46 | 47 | 48 | [Yup](https://github.com/jquense/yup) 49 | 50 | Yup是一个Javascript object schema验证库。API和风格参考了[Joi](https://github.com/hapijs/joi)（nodejs流行的对象验证库)，但是相较Joi更轻量、体积更小，适合用于浏览器端。完全声明式的验证规则、并可描述对象属性之间的级联验证，可用于表单验证，流行的react表单库[Formik](https://github.com/jaredpalmer/formik)就内置了对Yup的支持。 51 | 52 | ## 跨界碰撞 53 | ![](https://img.alicdn.com/tfs/TB11FUIa81D3KVjSZFyXXbuFpXa-2560-600.jpg) 54 | 55 | * 比个手势，AI就识别出Emoji，浏览器运行无压力，[体验一下](https://github.com/cloud-annotations/training) 56 | ![](https://img.alicdn.com/tfs/TB1mJEScCSD3KVjSZFKXXb10VXa-529-479.gif) 57 | 58 | * 大疆发布首款教育机器人机甲大师 [RoboMaster S1](https://mp.weixin.qq.com/s/grs_c4ii9Unf29ugb6Qp3w)，启蒙编程思维，程序员从娃娃抓起 59 | ![](https://img.alicdn.com/tfs/TB15LEYcBKw3KVjSZFOXXarDVXa-720-480.jpg) 60 | 61 | ## 关于我们 62 | 63 | 我们是阿里云智能中台体验技术团队。[详情](https://github.com/aliyunfe/weekly/blob/master/about.md) 64 | 65 | 如有兴趣加入我们，简历/沟通请至：lingzhao.sd@alibaba-inc.com -------------------------------------------------------------------------------- /weekly/《阿里云前端技术周刊》第十八期.md: -------------------------------------------------------------------------------- 1 | 作者：[@行剑]()
2 | 校对：[@月七]() [@牧曈]() 3 | 4 | 知乎：[阿里云中台前端/全栈团队专栏](https://zhuanlan.zhihu.com/aliyun)
5 | Github：[阿里云前端技术周刊](https://github.com/aliyunfe/weekly) 6 | 7 | 给我们投稿：[传送门](https://github.com/aliyunfe/weekly/issues/new)
8 | 参与交流：[传送门](https://github.com/aliyunfe/weekly/issues/5) 9 | 10 | ## 前端速报 11 | 12 | ![](https://img.alicdn.com/tfs/TB1T43Fa4iH3KVjSZPfXXXBiVXa-2560-600.jpg#alt=) 13 | 14 | - 微软发布了 Visual Studio Code 1.37 版本，多达数十个图标迎来全新的现代化设计，[看看还有哪些新特性吧](https://code.visualstudio.com/updates/v1_37)。 15 | - 2019谷歌I/O大会上提出的JavaScript新特性，[快来看下吧](https://mp.weixin.qq.com/s/Zz7y7wQ-oLe06VoGxyNR-g)。 16 | 17 | ## 趣前端 18 | 19 | ![](https://img.alicdn.com/tfs/TB19FgGa3KG3KVjSZFLXXaMvXXa-2560-600.jpg#alt=) 20 | 21 | - [GitHub免费支持CI/CD！](https://mp.weixin.qq.com/s/CxblbkhfP82CzRQ_0ttlFw)：开发测试高自动化部署，支持各种语言 22 | - [开源MineCraft项目](https://github.com/ian13456/mc.js)： 使用ThreeJS, ReactJS, GraphQL, and NodeJS实现的MineCraft, web上也能玩得飞起 23 | 24 | ## 编者推荐 25 | 26 | ![](https://img.alicdn.com/tfs/TB11G3Ga2WG3KVjSZFPXXXaiXXa-2560-600.jpg#alt=) 27 | 28 | - [Serverless For Frontend 前世今生](https://zhuanlan.zhihu.com/p/77095720)：作为一个前端，你可能一直在迷茫，Node.js 的定位是什么？为什么我们需要它？阿里作为 Node.js 国内的引航者，在该领域深度实践多年。在国内第一个引入 BFF 的概念，现在也是第一个提出 SFF（Serverless For Frontend）。本文分享了笔者过去几年有幸参与到该演化进程中的一些心得体会。 29 | - [一套开发者友好的关联数据开发框架](https://zhuanlan.zhihu.com/p/56327414)：虽然语义网社区正在领域内努力奋斗，但我们仍未能吸引那些一线开发者：前端开发人员。为什么这具有讽刺意味？原文作者通过与前端开发者交流后创建了几个 JavaScript 库，这些库可以帮助开发者轻松地与复杂的关联数据进行交互，而无需了解 RDF。 这篇文章介绍了 Solid 的 React 组件以及 LDFlex 查询语言，以及从他们的设计中吸取的经验教训。 30 | - [「2019 JSConf.Asia - 尤雨溪」在框架设计中寻求平衡](https://zhuanlan.zhihu.com/p/76622839) 31 | - [谷歌面试指南](https://github.com/xitu/google-interview-university/blob/zh-hans/translations/README-cn.md)：如何准备才能通过谷歌的面试呢？即使不去面试谷歌，也可以将本指南作为索引，夯实你的基础知识。 32 | 33 | ![](https://lark-assets-prod-aliyun.oss-cn-hangzhou.aliyuncs.com/lark/0/2019/png/13853/1565700010257-85a67b49-33e7-496d-bebc-6fd7e627cae0.png?OSSAccessKeyId=LTAIX2KDHwZymFhr&Expires=1566214288&Signature=RDx849K%2FqCNMG9w023li74Hp8Sc%3D#alt=) 34 | 35 | - [命令行的艺术](https://github.com/jlevy/the-art-of-command-line/blob/master/README-zh.md)：如果你对命令行感兴趣，并且想要学习一些命令行的技巧，可以看看这个在GitHub上收获6w star 的项目 36 | 37 | ## 厂内动态 38 | 39 | ![](https://img.alicdn.com/tfs/TB1GNoHa.uF3KVjSZK9XXbVtXXa-2560-600.jpg#alt=) 40 | 41 | - [蚂蚁金服 SOFADashboard 启动开源共建](https://www.jianshu.com/p/acf3927cd3b3)：SOFAStack（Scalable Open Financial Architecture Stack）是蚂蚁金服自主研发的金融级分布式架构，包含了构建金融级云原生架构所需的各个组件，历经蚂蚁金服超过十年的业务历练。为了建设更完整的 SOFAStack 微服务体系，项目组发起全新的 SOFADashboard 项目，计划通过社区的方式共建，将其打造为一站式的 SOFAStack 管控平台。 42 | 43 | ## 跨界碰撞 44 | 45 | ![](https://img.alicdn.com/tfs/TB11FUIa81D3KVjSZFyXXbuFpXa-2560-600.jpg#alt=) 46 | 47 | - 以后别说自己是人机选手了，[你不配](https://mp.weixin.qq.com/s/yB7Pg1rL4-kZDXfemu_iDw) 48 | - 华为鸿蒙OS发布，[你怎么看](https://mp.weixin.qq.com/s/nyNnuUq4sMAgBNsfglEqpQ) 49 | 50 | ## 关于我们 51 | 52 | 我们是阿里云智能中台体验技术团队。[详情](https://github.com/aliyunfe/weekly/blob/master/about.md) 53 | 54 | 如有兴趣加入我们，简历/沟通请至： [sinian.ssn@alibaba-inc.com](mailto://sinian.ssn@alibaba-inc.com) 55 | -------------------------------------------------------------------------------- /weekly/《阿里云前端技术周刊》第十四期.md: -------------------------------------------------------------------------------- 1 | # 前端技术周刊第十四期 2 | 3 | 作者：@月良(jason.czq)
4 | 校对：[@沣睿(fengrui.zfr) ](/fengrui.zfr) [@偏左(pianzuo.zj) ](/pianzuo.zj) 5 | 6 | 知乎：[阿里云中台前端/全栈团队专栏](https://zhuanlan.zhihu.com/aliyun) 7 | Github：[阿里云前端技术周刊](https://github.com/aliyunfe/weekly) 8 | 9 | 给我们投稿：[传送门](https://github.com/aliyunfe/weekly/issues/new) 10 | 参与交流：[传送门](https://github.com/aliyunfe/weekly/issues/5) 11 | 12 | 13 | ## 前端速报 14 | ![](https://img.alicdn.com/tfs/TB1T43Fa4iH3KVjSZPfXXXBiVXa-2560-600.jpg) 15 | * 轻量可嵌入的QuickJS引擎重磅开源，它会是下一个V8吗？[了解一下](https://mp.weixin.qq.com/s/aUpxwQ6C4FZpnRZ151oFBA) 16 | * Facebook 发布了新的 JavaScript 引擎：[Hermes](https://github.com/facebook/hermes)，专注于提高 React Native 应用的性能，[了解一下](https://github.com/facebook/hermes) 17 | 18 | ![](https://img.alicdn.com/tfs/TB1INLWaKT2gK0jSZFvXXXnFXXa-1912-960.png) 19 | 20 | ## 编者推荐 21 | ![](https://img.alicdn.com/tfs/TB11G3Ga2WG3KVjSZFPXXXaiXXa-2560-600.jpg) 22 | 23 | * WebAssembly 自诞生以来就震动了整个前端业界。能大幅提高javascript的性能，来看看eBay在WebAssembly 方面的实践。 24 | 原文: [WebAssembly at eBay: A Real-World Use Cas](https://www.ebayinc.com/stories/blogs/tech/webassembly-at-ebay-a-real-world-use-case/) 25 | 翻译：[eBay实战WebAssembly：50倍性能提升](https://www.infoq.cn/article/vc*q7psQqWMaVU8igJeD) 26 | * 一套开发者友好的关联数据开发框架，[了解一下](https://zhuanlan.zhihu.com/p/56327414) 27 | * 常用的UUID是如何保证唯一性的，[了解一下](https://notes.tried.cc/uuid) 28 | * 开发做了这么多年，你真的了解 JS 工作机制吗？[原文阅读](https://areknawo.com/javascript-from-the-inside-out/)，[中文翻译](https://www.infoq.cn/article/E2Vvaa-ZfIrMrjrxtdF9) 29 | ![](https://img.alicdn.com/tfs/TB1s6zYaNv1gK0jSZFFXXb0sXXa-2000-1657.png) 30 | * 程序员学算法和数据结构时，如果从纯文本和静态图来学，挺枯燥的。介绍一个可视化学习算法的工具：[Algorithm Visualizer](https://github.com/algorithm-visualizer/algorithm-visualizer)，学习算法更容易。 31 | 来看一个「快排」的演示 32 | ![Untitled.gif](https://img.alicdn.com/tfs/TB1jEita1H2gK0jSZJnXXaT1FXa-1425-678.gif) 33 | 34 | 35 | ## 厂内动态 36 | ![](https://img.alicdn.com/tfs/TB1GNoHa.uF3KVjSZK9XXbVtXXa-2560-600.jpg) 37 | 38 | * Aliyun Serverless VSCode Extension 上架并开源，为用户提供 VSCode 图形化开发调试函数计算以及操作函数计算资源的工具。[了解一下](https://github.com/alibaba/serverless-vscode) 39 | * [Ant Design](https://github.com/ant-design/ant-design) 的 stars 数超过 [Material UI](https://github.com/mui-org/material-ui)，达到 48700+，成为全球最流行的 React 组件库，此处应有掌声！！！ 40 | ![](https://img.alicdn.com/tfs/TB1TezYaUD1gK0jSZFGXXbd3FXa-1440-866.png) 41 | 42 | 43 | 44 | 45 | ## 跨界碰撞 46 | ![](https://img.alicdn.com/tfs/TB11FUIa81D3KVjSZFyXXbuFpXa-2560-600.jpg) 47 | 48 | * 看惯了技术文章，来点不一样的开阔一下思路。有人把北大搬到了github上，一起来瞧一瞧。[了解一下](https://github.com/lib-pku/libpku) 49 | * 科技改变世界，[脑后插管，未来的交互方式](https://mp.weixin.qq.com/s/YqM_QNIycfltYEFLM7lPRA)，你敢吗？ 50 | * 机器学习在高德起点抓路中的[应用实践](https://mp.weixin.qq.com/s/c8KkSIKkj4Gby0n9T9s4mA) 51 | * 分享一个有意思的[在线小工具集合](http://www.atoolbox.net/) 52 | * 杀手级AI补代码工具问世，支持23种语言及5种主流编辑器[AI补代码](https://mp.weixin.qq.com/s/nyyLc_Zo_uRIVqZT-ZlZuQ) 53 | 54 | ## 关于我们 55 | 56 | 我们是阿里云智能中台体验技术团队。[详情](https://github.com/aliyunfe/weekly/blob/master/about.md) 57 | 58 | 如有兴趣加入我们，简历/沟通请至：
59 | [jason.czq@alibaba-inc.com](mailto:jason.czq@alibaba-inc.com) 60 | -------------------------------------------------------------------------------- /weekly/《阿里云前端技术周刊》第十七期.md: -------------------------------------------------------------------------------- 1 | 作者：[@牧曈(jitong.zjt) ](/jitong.zjt)
2 | 校对：[@月七(yueqi.gc) ](/yueqi.gc) [@亦逊(eason.ym) ](/eason.ym) 3 | 4 | 知乎：[阿里云中台前端/全栈团队专栏](https://zhuanlan.zhihu.com/aliyun)
5 | Github：[阿里云前端技术周刊](https://github.com/aliyunfe/weekly) 6 | 7 | 给我们投稿：[传送门](https://github.com/aliyunfe/weekly/issues/new)
8 | 参与交流：[传送门](https://github.com/aliyunfe/weekly/issues/5) 9 | 10 | ## 前端速报 11 | 12 | ![](https://img.alicdn.com/tfs/TB1T43Fa4iH3KVjSZPfXXXBiVXa-2560-600.jpg#alt=) 13 | 14 | - [proposal-optional-chaining](https://github.com/tc39/proposal-optional-chaining) 期待已久的两个 ES 提案：Optional Chaining 和 Nullish Coalescing 正式进入 stage3，同时 typescript 将于 3.7 版本对这些特性提供支持。 15 | - [FileAPI](https://github.com/mailru/FileAPI) 一组用于文件处理的 JavaScript 工具。 16 | - [Why I don't use web components](https://dev.to/richharris/why-i-don-t-use-web-components-2cia) 作者从多个角度分析了为什么不使用 Web-Components。 17 | - [Micro Front-end](https://micro-frontends.org/) 微前端。 18 | - [What’s new in ES2019](https://blog.tildeloop.com/posts/javascript-what%E2%80%99s-new-in-es2019) 一起来看看 ES2019 的一些新特性，它们可能很快会成为我们日常代码的一部分。 19 | - [Creating my logo animation](https://www.cassie.codes/posts/creating-my-logo-animation/) 让 svg logo 动起来。 20 | 21 | ## 趣前端 22 | 23 | ![](https://img.alicdn.com/tfs/TB19FgGa3KG3KVjSZFLXXaMvXXa-2560-600.jpg#alt=) 24 | 25 | - [Visual Studio Code 远程开发探秘](https://juejin.im/post/5d40f9555188255d4e1c0aff) 详细讲解 VSCode Remote插件的原理及使用，从而实现远程开发。 26 | - [本地开发设置个区分明显的favicon吧~](https://www.zhangxinxu.com/wordpress/2019/08/local-favicon/) 通过为本地开发设置不同的 favicon 区分页面环境。 27 | - [RevealURL](https://revealurl.xyz/) 与短连接服务相反，RevealURL 可以把短连接恢复成长链接。 28 | - [codeimg](https://codeimg.io/) 很类似 [carbon](https://carbon.now.sh/) 可以帮你生成漂亮的代码图片。 29 | 30 | ## 编者推荐 31 | 32 | ![](https://img.alicdn.com/tfs/TB11G3Ga2WG3KVjSZFPXXXaiXXa-2560-600.jpg#alt=) 33 | 34 | - [GitPod](https://www.gitpod.io/) 基于 theiajs 实现的 GitHub WebIDE，安装后可在 GitHub 页面内一键打开、在线编辑。 35 | - [Worklog](https://worklogtracker.com/) 是一个 Chrome 插件，安装后可以追踪你在不同网站上花费的时间。 36 | - [https://www.guanguans.cn/favorite-link/](https://www.guanguans.cn/favorite-link/) 收集的一些开源项目。 37 | - [Dynamic Wallpaper](https://dynamicwallpaper.club/) 为 macOS Mojave 设计的动态壁纸平台。 38 | - [Creating JavaScript](http://pop.frontendweekly.co/JHjCmP?utm_campaign=Frontend%2BWeekly&utm_medium=email&utm_source=Frontend_Weekly_163) 27 分钟的播客，带你了解 JavaScript 的历史。 39 | 40 | ## 厂内动态 41 | 42 | ![](https://img.alicdn.com/tfs/TB1GNoHa.uF3KVjSZK9XXbVtXXa-2560-600.jpg#alt=) 43 | 44 | ## 跨界碰撞 45 | 46 | ![](https://img.alicdn.com/tfs/TB11FUIa81D3KVjSZFyXXbuFpXa-2560-600.jpg#alt=) 47 | 48 | - [lazydocker](https://github.com/jesseduffield/lazydocker) 基于命令行 UI 的 docker 管理工具
49 | - [How to write idempotent Bash scripts](https://arslan.io/2019/07/03/how-to-write-idempotent-bash-scripts/) 我们编写 bash 脚本时经常会由于错误中途退出，为了保证安全性、鲁棒性，我们需要学会编写幂等的 bash 脚本。 50 | 51 | ## 关于我们 52 | 53 | 我们是阿里云智能中台体验技术团队。[详情](https://github.com/aliyunfe/weekly/blob/master/about.md) 54 | 55 | 如有兴趣加入我们，简历/沟通请至： [jitong.zjt@alibaba-inc.com](mailto://jitong.zjt@alibaba-inc.com) 56 | 57 | -------------------------------------------------------------------------------- /weekly/《阿里云前端技术周刊》第十一期.md: -------------------------------------------------------------------------------- 1 | 作者：[亦才](https://github.com/xuwenmin) 2 | 3 | 校对：[染陌](https://github.com/answershuto) 4 | 5 | 知乎：[阿里云中台前端/全栈团队专栏](https://zhuanlan.zhihu.com/aliyun) 6 | 7 | Github：[阿里云前端技术周刊](https://github.com/aliyunfe/weekly) 8 | 9 | 给我们投稿：[传送门](https://github.com/aliyunfe/weekly/issues/new) 10 | 11 | 参与交流：[传送门](https://github.com/aliyunfe/weekly/issues/14) 12 | 13 | 14 | ## 前端速报 15 | ![](https://img.alicdn.com/tfs/TB1T43Fa4iH3KVjSZPfXXXBiVXa-2560-600.jpg) 16 | 17 | - npm已落伍，下一代包管理器Tink正在孵化, [了解一下](https://mp.weixin.qq.com/s/wDMcKSYUsZDtx9sSzSDyBg) 18 | - 想了解 TypeScript 在淘宝的实践，[可以看看这个](https://mp.weixin.qq.com/s/N6Jmrbi-3AY_uo_lc-dBiw) 19 | - 阿里圆心：前端路上的思考，为你解惑未来的前端趋势，[了解一下](https://mp.weixin.qq.com/s/cg6_0qSy-nd7YZUsF6gWZw) 20 | - 为你精选蚂蚁开源TOP 4 的博客介绍，想随时了解最新动态的，可以收藏下，[点击了解更多](https://mp.weixin.qq.com/s/d_tS9KEMZNgNhwCqfo0SLA) 21 | ## 趣前端 22 | ![](https://img.alicdn.com/tfs/TB19FgGa3KG3KVjSZFLXXaMvXXa-2560-600.jpg) 23 | 24 | - overscroll-behavior 滚动溢出 css 草案发布，可解决父子容器滚动条联动问题，[点击了解详情](https://mp.weixin.qq.com/s/LZC0R2mHgewh1VO6adgivg) 25 | - Chrome 76 Beta 版功能尝鲜：dark 模式、轻松安装 PWA、隐身模式难检测，[详情](https://www.infoq.cn/article/AclzCtMCy2I4x-FUgzhi) 26 | - 2019 年 13 大 GraphQL 工具和库，[点击了解详情](https://www.infoq.cn/article/bl*EA59lRYDE9XlkJGg0) 27 | - 来自对 Optional chaining JS 特性草案的完整解读，[可以好好学习下](https://segmentfault.com/a/1190000019497019) 28 | - React Hooks 源码浅析，让你了解 hook 的本质，[赶紧来看看](https://zhuanlan.zhihu.com/p/68842478) 29 | - Flutter 知识点科普，让你快速了解它的功能，[来看看吧](https://mp.weixin.qq.com/s/iWQwjC8mEWSX9TNz_hn6rw) 30 | ## 编者推荐 31 | ![](https://img.alicdn.com/tfs/TB11G3Ga2WG3KVjSZFPXXXaiXXa-2560-600.jpg) 32 | 33 | [微前端的那些事儿](https://github.com/phodal/microfrontends) 34 | 35 | 想认真的了解微前端，可以看看这个！ 36 | 想动手开始搞微前端，可以看看这个！ 37 | 想给别人吹吹微前端，可以看看这个！ 38 | 39 | [马蜂窝容器化平台前端赋能实践](https://mp.weixin.qq.com/s?__biz=Mzg5MTA4Mzg5NA==&mid=2247483924&idx=1&sn=111f9018fec802f9ae50649a6c9c9da2&chksm=cfd38f0df8a4061bdeea970a2acb4e22110943aa143dcb6c767633bdec98e93961cbb37031c0&xtrack=1&scene=90&subscene=93&sessionid=1561083883&clicktime=1561) 40 | 41 | 本文将结合马蜂窝容器化平台赋能前端应用构建的实践经验，介绍整个平台背后的设计和实现原理、取得的一些效果及问题的优化方案，同时可以学习下，Docker+Kubernetes的工程化实践。 42 | 43 | ## 厂内动态 44 | ![](https://img.alicdn.com/tfs/TB1GNoHa.uF3KVjSZK9XXbVtXXa-2560-600.jpg) 45 | 46 | [UI2CODE闲鱼基于图片生成跨端代码](https://mp.weixin.qq.com/s?__biz=MzU4MDUxOTI5NA==&mid=2247484586&idx=1&sn=1bfaf77792145d8990ddc6c5132e134d&chksm=fd54d0bbca2359ad1f84b00815e6a6dfb3dd322b5d8dd7ddbbaeb416bc4cf2424e46944d9bd7&token=170117575&lang=zh_CN#rd) 47 | 48 | 来自 闲鱼团队在 GIAC2019 上的演讲 ，讲述他们在UI2Code的一些实践。 49 | 50 | [MNN - 端侧推理引擎面临的挑战与应对](https://mp.weixin.qq.com/s?__biz=MzAxNDEwNjk5OQ==&mid=2650402944&idx=1&sn=84276333ed97cf1079135c4e8d1d9459&chksm=83953898b4e2b18e59b6f1147f9177f6c57588077ee30dc291c91778e7c011f0c5e863d56aae&token=1718130173&lang=zh_CN#rd) 51 | 52 | 淘宝无线开发专家——陈以鎏（离青）在 GMTC 全球大前端技术大会为大家分享了 MNN 开发、开源中的思考与总结，通过淘宝在移动AI 上的实践经验，你将会了解移动 AI 的发展状况和应用场景，以及通过端侧推理引擎了解移动/IoT深度优化策略。 53 | 54 | 55 | ## 关于我们 56 | 57 | 我们是阿里云智能中台体验技术团队。[详情](https://github.com/aliyunfe/weekly/blob/master/about.md) 58 | 59 | 如有兴趣加入我们，简历/沟通请至：[chuck.ql@alibaba-inc.com](chuck.ql@alibaba-inc.com) 60 | -------------------------------------------------------------------------------- /weekly/《阿里云前端技术周刊》第八期.md: -------------------------------------------------------------------------------- 1 | 作者：[若欢](https://github.com/ruohuan) 2 | 校对：[染陌](https://github.com/answershuto) 3 | 4 | 知乎：[阿里云中台前端/全栈团队专栏](https://zhuanlan.zhihu.com/aliyun) 5 | Github：[阿里云前端技术周刊](https://github.com/aliyunfe/weekly) 6 | 7 | 给我们投稿：[传送门](https://github.com/aliyunfe/weekly/issues/new) 8 | 参与交流：[传送门](https://github.com/aliyunfe/weekly/issues/11) 9 | 10 | 11 | ## 前端速报 12 | ![](https://img.alicdn.com/tfs/TB1T43Fa4iH3KVjSZPfXXXBiVXa-2560-600.jpg) 13 | 14 | * Angular 8 发布，想知道新版本都有哪些特性，快来[戳我](https://blog.angular.io/version-8-of-angular-smaller-bundles-cli-apis-and-alignment-with-the-ecosystem-af0261112a27?gi=2f3222b6f822)瞧瞧吧。 15 | * TypeScript 3.5 版本发布，这不是一个大的版本迭代，但改进的性能，增量编译和Omit帮助类型，肯定会受到 TypeScript 用户的欢迎，不信就来[试试](https://devblogs.microsoft.com/typescript/announcing-typescript-3-5/)看。 16 | ## 趣前端 17 | ![](https://img.alicdn.com/tfs/TB19FgGa3KG3KVjSZFLXXaMvXXa-2560-600.jpg) 18 | 19 | [你用的那些CSS转场动画可以换一换了](https://www.zhangxinxu.com/wordpress/2019/05/css-transfer-animation/) 20 | 传统转场动画就是滑来滑去，淡入淡出这些。时代在召唤，技术在发展，可以试一试使用一些新的转场动画了。此文乃张鑫旭大神出品，必属精品，值得一读。 21 | 22 | [Stylie](https://github.com/jeremyckahn/stylie) 23 | Stylie 是一个动画曲线代码导出工具，你只需要调整好曲线即可导出 CSS。 24 | 25 | [GB Studio](https://github.com/chrismaltby/gb-studio) 26 | GB Studio是适用于Mac，Linux和Windows的免费且易于使用的Game Boy复古冒险游戏creator。想了解如何从零开始制作自己的 GameBoy 游戏，这篇不容错过。 27 | ![111.gif](https://gw.alicdn.com/tfs/TB1yTPDbUWF3KVjSZPhXXXclXXa-600-428.gif) 28 | 29 | [只使用 CSS 的实时聊天](https://github.com/kkuchta/css-only-chat/blob/master/README.md) 30 | 一个匪夷所思的实验，不使用 JS，只使用 CSS 实现实时聊天，如何实现的？快来瞅瞅吧。 31 | ![111.gif](https://gw.alicdn.com/tfs/TB1EwrDbMKG3KVjSZFLXXaMvXXa-480-300.gif) 32 | 33 | ## 编者推荐 34 | ![](https://img.alicdn.com/tfs/TB11G3Ga2WG3KVjSZFPXXXaiXXa-2560-600.jpg) 35 | 36 | [webpack 5.0 新特性尝鲜](https://mp.weixin.qq.com/s?__biz=MzAwNTAzMjcxNg==&mid=2651425648&idx=1&sn=4ea1ceae6b6393a0e344b9f7344e40b4&chksm=80dff513b7a87c0574dd701cb96128033445a66c93dc1b2e2c8ce73d685a9184b73e523660e5&mpshare=1&scene=2&srcid=&from=timeline&ascene=2&devicetype=androi) 37 | 虽然webpack5还没正式上线，但这并无妨碍我们对changelog上的新特性进行尝鲜实战。 38 | 39 | [Node.js 技术栈](https://www.nodejs.red) 40 | 该文档是作者从事 Node.js Developer 以来的学习历程，旨在为大家提供一个较详细的学习教程，侧重点更倾向于 Node.js 服务端所涉及的技术栈，如果该文能使您得到帮助，不要吝啬你的小星星哦~ 41 | 42 | [五种使用 Array reduce 求平均数的方法](https://jrsinclair.com/articles/2019/five-ways-to-average-with-js-reduce/) 43 | 数组作为 JavaScript 比较常用的数据类型之一，它的大部分方法都很容易理解和使用，但你真的把它们的功能使用到极致了吗？一起来看看如何借助 Array reduce 求平均数吧。 44 | 45 | [JavaScript 开发人员应该具备的技能](https://cvcompiler.com/blog/game-of-frameworks-javascript-trends-of-2019/) 46 | 在互联网技术如火如荼发展的今天，前端开发者很难知道应该要去关注些什么，如果你对此感到疑惑，不妨来看下CV Compiler的团队整理的2019 JavaScript的发展趋势报告。 47 | 48 | ## 厂内动态 49 | ![](https://img.alicdn.com/tfs/TB1GNoHa.uF3KVjSZK9XXbVtXXa-2560-600.jpg) 50 | 51 | [Ant Design 4.0 进行时！](https://www.yuque.com/ant-design/ant-design/antd4-in-progress) 52 | Ant Design 于 17 年 12 月发布 3.0 以来，已经经历了 16 个月的时间。在此期间，我们修复了海量 Bug、以及增加大量新功能（更新日志）。我们也发布了 Ant Design Pro 4.0。支持了 TypeScript、区块以及对布局进行抽象。与此同时，我们也在思考下一步是什么，如何才能使 Ant Design 走的更远，我们预计在今年 Q4 发布 Ant Design 4.0 版本。以下是关于 4.0 的详细计划，当然这仍在计划中。正式发布时可能会有调整。 53 | 54 | 55 | ## 关于我们 56 | 57 | 我们是阿里云智能中台体验技术团队。[详情](https://github.com/aliyunfe/weekly/blob/master/about.md) 58 | 59 | 如有兴趣加入我们，简历/沟通请至：ruohuan.zhh@alibaba-inc.com -------------------------------------------------------------------------------- /weekly/《阿里云前端技术周刊》第六期.md: -------------------------------------------------------------------------------- 1 | 作者：[靖鑫](https://github.com/luckyjing) 2 | 校对：[染陌](https://github.com/answershuto) 3 | 4 | 知乎：[阿里云中台前端/全栈团队专栏](https://zhuanlan.zhihu.com/aliyun) 5 | Github：[阿里云前端技术周刊](https://github.com/aliyunfe/weekly) 6 | 7 | 给我们投稿：[传送门](https://github.com/aliyunfe/weekly/issues/new) 8 | 参与交流：[传送门](https://github.com/aliyunfe/weekly/issues/8) 9 | 10 | ## 前端速报 11 | 12 | ![](https://img.alicdn.com/tfs/TB1FSMtalGE3KVjSZFhXXckaFXa-2560-600.jpg) 13 | 14 | - V8引擎7.5版本发布，最新的V8引擎带来的新特性可以让我们预知未来Node及Chrome将会拥有的能力，本次它主要带来了WebAssembly的隐式缓存能力以及令人眼前一亮的数字分隔符，例如1_091_134_908[点我阅读详情](https://v8.dev/blog/v8-release-75) 15 | - TypeScript 3.5即将于5月30日发布，优化构建速度，新增Omit帮助函数[点我阅读详情](https://devblogs.microsoft.com/typescript/announcing-typescript-3-5-rc/) 16 | 17 | ## 开发指南 18 | 19 | ### 算法数构 in JS 20 | 21 | ![](https://img.alicdn.com/tfs/TB1WPkqalGE3KVjSZFhXXckaFXa-2560-600.jpg) 22 | 23 | dsa.js是一个非常实用的工具库，它实现了常见的算法和数据结构模型，例如快排、Map、LinkList，推荐它给大家有两个用意。 24 | 25 | 1. 如果你是在校大学生，这是非常好的教学资料，它的源码可以反复阅读，祝你的数构成绩更上一层楼。 26 | 2. 如果你已经工作，每日限于业务之中，思考下除了每天都在引用的Array，Map以外，可否引入其他数据结构来为业务进行建模，从而让代码更加清晰和健壮。 27 | 链接地址：https://github.com/amejiarosario/dsa.js 28 | 29 | ### Web站点优化的最佳实践网站 30 | 31 | ![](https://img.alicdn.com/tfs/TB14vZpagKG3KVjSZFLXXaMvXXa-2560-600.jpg) 32 | 33 | web.dev是由Google出品的面向Web站点优化的网站，它为我们提供了常见场景（加载、SEO、安全、可访问性）的优化指南，循序渐进地从背景知识再延伸到解决方案，通读全站，你会如沐春风，会对自己的站点优化产生新的idea。 34 | 链接地址：https://web.dev 35 | 36 | ### Throttle和debounce在React中的应用 37 | 38 | throttle和denounce是我们老生常谈的API，但是在我们日常的开发场景中，是非常实用的，一个常见的例子便是输入搜索框，这篇文章为我们介绍了在React中的的Throttle和debounce应用。 39 | 链接地址：https://blog.bitsrc.io/improve-your-react-app-performance-by-using-throttling-and-debouncing-101afbe9055?gi=e1b99704c979 40 | 41 | ### 如何伪造和获取用户真实的IP 42 | 43 | 目光转向服务端，我们需要对来访的请求做一些分流、限流等逻辑，如何获取用户真实的IP成为了一个有意思的话题，本文为大家梳理获取IP的常见问题，并介绍了egg.js里的处理思路，对此感兴趣的同学不容错过。 44 | 链接地址：https://www.yuque.com/egg/nodejs/coopsc 45 | 46 | ## 开源项目 47 | 48 | ### 2分钟快速实现视差滚动 49 | 50 | ![](https://img.alicdn.com/tfs/TB12QUyaa1s3KVjSZFAXXX_ZXXa-2560-600.jpg) 51 | 52 | 视差滚动效果在现代站点应用越来越多了，我们期望能够有一个简洁的，性能良好的，并且不依赖于特殊框架的工具库来快速实现，这不，simpleParallax便可以满足我们的愿望，原生JavaScript编写，使用CSS3 Transform实现，无副作用，在你的项目中试试吧。 53 | 链接地址：https://github.com/geosigno/simpleParallax 54 | 55 | ### 基于WebGL实现的酷炫流体渲染效果 56 | 57 | ![](https://img.alicdn.com/tfs/TB1GDgpaoGF3KVjSZFmXXbqPXXa-2560-600.jpg) 58 | 59 | 非常酷炫的流体粒子效果，强迫症必备，做一些酷炫的活动页如果能适当应用那便再好不过。 60 | 链接地址：https://github.com/PavelDoGreat/WebGL-Fluid-Simulation 61 | 62 | ## 跨界碰撞 63 | 64 | ### JavaScript 如何开发 IoT 应用 65 | 66 | ![](https://img.alicdn.com/tfs/TB1HzsxamWD3KVjSZSgXXcCxVXa-2560-600.jpg) 67 | 68 | JavaScript在开发者圈里一直有着不错的生态，甚至有句玩笑话，Javascript will rule the world，随着网络的普及和成本的降低，越来越多的「传统设备」接入互联网变得不是那么遥远，越来越多的互联网企业也投入到这个领域的研发，物联网和边缘计算应运而起。 69 | 对于JavaScript而言，如果能够快速扩展到这个端，想必是一件非常有意义的事情，本文会为你介绍JavaScript开发IOT应用的基本策略，或许对你而言，仅仅是多了一些API，多了一些事件，但是对整个世界，却是溢出了一片缤纷，话不多说，跟着兴趣前去了解吧。 70 | 链接地址：https://www.infoq.cn/article/QzyM9la8MrIowe*Mrzkp 71 | 72 | ### 有效提升你的职场写作能力 73 | 74 | 做的再多，不表达出来也无济于事，作为一名职场人士，我们避免不了大大小小的写作与汇报，了解这篇读书笔记，可以给你提供一些写作锦囊，攒攒小技巧。 75 | 链接地址：https://www.yuque.com/quxiaofeng/vsi4x4/qru9dn 76 | 77 | ## 关于我们 78 | 79 | 我们是阿里云智能中台体验技术团队。[详情](https://github.com/aliyunfe/weekly/blob/master/about.md) 80 | 81 | 如有兴趣加入我们，简历/沟通请至：jingxin.sjx@alibaba-inc.com -------------------------------------------------------------------------------- /weekly/《阿里云前端技术周刊》第十三期.md: -------------------------------------------------------------------------------- 1 | # 前端技术周刊第十三期 2 | 3 | 作者：[@沣睿(fengrui.zfr) ](/fengrui.zfr)
4 | 校对：[@偏左(pianzuo.zj) ](/pianzuo.zj) [@亦才(wenmin.xwm) ](/wenmin.xwm) 5 | 6 | 知乎：[阿里云中台前端/全栈团队专栏](https://zhuanlan.zhihu.com/aliyun)
7 | Github：[阿里云前端技术周刊](https://github.com/aliyunfe/weekly) 8 | 9 | 给我们投稿：[传送门](https://github.com/aliyunfe/weekly/issues/new)
10 | 参与交流：[传送门](https://github.com/aliyunfe/weekly/issues/5) 11 | 12 | []() 13 | ## 前端速报 14 | 15 | ![](https://img.alicdn.com/tfs/TB1T43Fa4iH3KVjSZPfXXXBiVXa-2560-600.jpg#alt=) 16 | 17 | - 自vue诞生以来便热度不减，我们看看即将到来的vue3.0对web意味着什么吧，are you ready？[了解下](https://mp.weixin.qq.com/s/5LxFhWv4cO6hAHlg3ax1Fg)
18 | ![](https://gw.alicdn.com/tfs/TB15JiQafb2gK0jSZK9XXaEgFXa-1080-608.png#alt=undefined) 19 | - 新版Next.js发布：我们一起看看新版的Next.js 9，给我们带来了什么新的有趣的东西 [了解下](https://nextjs.org/blog/next-9) 20 | - ice 3.0beta发布，打造一站式源码开发平台 [了解下](https://github.com/alibaba/ice/issues/2369)
21 | ![](https://img.alicdn.com/tfs/TB1uq9Sabj1gK0jSZFOXXc7GpXa-2672-1526.png#alt=undefined) 22 | 23 | []() 24 | ## 趣前端 25 | 26 | ![](https://img.alicdn.com/tfs/TB19FgGa3KG3KVjSZFLXXaMvXXa-2560-600.jpg#alt=) 27 | 28 | - 网页所有内容在 URL 中，源代码里面啥也没有，怎么肥似 [了解下](https://jstrieb.github.io/urlpages/editor) 29 | - 你可能没见过的css的样子，一个具有手绘效果的css网站 [了解下](https://www.getpapercss.com/docs/)
30 | ![](https://img.alicdn.com/tfs/TB1I8CQakY2gK0jSZFgXXc5OFXa-1774-932.png#alt=undefined) 31 | - 看看用户追踪不使用cookie的方案：有趣的思路，利用浏览器器缓存静态资源的特性缓存用户信息 [了解下](http://lucb1e.com/rp/cookielesscookies/) 32 | - github支持函数定义的跳转了，妈妈可以稍微不用担心我直接再github上读源码了 [了解下](https://help.github.com/en/articles/navigating-code-on-github) 33 | 34 | []() 35 | ## 编者推荐 36 | 37 | ![](https://img.alicdn.com/tfs/TB11G3Ga2WG3KVjSZFPXXXaiXXa-2560-600.jpg#alt=) 38 | 39 | - 40 | 浏览器的原理解析：大多解析的比较抽象，看看大牛如何图文并茂给你生动的解释浏览器的工作原理 [了解下](https://mp.weixin.qq.com/s/X4yAFZBNLwaDUFYaR0Cn5g)
41 | ![](https://img.alicdn.com/tfs/TB1sYKSabr1gK0jSZR0XXbP8XXa-865-499.png#alt=undefined) 42 | 43 | - 44 | 你还在为async/await写那么多的try catch吗，来个新思路？ [了解下](https://juejin.im/post/5d25b39bf265da1bb67a4176) 45 | 46 | - 47 | 有意思的插画形式生动展示Kubernetes [了解下](https://juejin.im/post/5d1b2a656fb9a07edc0b7058)
48 | ![](https://img.alicdn.com/tfs/TB1BcCSabr1gK0jSZR0XXbP8XXa-960-640.png#alt=undefined) 49 | 50 | - 51 | 前端面试推荐：比较全的，比较活跃的前端面试的集结地，每天一点点，提高前端面经 [了解下](https://github.com/Advanced-Frontend/Daily-Interview-Question) 52 | 53 | 54 | []() 55 | ## 厂内动态 56 | 57 | ![](https://img.alicdn.com/tfs/TB1GNoHa.uF3KVjSZK9XXbVtXXa-2560-600.jpg#alt=) 58 | 59 | - 阿里推出的基于 Lottie 的动效设计平台 ─ 犸良。能够快速生成设计师想要的动态效果，并交付给开发，极大地提高了设计效率和设计还原度。支持 iOS、Android、Web 和小程序 [了解下](https://design.alipay.com/emotion)
60 | Serverless正盛， 阿里巴巴发布 Aliyun Serverless VS Code 插件，轻松开发阿里云函数计算 [了解下](https://mp.weixin.qq.com/s/K-ZB-DvZRA9S3OxBQ9PwZw) 61 | - 看看来自阿里资深技术专家的10年的感悟，从中借鉴下，看看老司机们走过的路 [了解下](https://mp.weixin.qq.com/s/LxW4j7JOOrEGYWylP2j9Mg) 62 | - 看看玉伯大神解析：如何将前端的格局做大 [了解下](https://segmentfault.com/a/1190000019575577) 63 | 64 | []() 65 | ## 跨界碰撞 66 | 67 | ![](https://img.alicdn.com/tfs/TB11FUIa81D3KVjSZFyXXbuFpXa-2560-600.jpg#alt=) 68 | 69 | []() 70 | ## 关于我们 71 | 72 | 我们是阿里云智能中台体验技术团队。[详情](https://github.com/aliyunfe/weekly/blob/master/about.md) 73 | 74 | 如有兴趣加入我们，简历/沟通请至：
75 | [fengrui.zfr@alibaba-inc.com](mailto:fengrui.zfr@alibaba-inc.com) 76 | -------------------------------------------------------------------------------- /weekly/《阿里云前端技术周刊》第十期.md: -------------------------------------------------------------------------------- 1 | 作者：[@南逸(chuck.ql)]([/chuck.ql](https://github.com/ql434))
校对：[@染陌(ranmo.cy)]([/ranmo.cy](https://github.com/answershuto)) 2 | 3 | 知乎：[阿里云中台前端/全栈团队专栏](https://zhuanlan.zhihu.com/aliyun)
Github：[阿里云前端技术周刊](https://github.com/aliyunfe/weekly) 4 | 5 | 给我们投稿：[传送门](https://github.com/aliyunfe/weekly/issues/new) 6 | 参与交流：[传送门](https://github.com/aliyunfe/weekly/issues/13) 7 | 8 | 9 | ## 前端速报 10 | 11 | ![](https://img.alicdn.com/tfs/TB1T43Fa4iH3KVjSZPfXXXBiVXa-2560-600.jpg) 12 | 13 | - Jetbrains，发布了2019年开发者报告，可以去看看有多少人跟你习惯一样；[了解一下](https://www.jetbrains.com/zh-cn/lp/devecosystem-2019/) 14 | - Apple 作为白金终端用户成员加入 CNCF,对此内容感兴趣的朋友可参考 [Apple Join CNCF](https://link.zhihu.com/?target=https%3A//www.cncf.io/blog/2019/06/11/apple-joins-cloud-native-computing-foundation-as-platinum-end-user-member/) 的官方说明； 15 | - github 新功能，使用存储库模板生成新存储库,[ github.blog](https://github.blog/2019-06-06-generate-new-repositories-with-repository-templates/) 16 | - umijs发布2.8版本，支持 SSR 和 prerender，让SSR变得更简单；[]()[了解一下](https://github.com/umijs/umi/releases/tag/umi%402.8.0) 17 | 18 | 19 | ## 趣前端 20 | 21 | ![](https://img.alicdn.com/tfs/TB19FgGa3KG3KVjSZFLXXaMvXXa-2560-600.jpg) 22 | 23 | - 更优雅地基于 canvas 在前端画海报，[https://juejin.im/post/5d087c0d6fb9a07eda031959](https://juejin.im/post/5d087c0d6fb9a07eda031959) 24 | - 推荐一个css渐变工具，通过颜色节点、角度以及颜色比例，来生成渐变效果代码，工具做的比较小清新；[戳我看看](https://www.bestvist.com/css-gradient) 25 | 26 | ## 27 | 28 | ## 编者推荐 29 | 30 | ![](https://img.alicdn.com/tfs/TB11G3Ga2WG3KVjSZFPXXXaiXXa-2560-600.jpg)
  31 | 32 | - Hillhouse Captial 发布2019中国互联网趋势报告；下载附件：[hhcn2019.pdf](https://yuque.antfin-inc.com/attachments/lark/0/2019/pdf/9597/1560995579590-8a274063-5d96-480c-9a5d-c4afb9dadfb2.pdf?_lake_card=%7B%22uid%22%3A%22rc-upload-1560994696225-4%22%2C%22src%22%3A%22https%3A%2F%2Fyuque.antfin-inc.com%2Fattachments%2Flark%2F0%2F2019%2Fpdf%2F9597%2F1560995579590-8a274063-5d96-480c-9a5d-c4afb9dadfb2.pdf%22%2C%22name%22%3A%22hhcn2019.pdf%22%2C%22size%22%3A2836984%2C%22type%22%3A%22application%2Fpdf%22%2C%22ext%22%3A%22pdf%22%2C%22progress%22%3A%7B%22percent%22%3A0%7D%2C%22status%22%3A%22done%22%2C%22percent%22%3A0%2C%22id%22%3A%22GQJID%22%2C%22card%22%3A%22file%22%7D) 33 | - 用JS开发跨平台桌面应用，从原理到实践，[https://mp.weixin.qq.com/s/4WaUM8iJoEYgrI_HpC5MOQ](https://mp.weixin.qq.com/s/4WaUM8iJoEYgrI_HpC5MOQ)； 34 | - github不仅可以同性交友，还可以看民间故事，这里搜集了各类[民间故事](https://github.com/folkstory/lingqiu-folk-story)； 35 | - ES6正式支持Promise之后，Event Loop跟之前有些不一样，本文从 Promise 对象出发讲解Event Loop，文章图文并茂，写的非常不错；[戳我阅读](https://mp.weixin.qq.com/s/nJsM05Yp50HDH1hqEen2eQ) 附赠两个正在标准化审核的api的讲解：[`Promise.allSettled、Promise.any`](https://v8.dev/features/promise-combinators)； 36 | - JavaScript 语言采用的是单线程模型，也就是说，所有任务只能在一个线程上完成，一次只能做一件事。Web Worker 的作用，就是为 JavaScript 创造多线程环境，允许主线程创建 Worker 线程，将一些任务分配给后者运行; 那什么时候应该使用Web Worker，看完[这篇文章](https://dassur.ma/things/when-workers/)你或许就有答案了； 37 | 38 | 39 | ## 厂内动态 40 | 41 | ![](https://img.alicdn.com/tfs/TB1GNoHa.uF3KVjSZK9XXbVtXXa-2560-600.jpg) 42 | 43 | [《蚂蚁金服的前端框架和工程化实践》](https://github.com/sorrycc/blog/issues/85)
本文为在 GMTC 2019 上分享的文字稿，介绍蚂蚁金服前端框架是怎么一步一步演变而来，以后对未来的一些规划； 44 | 45 | 46 | ## 跨界碰撞 47 | 48 | ![](https://img.alicdn.com/tfs/TB11FUIa81D3KVjSZFyXXbuFpXa-2560-600.jpg) 49 | 50 | - 一个高质量的设计资源网站，所有资源免费可商用，包括插画、图标、UI Kits 等 300 套资源； 51 | 52 | [Interfacer - 300+ free design resources](https://interfacer.xyz/) 53 | 54 | ## 关于我们 55 | 56 | 我们是阿里云智能中台体验技术团队。[详情](https://github.com/aliyunfe/weekly/blob/master/about.md) 57 | 58 | 如有兴趣加入我们，简历/沟通请至：chuck.ql@alibaba-inc.com 59 | -------------------------------------------------------------------------------- /weekly/《阿里云前端技术周刊》第十二期.md: -------------------------------------------------------------------------------- 1 | 作者：[偏左](https://github.com/pianzuozj) 2 | 校对：[亦才](https://github.com/xuwenmin) [南逸](https://github.com/ql434) 3 | 4 | 知乎：[阿里云中台前端/全栈团队专栏](https://zhuanlan.zhihu.com/aliyun) 5 | Github：[阿里云前端技术周刊](https://github.com/aliyunfe/weekly) 6 | 7 | 给我们投稿：[传送门](https://github.com/aliyunfe/weekly/issues/new) 8 | 参与交流：[传送门](https://github.com/aliyunfe/weekly/issues/16) 9 | 10 | 11 | ## 前端速报 12 | ![](https://img.alicdn.com/tfs/TB1T43Fa4iH3KVjSZPfXXXBiVXa-2560-600.jpg) 13 | 14 | 15 | - 2019杭州云栖大会Apsara Conference将于9月25日在杭州云栖小镇开幕，早鸟票开售 [详情](https://yunqi.aliyun.com/2019) 16 | - 都9102年了，你还了解javaScript的性能开销在哪里吗？V8团队发表文章The cost of JavaScript in 2019 输出最强性能优化指引： [详情](https://v8.dev/blog/cost-of-javascript-2019) 17 | 18 | 看点： 19 | JSON.parse竟然比对象字面量快很多，大规模使用对象字面量的库如Redux是否将迎来优化？ 20 | [详情](https://joreteg.com/blog/improving-redux-state-transfer-performance) 21 | 22 | 那么"JSON字面量"新语法是否会诞生呢？比如： 23 | ```javascript 24 | const jsonLiteral = 🐶{ 25 | key: "value" 26 | } 27 | ``` 28 | 29 | - W3C 发布 CSS Animation Worklet API 规范的首个公开工作草案，Animation Worklet API 提供了一种创建脚本动画的方法，用于控制一组动画效果，该 API 使用户代理可以在专用的线程中运行动画，降低主线程的压力。 30 | [CSS Animation Worklet API草案详情](https://www.w3.org/TR/2019/WD-css-animation-worklet-1-20190625/) 31 | 32 | - Google地球使用WebAssembly来避免依赖Chrome特性：[详情](https://blog.chromium.org/2019/06/webassembly-brings-google-earth-to-more.html) 33 | 34 | 看点：WebAssembly将作为NPAPI/NaCl/Flash的后继者，提供优秀的跨浏览器能力，不断开放生态。 35 | 36 | 37 | - Mozilla公布下一代移动浏览器Firefox Preview for Android，现已公测中：[详情](https://blog.mozilla.org/futurereleases/2019/06/27/reinventing-firefox-for-android-a-preview/) 38 | 39 | 看点：此预览版Firefox是基于GeckoView的一款Android浏览器，拥有2倍于Firefox for Android的强大性能并加强了个人隐私保护，不同于其他主流浏览器采用的 Blink 渲染引擎，开源引擎GeckoView 的独立性可以防止互联网被其他科技巨头控制，预计秋季发布。 40 | 41 | GeckoView开源项目：[github](https://mozilla.github.io/geckoview/) 42 | 43 | - Postman增加GraphQL支持，该来的一定会来的：[详情](https://blog.graphqleditor.com/graphql-postman/) 44 | 45 | - 2019年Angular生态介绍，本文详细介绍Angular的最新状态和趋势： [详情](https://blog.bitsrc.io/the-state-of-angular-in-2019-b5fb7783a1c6) 46 | 亮点：angular采用率上升50%，社区愈加健壮。 47 | ## 趣前端 48 | ![](https://img.alicdn.com/tfs/TB19FgGa3KG3KVjSZFLXXaMvXXa-2560-600.jpg) 49 | 50 | - 一个堂堂正正的在“裸奔”的HTML：[详情](https://secretgeek.github.io/html_wysiwyg/index.html) 51 | 52 | 完整的解释在这里：[详情](https://secretgeek.github.io/html_wysiwyg/html.html) 53 | 类似原理的还有它的兄弟，带有所见即所得样式编辑器的裸奔HTML：[详情](https://secretgeek.github.io/style_edit/style.html) 54 | 55 | - 挑战，你能找到它的源码吗？[挖彩蛋](https://samy.pl/) 56 | 57 | - 冷知识：IPv6与JavaScript语法 58 | ```javascript 59 | // 这则有效的IPv6地址同时也是正确的JavaScript 60 | b001:db8:a853:d8d3:f319:ea2e:e370:734 61 | 62 | // 甚至这则有效的IPv6 URL，也是正确的JavaScript 63 | http://[b001:db8:a853:d8d3:f319:ea2e:e370:734]/ 64 | ``` 65 | 66 | 67 | ## 编者推荐 68 | ![](https://img.alicdn.com/tfs/TB11G3Ga2WG3KVjSZFPXXXaiXXa-2560-600.jpg) 69 | 70 | - 必看：每年必问的“前端技术规划该包含什么？”2019版，随着最近圆心的解惑又多了一些讨论，不妨围观一下大牛们的新见解：[详情](https://www.zhihu.com/question/308348507) 71 | 72 | - 前端取数库pont——搭建前后端之桥：[pont](https://github.com/alibaba/pont) 73 | 74 | - 尝鲜：最近Chrome 76 Beta刚推出Dark模式，相应的程序包就出了：[darkmodejs](https://github.com/Assortment/darkmodejs) 75 | 76 | - 尝鲜：又一款reactive工具——sublet，灵感来自Svelte 3.x，极简的用法让reactive更简洁： [github](https://github.com/lukeed/sublet) 77 | 78 | - 尝鲜：又一款React全局状态管理工具——react-tracked，基于React Context及Hooks打造，超高性能： [github](https://github.com/dai-shi/react-tracked) 79 | 80 | - uizard：识别灵感，手绘直转Sketch，并生成前端代码：[详情](https://uizard.io/) 81 | 82 | - 学习TypeScript的好工具，TypeScript Playground：[入口](https://www.typescriptlang.org/play/index.html#example/using-inheritance) 83 | 84 | ## 跨界碰撞 85 | ![](https://img.alicdn.com/tfs/TB11FUIa81D3KVjSZFyXXbuFpXa-2560-600.jpg) 86 | 87 | - 谷歌的 Dropout 专利生效，AI圈子要坐不住了 [详情](https://tech.sina.com.cn/csj/2019-06-27/doc-ihytcerk9689267.shtml) 88 | 89 | ## 关于我们 90 | 91 | 我们是阿里云智能中台体验技术团队。[详情](https://github.com/aliyunfe/weekly/blob/master/about.md) 92 | 93 | 如有兴趣加入我们，简历/沟通请至：[pianzuo.zj@alibaba-inc.com](pianzuo.zj@alibaba-inc.com) -------------------------------------------------------------------------------- /weekly/《阿里云前端技术周刊》第十五期.md: -------------------------------------------------------------------------------- 1 | # 前端技术周刊第十五期 2 | 3 | 作者：[@亦逊(eason.ym) ](/eason.ym)
4 | 校对：[@月良(jason.czq) ](/jason.czq) [@沣睿(fengrui.zfr) ](/fengrui.zfr) 5 | 6 | 知乎：[阿里云中台前端/全栈团队专栏](https://zhuanlan.zhihu.com/aliyun)
7 | Github：[阿里云前端技术周刊](https://github.com/aliyunfe/weekly) 8 | 9 | 给我们投稿：[传送门](https://github.com/aliyunfe/weekly/issues/new)
10 | 参与交流：[传送门](https://github.com/aliyunfe/weekly/issues/5) 11 | 12 | ## 前端速报 13 | 14 | ![](https://img.alicdn.com/tfs/TB1T43Fa4iH3KVjSZPfXXXBiVXa-2560-600.jpg#alt=) 15 | 16 | - W3C 发布 WebAssembly 核心规范、JavaScript 接口、Web API 三份候选推荐标准。[戳我了解](http://www.chinaw3c.org/archives/2374/) 17 | - [NativeScript 6.0 发布](https://www.codercto.com/a/93194.html)，完全支持 Vue.js！ 18 | - [TypeScript 3.6 Beta 版本发布！](https://devblogs.microsoft.com/typescript/announcing-typescript-3-6-beta/) 此版本有望成为 3.6 版本的完整功能。 19 | - Google 最近发布的 Google Chrome 74，可以通过一个实验性开关对图片和 iframe 开启 [原生延迟加载](https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/jxiJvQc-gVg/wurng4zZBQAJ)（代号 LazyLoad）特性。开启后，img 和 iframe 标签会有额外的 loading 属性用于配置相关资源的延迟加载行为。延迟加载不可见内容可以减少数据和内存消耗，同时加快首要内容的展示。 20 | 21 | ## 趣前端 22 | 23 | ![](https://img.alicdn.com/tfs/TB19FgGa3KG3KVjSZFLXXaMvXXa-2560-600.jpg#alt=) 24 | 25 | - What the f?ck  ? 有趣而又令人懊恼的 JavaScript 示例。[中文版](https://github.com/denysdovhan/wtfjs/blob/master/README-zh-cn.md) 26 | - Markdown 爱好者的福音 —— [nodeppt](https://github.com/ksky521/nodeppt) ，可以将 Markdown 文档转成幻灯片，在浏览器上[演示](https://nodeppt.js.org/#slide=1)。下次再也不用担心写汇报总结啦 😸。 27 | - 每次都在为维护个人项目的 Changelog 而头疼？不妨试试这个小工具一键生成简洁优美的 Changelog 页面 [详情](https://changefeed.app/)
28 | ![](https://gw.alicdn.com/tfs/TB1CNePboz1gK0jSZLeXXb9kVXa-552-363.png#alt=) 29 | - [SwiftUI 开发 Web 网页](http://www.alwaysrightinstitute.com/swiftwebui/)。苹果最新推出的 SwiftUI 可以为 macOS、watchOS、iOS 开发应用程序，现在有人用它开发网页。 30 | - [jk](https://damien.lespiau.name/posts/2019-06-12-jk-configuration-as-code/) 是 JavaScript 写的工具，可以将 JS 的数据结构转为 JSON、YAML 等格式的配置文件。 31 | - 程序员的直播平台：[https://belly.io/programming](https://belly.io/programming) ，成为网红月入百万不是梦。 32 | 33 | ## 编者推荐 34 | 35 | ![](https://img.alicdn.com/tfs/TB11G3Ga2WG3KVjSZFPXXXaiXXa-2560-600.jpg#alt=) 36 | 37 | - [Why I don't use Web Components？](https://dev.to/richharris/why-i-don-t-use-web-components-2cia) Svelte 框架的作者谈 Web Components 方案的一些问题。 38 | - [前端基础篇CSS世界](https://juejin.im/post/5ce607a7e51d454f6f16eb3d)，带你重新温习张鑫旭老师的《CSS世界》 39 | - 腾讯 AlloyTeam —— [揭开在线协作的神秘面纱 – OT算法](http://www.alloyteam.com/2019/07/13659/) 40 | - [阿里云技术团队如何保证高效运转](https://www.infoq.cn/article/XEzMp_i19auXbtoadH4E)，孔凡勇（云狄）谈 Tech Leader 领导力。 41 | - [领域驱动设计在前端中的应用](https://juejin.im/post/5d3926176fb9a07ef161c719) 42 | - 阿波罗11号登月源代码已公开到 GitHub！[立即 Star](https://github.com/chrislgarry/Apollo-11) 43 | 44 | ## 厂内动态 45 | 46 | ![](https://img.alicdn.com/tfs/TB1GNoHa.uF3KVjSZK9XXbVtXXa-2560-600.jpg#alt=) 47 | 48 | - 一起来看看阿里巴巴前端专家写的 [精读《前端未来展望》](https://mp.weixin.qq.com/s/4OYZ2HAs3S03By90rJaD4A)，作者对前端目前一些重要方向进行了深入的思考，值得一读。 49 | - 📣 手绘稿一秒变身数据大屏？DataV 团队研发出可视化神器 LADV 内网版本上线！ 50 | 51 | ## 跨界碰撞 52 | 53 | ![](https://img.alicdn.com/tfs/TB11FUIa81D3KVjSZFyXXbuFpXa-2560-600.jpg#alt=) 54 | 55 | - Google 出品动效神器 [AEUX](https://www.uisdc.com/google-design-aeux)
56 | 动效在设计当中的重要性是毋庸置疑的，它可以提供背景信息，可以指引用户进行交互和操作，提供有效的导航线索。但是，想要将一个全新的领域和信息整合到既定的、已有的 UX 设计流程当中来，并不总是那么容易。谷歌设计团队发布了一款动效神器 AEUX，让 UI 和动效无缝打通！
57 | ![](https://image.uisdc.com/wp-content/uploads/2019/07/1_cSRsAdjDeb03u-cPXNUV3g.gif#alt=) 58 | 59 | - 史上最强 AI 补代码工具 [Deep TabNine](https://medium.com/syncedreview/deep-tabnine-a-powerful-ai-code-autocompleter-for-developers-70454a5953fe)
60 | 加拿大一名大四学生 Jacob Jackson 开发了一款名为 Deep TabNine 的自动代码补全工具，旨在帮助开发者提高编码速度。目前 Deep TabNine 可支持 Java、Python、C++ 及 Haskell 等多种编程语言。
61 | ![](http://5b0988e595225.cdn.sohucs.com/images/20190721/8a3bf7b0143f488c905822a09c919107.gif#alt=) 62 | 63 | 64 | ## 关于我们 65 | 66 | 我们是阿里云智能中台体验技术团队。[详情](https://github.com/aliyunfe/weekly/blob/master/about.md) 67 | 68 | 如有兴趣加入我们，简历/沟通请至：eason.ym@alibaba-inc.com 69 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # 阿里云前端技术周刊 2 | 3 | 当下，前端技术蓬勃发展，从 jQuery 到三大框架，从 RN、Weex 到小程序，以及通过 Node.js 为我们拓展更大的疆域，各类技术层出不穷。这就需要我们怀揣着好奇心去探索学习，开阔技术视野，加深技术广度和深度。互联网上的资源虽多但不精，因此希望将优质的学习资源进行整合，《阿里云前端技术周刊》全新启航！ 4 | 5 | 本周刊由阿里云智能商业中台体验技术团队整理编写，希望能给社区带来更多有价值的内容，迎接云上的大前端时代！ 6 | 7 | 知乎：[阿里云中台前端/全栈团队专栏](https://zhuanlan.zhihu.com/aliyun) 8 | 9 | Github：[阿里云前端技术周刊](https://github.com/aliyunfe/weekly) 10 | 11 | [如何投稿](https://github.com/aliyunfe/weekly/issues/new) 12 | 13 | [如何订阅本周刊](./subscribe.md) 14 | 15 | [与更多同行交流](./communication.md) 16 | 17 | # 目录 18 | 19 | [《阿里云前端技术周刊》第 一 至 十 期](./history.md) 20 | 21 | [《阿里云前端技术周刊》第十一期](./weekly/《阿里云前端技术周刊》第十一期.md) 22 | 23 | [《阿里云前端技术周刊》第十二期](./weekly/《阿里云前端技术周刊》第十二期.md) 24 | 25 | [《阿里云前端技术周刊》第十三期](./weekly/《阿里云前端技术周刊》第十三期.md) 26 | 27 | [《阿里云前端技术周刊》第十四期](./weekly/《阿里云前端技术周刊》第十四期.md) 28 | 29 | [《阿里云前端技术周刊》第十五期](./weekly/《阿里云前端技术周刊》第十五期.md) 30 | 31 | [《阿里云前端技术周刊》第十六期](./weekly/《阿里云前端技术周刊》第十六期.md) 32 | 33 | [《阿里云前端技术周刊》第十七期](./weekly/《阿里云前端技术周刊》第十七期.md) 34 | 35 | [《阿里云前端技术周刊》第十八期](./weekly/《阿里云前端技术周刊》第十八期.md) 36 | 37 | [《阿里云前端技术周刊》第十九期](./weekly/《阿里云前端技术周刊》第十九期.md) 38 | 39 | [《阿里云前端技术周刊》第二十期](./weekly/《阿里云前端技术周刊》第二十期.md) 40 | 41 | [《阿里云前端技术周刊》第二十一期](./weekly/《阿里云前端技术周刊》第二十一期.md) 42 | 43 | [《阿里云前端技术周刊》第二十二期](./weekly/《阿里云前端技术周刊》第二十二期.md) 44 | 45 | [《阿里云前端技术周刊》第二十三期](./weekly/《阿里云前端技术周刊》第二十三期.md) 46 | 47 | [《阿里云前端技术周刊》第二十四期](./weekly/《阿里云前端技术周刊》第二十四期.md) 48 | 49 | [《阿里云前端技术周刊》第二十五期](./weekly/《阿里云前端技术周刊》第二十五期.md) 50 | 51 | [《阿里云前端技术周刊》第二十六期](./weekly/《阿里云前端技术周刊》第二十六期.md) 52 | 53 | 54 | # 核心作者 55 | 56 | 57 | 58 | 63 | 68 | 73 | 78 | 83 | 88 | 93 | 98 | 103 | 108 | 113 | 114 |
59 | 60 |
染陌同学 61 | 62 | 		64 | 65 |
luckyjing 66 | 67 | 		69 | 70 |
Cyrilszq 71 | 72 | 		74 | 75 |
yeshu 76 | 77 | 		79 | 80 |
山河 81 | 82 | 		84 | 85 |
ruohuan 86 | 87 | 		89 | 90 |
前山 91 | 92 | 		94 | 95 |
sudan 96 | 97 | 		99 | 100 |
kunqian 101 | 102 | 		104 | 105 |
亦才 106 | 107 | 		109 | 110 |
pianzuozj 111 | 112 |
115 | 116 | 117 | 118 | 123 | 128 | 133 | 138 | 143 | 148 | 149 |
119 | 120 |
yanm1ng 121 | 122 | 		124 | 125 |
fengruiabc 126 | 127 | 		129 | 130 |
GuoChen-WHU 131 | 132 | 		134 | 135 |
Jeason 136 | 137 | 		139 | 140 |
Abby 141 | 142 | 		144 | 145 |
tobacco91 146 | 147 |
150 | 151 | # 友情链接 152 | 153 | 154 | 155 | 160 | 165 | 170 | 171 |
156 | 157 |
阿里云翻译小组 158 | 159 | 		161 | 162 |
阿里云 TXD 前端月刊 163 | 164 | 		166 | 167 |
前端精读周刊 168 | 169 |
172 | 173 | # 关于我们 174 | 175 | 我们是阿里云智能商业中台体验技术团队 [详情](https://github.com/aliyunfe/weekly/blob/master/about.md) 176 | 177 | 如有兴趣加入我们，简历/沟通请至： ranmo.cy@alibaba-inc.com / yeshu.lrt@alibaba-inc.com / jingxin.sjx@alibaba-inc.com 178 | --------------------------------------------------------------------------------