JZin

对网页加载速度影响最大的就是图片，一张普通的图片可能会有好几 M 的大小，当图片很多时，网页的加载速度变得很缓慢。 为了优化网页性能以及用户体验，我们对图片进行懒加载。 懒加载是一种对网页性能优化的方式，它的原理是优先加载在可视区域内的图片，而不一次性加载所以图片。当浏览器滚动…

最近在做一个音乐webapp的时候，遇到这样一个需求：提取歌曲图片的主题色，然后应用到全局。 一开始的思路是把图片绘入到canvas中利用getImageData()获取图片的像素数据，分析这些数据得出最接近图片的颜色。接着问题来了，如果在canvas绘入跨域资源，canvas…

现在网上有很多react原理解析这样的文章，但是往往这样的文章我看完过后却没有什么收获，因为行文思路太快，大部分就是写了几句话简单介绍下这段代码是用来干嘛的，然后就贴上源码让你自己看，有可能作者本人是真的看懂了，但是对于大部分阅读这篇文章的人来说，确是云里雾里。 讲解一个框架的…

状态管理，第一次听到这个词要追溯到去年年底。那时，Flux 红透半边天，而 Reflux 也是风华正茂。然而，前一阵一直在忙其他的事，一直没时间学学这两个库，到现在 Redux 似乎又有一统天下的趋势。 那就来看看，Redux 是凭借什么做到异军突起的。

一般来说我们会碰到的回调嵌套都不会很多，一般就一到两级，但是某些情况下，回调嵌套很多时，代码就会非常繁琐，会给我们的编程带来很多的麻烦，这种情况俗称——回调地狱。 Promise是一个构造函数，自己身上有all、reject、resolve这几个眼熟的方法，原型上有then、c…

掌握 react 的基础特性 * 语法 JSX * 属性 Props * 状态 State * 生命周期 Lifecycle * 事件 Event * 样式 Style

该系列文章将带你全面理解js对象和原型链，并用es5去实现类以及认识es6中class的美妙。该系列一共有3篇文章： 翻译过来就是：每一个JS对象一定关联着另外一个JS对象(也许是null，但是它一定是唯一的)。这个另外的对象就是所谓的原型对象。每个对象从它的原型对象中继承属性…

本文的目的就是要保证你彻底弄懂javascript的执行机制，如果读完本文还不懂，可以揍我。 不论你是javascript新手还是老鸟，不论是面试求职，还是日常开发工作，我们经常会遇到这样的情况：给定的几行代码，我们需要知道其输出内容和顺序。因为javascript是一门单线程…

作为一名Web开发者，CSS是必备技能之一，我一直以为自己对CSS的掌握已经够用了，直到读Lea Verou的《CSS揭秘》时，我发现自己充其量就算个会打CS的选手，书中针对我们常见的网页设计难题从不同的角度提出了多种实用又优雅的解决方案，在这里强烈的推荐给每一位从事前端相关的…