高质量前端资源 ( 一 )

导语

日常喜欢浏览各种技术网站包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 删除。

编辑于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏PPV课数据科学社区

【学习】15款经典图表软件推荐 创建最漂亮的图表

以下列出的图表,图形和数据可视化的最佳软件,从创建基本的2D图表到产生复杂的数据集的数据可视化,这些PHP,Javascript、Flash的图表,对于任何一个...

2523
来自专栏技术/开源

【开源】XPShadow, 用阴影让UWP更有层次感

UWP采用的是纯扁平化的设计,个人感觉极端了点,整个世界都是平的,导致App分不清层次,看不出重点。其实扁平化是趋势,android, ios都在搞,问题是an...

17010
来自专栏知晓程序

现实生活压力大,不如用这 4 款小程序去二次元世界找「老婆」

纸片人那么好那么可爱,画出来的场景那么美那么酷炫,低等维度像一个梦,梦里什么都有。

835
来自专栏机器学习算法与Python学习

给Python初学者:如何用 Django 写一个36Kr

关键字全网搜索最新排名 【机器学习算法】:排名第一 【机器学习】:排名第二 【Python】:排名第三 【算法】:排名第四 首先需要说明一下,这篇教程是写给初学...

3377
来自专栏IMWeb前端团队

QQ天气H5-前端完整解析

前言: 什么是手Q天气 手Q天气是在手Q 6.0版本以上新增的功能,页面会展现当天的气温情况,已经五天温度折线图以及24小时温度图表等。 并且为了更好的交互效果...

5768
来自专栏IT大咖说

从UI到AI——移动端H5生成技术漫谈

1325
来自专栏葡萄城控件技术团队

不用Visual Studio,5分钟轻松实现一张报表

常规的报表设计,如RDLC、水晶报表等,需要安装Visual Studio,通过VS提供的报表设计界面来设计报表,通过VS设计报表对.NET开发者而言非常方便,...

1905
来自专栏较真的前端

《React in patterns》 中文版来了

1484
来自专栏hightopo

数百个 HTML5 例子学习 HT 图形组件 – 拓扑图篇

975
来自专栏小文博客

腾讯云OCR文字识别“测评”

前不久有朋友为了方便工作,问我“怎么把图片中的文字提取出来”,我当时就想到手机QQ扫一扫刚好可以实现这个功能,就让他先将图片传到手机,然后再用手机QQ扫一扫 。

5807

扫描关注云+社区