FCC 成都社区·前端周刊第 11 期

betacat 发布于2019-08-02 10:21 / 2510人阅读

摘要：正式发布已正式发布，新版本重点关注工具链以及工具链在中的运行速度问题。文章内容包括什么是内存，内存生命周期，中的内存分配，内存释放，垃圾收集，种常见的内存泄漏以及如何处理内存泄漏的技巧。

1. Angular 6 正式发布

Angular 6.0.0 已正式发布，新版本重点关注工具链以及工具链在 Angular 中的运行速度问题。Angular v6 是统一整体框架、Material 和 CLI 三大 Angular 组件的第一个版本，此次没有将重点放在底层框架，而是更多地关注于工具链上，以使其具有更好的可移植性。

详情：https://alligator.io/angular/angular-6/

2. 体验友好的数值输入"InputMode"

数值输入框都需要一个数值输入的 UI 界面。在大多数小屏幕手机上，只要把 input的 type 设置为 number，就可以轻松唤出数字键盘，处理数字输入。可是在稍大点的手机屏幕上，在输入框最右侧会像 PC 端一样出现一个默认的小上下箭头，当手指去点这个箭头，体验会非常不好，这不是我们希望的结果。当我们输入的内容不仅仅是数字，还包括加号、减号时，input="number" 并不能很好地工作。能解决这一问题的 InputMode 已经被 WHATWG 提倡了很多年，现在 Chrome 66 终于率先支持这一模式。

详情：https://css-tricks.com/finger-friendly-numerical-inputs-with-inputmode/

3. 有了Meiosis，也许你不再需要Redux, MobX或RxJS

Meiosis 实际上并不是一个库，它只是提供一个更简单的状态管理模式。它的特点是：你在开发时有更多的自由空间，不必依赖库的支持；没有"黑科技"，你完全知道代码在做什么；提供可复用的纯函数对象组件；具有和 Render Props，React Context 相同的功能；支持第三方插件的引用如 Bootstrap、jQuery 等等。

详情：https://medium.com/@foxdonut00/you-dont-need-redux-mobx-rxjs-cerebral-6a735b150a02

4. 打造你的第一个 RESTful API

如果你是从未写过服务器端代码的前端开发者，又想拓展技能树往后端发展，可以试试走出第一步，跟着本文作者学习如何用 NodeJS 打造一个 RESTFUL 风格的 API。

详情：https://codeburst.io/building-my-first-restful-api-95575eb7ed42?gi=98b1f135d032

5. 漫画：深入浅出 ES 模块

ES 模块为 JavaScript 提供了官方标准化的模块系统。然而，这中间经历了一些时间——近 10 年的标准化工作，但等待已接近尾声。随着 5 月份 Firefox 60 发布（目前为 beta 版），所有主流浏览器都会支持 ES 模块，并且 Node 模块工作组也正努力在 Node.js 中增加 ES 模块支持。同时用于 WebAssembly 的 ES 模块集成也在进行中。
让我们来看看 ES 模块能解决什么问题，以及它们与其他模块系统中的模块有什么不同。

详情：https://zhuanlan.zhihu.com/p/36358695

6. 团队开发中如何统一构建标准

在开发团队工作时，在开发者中建立共同的构建标准以节省时间和防止重复工作至关重要。下面是 CircleCI 在整个团队中自动执行共享构建标准的 3 种方法：强制代码格式化，强制构建时间限制，强制 PR 分支目标。

详情：https://circleci.com/blog/enforce-build-standards/

7. 用 CSS 开发下拉菜单

CSS 越来越强大，并且具有 CSS grid 和自定义属性（也称为CSS变量）等功能，我们看到一些真正有创意的解决方案正在出现。其中一些解决方案的重点不仅在于使网页更漂亮，而且使网页更易于访问。这篇文章讲述了如何使用伪类 focus-within 制作一个简单的下拉菜单。

详情：https://css-tricks.com/solved-with-css-dropdown-menus/

8. React构建表单-您需要知道的一切

表单对于任何现代应用都是必不可少，它们是用户与应用进行交互的基本媒介。在应用中表单可表现为各种形式：用户安全地登录，搜索和过滤产品列表，预订产品和构建购物车等。在本教程中，我们将看看 React 如何处理表单。我们不仅介绍基础知识，还介绍验证和最佳实践，以及一些有经验的开发人员也会遇到的错误。

详情：https://www.codementor.io/blizzerand/building-forms-using-react-everything-you-need-to-know-iz3eyoq4y

9. 你每天都应该使用的现代JS功能

JavaScript 仅用于在网站上添加一点交互作用的时代已经一去不复返了。新的 ECMAScript 标准现在每年发布，带来了越来越有用和强大的功能。JavaScript 不仅在前端使用，还可以构建后端体系结构、移动、桌面或物联网应用。本文作者作为全栈开发者和移动端开发专家，为我们提供了他日常工作中使用的 JS 技巧。

详情：https://www.codementor.io/thomas478/modern-javascript-features-which-you-should-be-using-every-day-for-better-development-and-what-problems-do-they-solve-itkhcemti

