「每日一瞥 ? 」0211 ~ 0215

2019-02-18
阅读 26 分钟
2k
用 React Hooks 写异步表单校验 React Hooks vs HOC 性能对比探讨 Flexbox vs Grid git-history 把玩 一个 React 优化模式 用 React Hooks 写异步表单校验 春节期间,React 发布了 16.8 的版本,正式支持了 React Hooks。本文将使用 React Hooks API 通过 100 行代码来实现支持异步的表单校验功能。当然,本文最终的例子...

「每日一瞥 ? 」0128 ~ 0202

2019-02-18
阅读 12 分钟
1.7k
TypeScript 3.3 更新梳理 Object.assign vs Object Spread in Node.js New in Chrome 72 New JavaScript features in ES2019 iOS 12.2 Beta's 支持 Web Share API Yarn's Future - v2 and beyond TypeScript 3.3 更新梳理 首先需要声明的是,TypeScript 3.3 是个小版本 release,不包含 breaking changes,so 升级的话应...

「每日一瞥 ? 」0121 ~ 0125

2019-01-30
阅读 15 分钟
1.8k
盘点可用 Hooks 重写的几个场景 ES2018 新特性梳理之 Promise.prototype.finally 为什么我不再使用 export default Hooks PR has just been merged 2019 React 技术栈学点什么 React Hooks 之 Hooks 之所以可以设计为 Hooks 的原因 盘点可用 Hooks 重写的几个场景 今天我们来探讨下,如何使用 React Hooks 来简化和统一...

结合具体场景,聊聊 React 的状态管理方案

2019-01-23
阅读 13 分钟
2.3k
虽然 React 的状态管理是一个老生常谈的问题,网上和社区中也能搜到相当多的资料。这里还是想梳理下从我接触 React 开始到现在对状态管理的一些感想。

「每日一瞥 📰 」0114 ~ 0118

2019-01-22
阅读 8 分钟
3.8k
「ES2015 - ES2018」Rest / Spread Properties 梳理 Three.js 概念梳理 火狐 Nightly 支持 CSS Grids 动画 换个姿势起 Node.js 工程 WebView & JS Bridge 笔记 「ES2015 - ES2018」Rest / Spread Properties 梳理 第 9 版 ECMAScript 标准,官方称为 ECMAScript 2018(或简称 ES2018),已于 2018 年 6 月发布。从 E...

「每日一瞥 📰 」0107 ~ 0111

2019-01-16
阅读 8 分钟
2.3k
学习 React Error Boundaries 纯 New 向:GitHub 为免费用户提供私有仓库 数据盘点之 2019 年要学点什么 react@16.8.0-alpha.0 支持 React Hooks React.lazy 实践 学习 React Error Boundaries React.lazy + Suspense 可以检测到组件树中的所有懒加载的组件,并根据其加载状态调用 fallback。其中的实现原理与 React Err...

从 loading 的 9 种写法谈 React 业务开发

2019-01-08
阅读 4 分钟
7k
这是一篇比较全面讲解 React 的文章,里面很多基础知识希望你自己一边查阅资料一边学习。全文从业务开发中最常用见 loading 效果不同是实现讲起,说下现在前端开发在业务上应该有的思考。

「每日一瞥 ? 」1224 ~ 0104

2019-01-07
阅读 15 分钟
1.8k
从过去直到 React.lazy 写一个没有 JSX 的 React 执行上下文和执行栈 公私有域和方法 数组在性能方面的一个注意点 从过去直到 React.lazy code-splitting 当我们最最开始做前端开发的时候,JavaScript 文件自然就一个个罗列在一起,通过 script 标签引入到 html 里。当然,即使在现在,我们也还是会在写一些 Demo 时使用...

「每日一瞥 📰 」1203 ~ 1221

2018-12-26
阅读 21 分钟
2.1k
Node.js 内存更高效的大文件处理方法 React 元素的 $$typeof 属性是干嘛的? React 是怎么区分 class 和 function 的? Redux v6.0.0 released 学习一下 React Hooks setState 并没有做什么 为不断演化而不断优化 Babel 7.2.0 发布 Redux 与 Context 取舍 Hooks vs Lifecycle 纯 News 向:state of js in 2018 React.mem...

决胜圣诞,女神心情不用猜!

2018-12-24
阅读 11 分钟
4k
本文将结合移动设备摄像能力与 TensorFlow.js,在浏览器里实现一个实时的人脸情绪分类器。鉴于文章的故事背景较长,对实现本身更有兴趣的同学可直接跳转至技术方案概述。

想写好前端,先练好内功

