CtripFE / fe-weekly

MIT License
24 stars 1 forks source link

2018-10-29 #81

Closed mirreal closed 6 years ago

stoneyong commented 6 years ago

React v16.7 "Hooks" - What to Expect

Hooks 是一个 React 函数组件内一类特殊的函数(通常以 "use" 开头,比如 "useState"),使开发者能够在 function component 里依旧使用 state 和 life-cycles,以及使用 custom hook 复用业务逻辑。

规范你的 commit message 并且根据 commit 自动生成 CHANGELOG.md

本篇文章介绍的是 Angular 的 commit message 规范,这是目前使用最广的写法,比较合理和系统化,并且有配套的工具。

React 中同构(SSR)原理脉络梳理

本文简述了 React 中同构的原理,已经 SSR 在React中的应用,可以了解到整个 SSR 的流程体系中关键知识点的原理。

mirreal commented 6 years ago

前端字体截取:实战篇

文章介绍了字体截取的适用场景,unicode-range 的使用方式,以及如何借助 glyphhanger 来做一些好玩的事。

Egg 源码分析之 egg-core

从源码层面来理解 Egg 的设计思想,以及如何实现 loader 来完成 config,extend,service,middleware,controller,router 的加载。

Under the Hood: NaN of JS

文章比较详细地介绍在 JavaScript 中 NaN 的定义和实现。

Jade05 commented 6 years ago

为什么我们做分布式使用 Redis ?

绝大部分写业务的程序员,在实际开发中使用 Redis 的时候,只会 Set Value 和 Get Value 两个操作,对 Redis 整体缺乏一个认知。这里对 Redis 常见问题做一个总结,解决大家的知识盲点。

Node 案发现场揭秘 —— 如何利用 GC 日志不修改代码调优应用性能

通过 GC 方面的运行时调优来提升我们的项目性能是一种大家不那么常用的方式,这也有很大一部分原因是应用运行时 GC 状态本身不直接暴露给开发者。本文通过实际案例介绍,让我们看到可以借助于 Node.js 性能平台,实时感知 Node 应用 GC 状态以及进行对应的优化,使得不改一行代码提升项目性能变成了一件非常容易的事情。

gRPC-Web发布,REST又要被干掉了?

gRPC-Web 让你能够使用.proto 来定义客户端 Web 应用程序和后端 gRPC 服务器之间的服务“契约”,并自动生成客户端 JavaScript(你可以选择 Closure 编译器或使用更为广泛的 CommonJS)。

你可以不用再为这些事情操心:创建自定义 JSON 序列化和反序列化逻辑、处理 HTTP 状态代码(可能因REST API 而异)、Content-Type 协商等。

从更广泛的架构角度来看,gRPC-Web 让端到端的 gRPC 成为可能。

CurtisCBS commented 6 years ago

为什么说它对 Android 未来的发展十分重要?

由于其开放性,Android 在其前十年取得了显著的增长。有大量的设备可供选择,蓬勃发展的开发者生态系统提供了许多应用和游戏,为这些设备赋予了长久的生命力。作为开发者,您希望确保用户尽可能获得最佳体验,并确保您的应用尽可能在所有这些设备上运行。您还希望尽可能多的用户安装您的应用; 您也希望他们持续使用它; 并且您不希望他们因您无法控制的原因卸载您的应用。到目前为止,Android 应用的发布和分发方式在所有这些方面都有待改进。我想观察一下开发者面临的一些挑战,并告诉您 Google 正在采取哪些措施来提供帮助。

构建大型 Redux 应用的五个建议

当项目规模逐渐增大之后,入门文档和教程级别的项目代码的局限性会逐渐显现出来,并且你会遇到在小型应用中不会遇到的问题。更致命的地方在于,如果想要解决这些问题,需要对整个应用的代码做出调整。

CSS scroll-behavior和JS scrollIntoView让页面滚动平滑

scroll-behavior:smooth写在滚动容器元素上,可以让容器(非鼠标手势触发)的滚动变得平滑。DOM元素的scrollIntoView()方法是一个IE6浏览器也支持的原生JS API,可以让元素进入视区,通过触发滚动容器的定位实现。

StevenX911 commented 6 years ago

[译] 开启性能预算

当我们同致力于提高性能的世界 500 强企业对话时,(了解到)一旦回归到功能开发,性能指标通常会快速回归。性能预算帮助团队确定功能的优先级,优化并促进讨论对用户真正重要的是什么。

Google JavaScript 代码风格指南

Google 和 Airbnb 是目前最流行的 JavaScript 代码风格,如果你长期使用 JavaScript 来写代码的话,建议对比看看。 以下是我认为在 Google 代码风格指南中最有意思的十三条规则,和大家分享一下。

原生JS实现DOM粒子爆炸效果

通过原生js代码,实现粒子爆炸效果组件