高质量前端资源 ( 一 )

导语

日常喜欢浏览各种技术网站包hashnode,sitepoint,medium,hacknews,stackoverflow,github,国内主要浏览cnode,csdn等, 会遇到一些不错的文章,整理推荐给大家。内容包括最新的es6,最热门的react以及基于react的react native,还有css3,webpack,gulp,debug等方面高质量文章。

ES2015 || ES5

Understanding ECMAScript 6

es6 手册

javascript API文档

Javascript design pattern

jstips

每天花两分钟时间就可以了解到一些精选的js实践,这些实践包括性能,hack,语言应用等

如何写一个你自己的jQuery库?

如何成为一个JavaScript 大牛?

这篇文章讲述了如何从一个javascript新手成长为javascript大牛的一般过程,非常值得一看。

Styleguide

baidu fe styleguide

google styleguide

React

5 Essential React.js Interview Questions

Automatic Code Splitting for React Router w/ ES6 Imports

Webpack 2 Tree Shaking Configuration

Smart and Dumb Components in React

Automating documentation for your React components

Leveling Up with React

React Context

React Context Doc

React Virtual DOM vs Incremental DOM vs Ember’s Glimmer: Fight

对比几种主流dom动态更新方案包括Virtual DOM 和 Incremental DOM以及Ember的 Glimmer,最后指出react在可整合性,声明式组件化开发等方面相对做的更好,推荐优先采纳,从这篇文章,可以看出react各方面的优异,是一个可以近中期投入的技术。

Change And Its Detection In JavaScript Frameworks

数据变动检测是界面开发的核心问题。本文讨论了ember,angular,react三种主流框架数据变动检测的方式,分别是ember的数据绑定,手动负责更新dom;angular的脏检查,定时检查那些已注册进观察对象里的片段,如果有变动,就更新这些片段;react的虚拟dom,将界面抽象为虚拟dom树,界面变化时, 前后虚拟dom对比,最小化更新已变动的地方。

react-fiber-architecture

react核心算法探索

使用immutable优化React

Replacing React with Preact in Your Projects

React的新引擎—React Fiber是什么?

React Internals, Part One: basic rendering

22 Amazing open source React projects

React Native

React Native动画研究和对比

react native blog

React Native Animation Book

Building a Store Locator With React Native

Node.js

Node Hero - Getting Started With Node.js Tutorial

How JavaScript works: inside the V8 engine + 5 tips on how to write optimized code

也谈node.js全栈式开发

Better Node with ES6, Pt. I

How to Start Contributing to Node.js

node.js面试

CSS

Use Cases For CSS Vertical Media Queries

Styling Broken Images

Css Modules

BEMIT: Taking the BEM Naming Convention a Step Further

Battling BEM (Extended Edition): 10 Common Problems And How To Avoid Them**

ITCSS: SCALABLE AND MAINTAINABLE CSS ARCHITECTURE

Responsive design

media query ie8- 兼容实现总结

css3-mediaqueries-js

css3-mediaqueries.js 能使得绝大部分浏览器都能支持media query,用法和正常使用媒介查询一样

Hack

A new micro clearfix hack

Build tool (Webpack,Gulp,RollUp,Babel)

阮一峰讲webpack

babel将es2015的代码转换成什么样子

Debug

Chrome 实用调试技巧

[functional-programming

functional-programming

函数式编程术语解析

目前个人正在维护一个weekly,将持续追踪最新优质前端资源,欢迎一起贡献分享。

原创声明,本文系作者授权云+社区-专栏发表,未经许可,不得转载。

如有侵权,请联系 zhuanlan_guanli@qq.com 删除。

编辑于 2017-09-12
0

陈远峰的专栏

2 篇文章1 人订阅

0 条评论

相关文章