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

发布时间:2019-06-30 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了FCC 成都社区·前端周刊 第 11 期脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

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 :)

脚本宝典总结

以上是脚本宝典为你收集整理的FCC 成都社区·前端周刊 第 11 期全部内容,希望文章能够帮你解决FCC 成都社区·前端周刊 第 11 期所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。