高质量前端资源 ( 一 )

导语

日常喜欢浏览各种技术网站包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 条评论
登录 后参与评论

相关文章

来自专栏大数据文摘

业界 | 用Python做数据科学时容易忘记的八个要点!

虽然我们在StackOverflow或其他网站上查找答案是很正常的事情,但这样做确实比较花时间,也让人怀疑你是否完全理解了这门编程语言。

1040
来自专栏陈满iOS

iOS图形处理概论:OpenGL ES,Metal,Core Graphics,Core Image,GPUImage,Scene Kit (3D) ,Sprite Kit (2D),OpenCV

对于刚接触iOS图形相关框架的小白,有一些图形框架在字面上和功能上非常容易混淆。这里旨在总结一下各种框架,区分它们的概念和功能,以作日后进一步细分学习的指引。因...

902
来自专栏Golang语言社区

组件-实体-系统 (ECS \CES)游戏编程模型

一般来说,我们实现游戏实体都是采用面向对象的方法进行编程。每一个实体都是一个对象,并且需要一个基于类的实例化系统,允许实体通过多态 来扩展。但是,这样的方法,往...

1122
来自专栏Coco的专栏

不可思议的混合模式 background-blend-mode

1523
来自专栏点滴积累

shapeless官方指南翻译写在前面

目录 前言 Shapeless简介 The Type Astronaut's Guide to Shapeless简介 总结 一、前言        在我的20...

3437
来自专栏进步博客

[温故知新] Text-level semantics

The em element represents stress emphasis of its contents.

1033
来自专栏Coding迪斯尼

VUE+WebPack前端游戏设计:实现外星人攻击建筑物时的冒烟效果

855
来自专栏GIS讲堂

当我们遇到问题的时候改如何解决

问题 在Openlayer3中直接加载PNG图片,在API中提供了ImageStatic可以将图片展示出来,但是如何设置图片的imageExtent让图片能...

892
来自专栏编舟记

生成式测试(Generative Testing)

满足需求是所有软件存在的必要条件,单元测试一定是为它服务的。从这一点出发,我们可以总结出写单元测试的两个动机:驱动(如:TDD)和验证功能实现。另外,软件需求易...

1153
来自专栏菜鸟前端工程师

html+css学习笔记016-H5变化0过渡0动画

614

扫码关注云+社区