React 的一些模式

使用 React 的一些最佳实践总结

阅读更多

【译】JavaScript 内存泄漏问题

这篇文章中,我们将探讨几种常见的客户端 JavaScript 内存泄漏问题,同时学习如何使用 Chrome 开发者工具来发现这些问题。

阅读更多

尝试 TypeScript

TypeScript 是微软开发一门 JavaScript 超集,由大名鼎鼎的 Anders Hejlsberg 主导开发,全面兼容 JavaScript 并对它进行扩展。正如其名,TypeScript 给 JavaScript 这个动态语言加上了类型保障,使得编译期可以确定类型。目前,Angular 2 便是使用 TypeScript 开发的,而我们去看 React 的代码,也会发现里面有一部分测试代码使用的是 TS。此外,国内比较知名的项目白鹭引擎也是一开始就使用 TS 进行开发。

阅读更多

学习 React 源码

由于前段时间使用 React/Redux 做了一些小项目,很多时候只是停留在使用层面,但对于其内部原理却知之甚少。觉得有些深层的知识还是需要深入到源码层面去了解。此外,对于一个前端开发者来说,由于长期开发的页面一般都不会太复杂,长此以往会导致其丧失设计模式及代码架构的认识,一旦出现一个大型的工程项目,如何对代码本身做设计往往就有些困难了。React 的源代码就是一个很值得学习的例子。

阅读更多

实现一个高效的 left-pad 算法

前段时间很热门的 left-pad 事件让这个只有十几行的 npm 包着实火了一把,本文在代码层面分析如何实现一个高性能的 left-pad 算法。

阅读更多

JavaScript & 函数式编程

近来的前端技术趋势中,从 React 无状态组件到 Redux 单向数据流,到处都能发现函数式的相关影子。了解函数式相关的基础知识对我们理解这些流行元素很有必要。

阅读更多

React 开发小记

近期使用 React 开发过程中,随手记录了一点笔记,比较杂乱,见下文。

阅读更多

Redux 源码解读

要问 2015 年最火的前端开发技术栈,那就不得不提及 React + Redux + Webpack 了。React 是 FB 提出的新一代组件式开发框架,极大简化了日益复杂的前端业务开发,但对于整个页面的数据状态控制,则不在 React 范围内。FB 本身提出了一个单向数据流 Flux 编程范式,将整个数据流程加以简化,避免出现数据的不可控。

阅读更多

Git 拾遗

Git 使用已经有很长一段时间了,但大部分情况下用到的只是向个人代码库中的添加文件、提交记录及推送远端等几个简单常用的命令。最近看到了 githug 项目(好吧,原来这个项目早在四年前就有了),决定在以前写的简单 Git 入门文章基础上好好重新梳理一下自己的 Git 技能。

阅读更多

Webpack Dev Server

webpack 如其名,是一个前端资源打包工具,它提供了 loader 这种插件的方式来支持扩展,只需简单的一个 webpack.config.js 文件就可以完成前端开发中需要的各项功能。而且,它还可以整合到 grunt/gulp 中。与单纯地压缩编译文件之类的工具不同,webpack 通过分析一个入口(entry)文件解析其中的所有文件依赖关系,通过配置的 loader 处理并最终打包成一个文件。

阅读更多