2018-12-10
阅读 7 分钟
3.1k
封不平听在耳里,暗叫:“到这地步,我再能隐藏甚么?”仰天一声清啸,斜行而前,长剑横削直击,迅捷无比,未到五六招,剑势中已发出隐隐风声。他出剑越来越快,风声也是渐响,剑锋上所发出的一股劲气渐渐扩展,旁观众人只觉寒气逼人,脸上、手上被疾风刮得隐隐生疼,不由自主的后退,围在相斗两人身周的圈子渐渐扩大,竟...

「译」React Fiber 那些事: 深入解析新的协调算法

2018-12-03
阅读 14 分钟
7.3k
React 是一个用于构建用户交互界面的 JavaScript 库,其核心 机制 就是跟踪组件的状态变化,并将更新的状态映射到到新的界面。在 React 中,我们将此过程称之为协调。我们调用 setState 方法来改变状态,而框架本身会去检查 state 或 props 是否已经更改来决定是否重新渲染组件。

React Hooks 深入不浅出

2018-11-28
阅读 6 分钟
27.3k
这个标题可能不太好,但此文章确实不是一篇使用教程,而且也不会覆盖太多点,建议时间充裕的还是应该完整地看下 官网文档。 React Hooks 对于部分人来说可能还是陌生的,但还是阻止不了它成为了当前 React 社区里「最」热门的一个词汇。 一开始了解到这个还是 Dan Abramov 在十月底的时候发了一个推,是一篇文章 Making ...

「译」更快的 async 函数和 promises

2018-11-16
阅读 10 分钟
6.1k
JavaScript 的异步过程一直被认为是不够快的,更糟糕的是,在 NodeJS 等实时性要求高的场景下调试堪比噩梦。不过,这一切正在改变,这篇文章会详细解释我们是如何优化 V8 引擎(也会涉及一些其它引擎)里的 async 函数和 promises 的,以及伴随着的开发体验的优化。

G2 定制仪表盘实践

2018-11-16
阅读 9 分钟
4.7k
我们打开 G2 看到的仪表盘如下图左边的样子,但是这个仪表盘看起来有点生硬。下图中右边的仪表盘是不是样子更炫酷了一些呢?那么如何绘制一个这样的仪表盘呢?接下来我们就来剖析一下这样的一个仪表盘是怎样做出来的,并在文章最后附上全部代码供大家参考。

炫酷粒子表白,双十一脱单靠它了!

2018-11-05
阅读 7 分钟
8k
​ 双十一光棍节又要来临了,每年这个时候都是本人最苦闷的时刻。日渐消瘦的钱包,愈发干涸的双手,虽然变强了,头却变凉了。今年一定要搞点事情! <img src="[链接]; alt="fxxking things" width="160"> ​ 最近听女神说想谈恋爱了,✧(≖ ◡ ≖) 嘿嘿,一定不能放过这个机会,给她来个不一样的表白。 <img src="[链...

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

2018-10-18
阅读 9 分钟
16.2k
随着越来越多新型前端框架的推出,SSR 这个概念在前端开发领域的流行度越来越高,也有越来越多的项目采用这种技术方案进行了实现。SSR 产生的背景是什么?适用的场景是什么?实现的原理又是什么?希望大家在这篇文章中能够找到你想要的答案。

「译」代码优化策略 — Idle Until Urgent

2018-09-30
阅读 13 分钟
5.9k
译者注:大家耳熟能详的优化策略已经谈论了好多年了,用 Chrome 性能分析工具发现瓶颈并针对性优化的文章网络上也有不少,但是从运行时调度策略来思考优化方式的却凤毛麟角,正如我们之前只知道使用 setTimeout 来进行 throttling 和 debounce。因此在偶然看到这篇文章时,我有一种__豁然开朗__的感觉:原来我们还可以在...

GraphQL 技术浅析

2018-09-14
阅读 7 分钟
3.7k
7月份我们前端团队推动落地了一个 toB 类型的系统,由于服务端也由我们前端工程师来承接,所以服务端技术选型上我们有了话语权,API 这一块儿我们选择了 GraphQL 。本文将阐述我学习 GraphQL 这门技术的一些思考。

「译」Liftoff:V8 引擎中全新的 WebAssembly baseline 编译器

2018-09-05
阅读 8 分钟
8k
V8 引擎在 v6.9 版本中加入了一个全新的 WebAssembly baseline 编译器 —— Liftoff。它目前在桌面系统平台上是默认开启的。本文将会详细讲解引入新的编译层的动机,并介绍一下 Liftoff 的具体实现以及性能情况。

前端插拔式 SPA 应用架构实现方案

2018-08-17
阅读 8 分钟
14.6k
随着互联网云的兴起,一种将多个不同的服务集中在一个大平台上统一对外开放的概念逐渐为人熟知,越来越多与云相关或不相关的中后台管理系统或企业级信息系统曾经或开始采用了这种「统一平台」的形式。同时,前端领域保持着高速发展,早期的 jQuery+Backbone+Bootstrap 的 MVC 解决方案支撑起了业务相当长的一段时间;后...