高质量前端资源 ( 一 )

导语

日常喜欢浏览各种技术网站包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,将持续追踪最新优质前端资源,欢迎一起贡献分享。

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

如有侵权,请联系 yunjia_community@tencent.com 删除。

编辑于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏天天

使用swiper制作拓展效果(跑马灯)

Swiper是纯javascript打造的滑动特效插件,面向手机、平板电脑等移动终端。

3743
来自专栏Jack的Android之旅

基于豆瓣和妹子的api用React Native写的demo for android

最近一直在学React Naitve,可以说React Native的确有他自身强大的地方,不管是运行效率还是热更新都和一般的h5有的一比,当然因为面世的时间还...

1072
来自专栏软件开发

HTML5 学习总结(一)——HTML5概要与新增标签

一、HTML5概要 ? 1.0、写在最前面 1.0.1、行业前景 https://www.lagou.com/ http://www.51job.com/ ? ...

3408
来自专栏大史住在大前端

一统江湖的大前端(1)——PPT制作库impress.js

impress.js 是一款基于 css-3D 和 css动画 、受到高逼格PPT原型工具 prezi 启发而开发的演示文稿制作库,github上星星高达33k...

1243
来自专栏DeveWork

体验扁平化的WordPress 后台管理界面

话说,从微软的Windows 8 的Metro 界面开始,到渐渐流行起来的扁平化网页设计,最后到现在最近的iOS7,扁平化已经渐渐成为趋势了。于是呢,WordP...

3089
来自专栏编程

前端开发者常用的 9个JavaScript 图表库

英文: Anton Shaleynikov 译文:葡萄城控件 www.cnblogs.com/powertoolsteam/p/top-9-javascri...

3215
来自专栏帮你学MatLab

如何记笔记

Step1. 在听讲过程中,在左侧内尽量多记有意义的论据、概念等讲课内容。 Step2. 下课以后,尽可能及早将这些论据、概念简明扼要地概括(简化)在右侧。 ...

2826
来自专栏DeveWork

WordPress By Example:一个WordPress 主题搜索引擎

来,今天介绍个好东东,一个WordPress 主题搜索引擎。你只要在搜索框输入相关关键词,就可以获取相应的WordPress 主题。这些主题有收费与付费。就Je...

2197
来自专栏数据小魔方

Xcelsius(水晶易表)系列3——深入了解单值部件

今天继续分享有关单值部件的使用技巧! 今天的小案例非常简单,是一组关于产品销售利润的计算。 给定进货成本、国税税金、零售定价、预计销售数量等,最后需要输出的指标...

2797
来自专栏十月梦想

字体大小单位vw和reg

vm是相对浏览器宽度,1vm浏览器1%,10vm10%,浏览器窗口大小,字体自适应,开发多用到vm作为字体单位

1245

扫码关注云+社区