10. 如何处理 JavaScript 内存泄漏

这篇文章为深入探讨 JavaScript 以及其工作原理系列的第三篇，讨论了一个开发者容易忽视的重要主题：内存管理。文章内容包括：什么是内存，内存生命周期，JavaScript 中的内存分配，内存释放，垃圾收集，4 种常见的 JavaScript 内存泄漏以及如何处理 JavaScript 内存泄漏的技巧。

详情：https://mp.weixin.qq.com/s?__biz=MzAwNDcyNjI3OA==&mid=2650841194&idx=1&sn=c7994c15f1ad38b636c763a01f9c18ad

11. 技术面试需要掌握的基础知识

这是来自 GitHub Trending 的热门项目，目前已有超 2 万 star。项目总结了技术面试需要掌握的基础知识，包括：算法，操作系统，网络，面向对象，数据库，Java，分布式，工具和编码实践等等。

详情：https://github.com/CyC2018/Interview-Notebook

12. 中国程序员容易发音错误的单词

中国程序员容易发音错误的单词，包括我们熟知的 Angular、AJAX、Git、hidden、Linux、module 和 width 等。一起来看看，或许会有新发现。

详情：https://github.com/shimohq/chinese-programmer-wrong-pronunciation

每周一同步更新到 GitHub,  欢迎 star :)

GPU云服务器云服务器独立开发变现周刊（第 17 期）：为了活独立开发变现周刊（第25期）：免费表单生独立开发变现周刊（第 19 期）：基于G 独立开发变现周刊（第27期）：15年独立

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/52301.html

FCC 成都社区·前端周刊第 7 期

摘要：详情发布于月号发布了版本，除了性能改进修复外，首次添加了贡献者的安装脚本。详情中的应用在中悄悄增加了对渐进式应用这一系列新技术的基本支持，这意味着现在可以在没有批准的情况下在上安装应用程序，不过会有一些限制。 01. ES2016, 2017, 2018 中的新特性文章介绍了 18 个 ECMAScript 2016，2017 和 2018 中新增加的特性，这些特性已被加入到 TC3...

source 2019-08-30 14:23 评论0 收藏0
FCC 成都社区·前端周刊第 7 期

摘要：详情发布于月号发布了版本，除了性能改进修复外，首次添加了贡献者的安装脚本。详情中的应用在中悄悄增加了对渐进式应用这一系列新技术的基本支持，这意味着现在可以在没有批准的情况下在上安装应用程序，不过会有一些限制。 01. ES2016, 2017, 2018 中的新特性文章介绍了 18 个 ECMAScript 2016，2017 和 2018 中新增加的特性，这些特性已被加入到 TC3...

NikoManiac 2019-08-22 16:07 评论0 收藏0
FCC 成都社区·前端周刊第 7 期

摘要：详情发布于月号发布了版本，除了性能改进修复外，首次添加了贡献者的安装脚本。详情中的应用在中悄悄增加了对渐进式应用这一系列新技术的基本支持，这意味着现在可以在没有批准的情况下在上安装应用程序，不过会有一些限制。 01. ES2016, 2017, 2018 中的新特性文章介绍了 18 个 ECMAScript 2016，2017 和 2018 中新增加的特性，这些特性已被加入到 TC3...

hiYoHoo 2019-08-02 10:09 评论0 收藏0
FCC成都社区·前端周刊第 2 期

摘要：详情正式发布于号正式发布，版本代号为。上个月有次下载量，大大超过了的下载量。但对于伪类选择器，其总是显示为未使用。详情新增允许第三方嵌入的网站可请求访问第一方网站的，但这并不是指放宽了同源策略。 01. Propel：JS的科学计算框架 Propel 是一种 JavaScript 科学计算框架，类似于 Python 中的科学计算库 NumPy，也就是说利用 JS 也可以进行机器学习啦。...

Muninn 2019-08-30 14:17 评论0 收藏0
FCC成都社区·前端周刊第 2 期

摘要：详情正式发布于号正式发布，版本代号为。上个月有次下载量，大大超过了的下载量。但对于伪类选择器，其总是显示为未使用。详情新增允许第三方嵌入的网站可请求访问第一方网站的，但这并不是指放宽了同源策略。 01. Propel：JS的科学计算框架 Propel 是一种 JavaScript 科学计算框架，类似于 Python 中的科学计算库 NumPy，也就是说利用 JS 也可以进行机器学习啦。...

tinna 2019-08-22 15:51 评论0 收藏0
FCC成都社区·前端周刊第 2 期

摘要：详情正式发布于号正式发布，版本代号为。上个月有次下载量，大大超过了的下载量。但对于伪类选择器，其总是显示为未使用。详情新增允许第三方嵌入的网站可请求访问第一方网站的，但这并不是指放宽了同源策略。 01. Propel：JS的科学计算框架 Propel 是一种 JavaScript 科学计算框架，类似于 Python 中的科学计算库 NumPy，也就是说利用 JS 也可以进行机器学习啦。...

zero 2019-08-02 10:04 评论0 收藏0