Canvas 起步

今天起,我将会连续发表几篇 Canvas 的速查表类相关文章,期间可能会穿插 Canvas 的高级应用,有想学习 Canvas 的同学可以一步一步的阅读这些文章,最后可以对 Canvas 有一个系统的认知。 什么是 Canvas? Canvas 和其他 html 标签一样,用于组件 html 页面, […]

[译] Canvas 的环绕规则 – Winding rules in Canvas

关注我博客的同学可能已经注意到了,右边的边栏多了一个“我最近在干什么”栏目。这个栏目标识我最近的研究方向。这两天把2D Canvas 详细的看了一下。所以要写这方面的博客了! 这篇文章是我翻译的一个外语文章,文章出自 Adobe 博客,原文在此。从博客的发布时间来看,这个内容的知识点已经是很古老的知 […]

ES2015 生成器(Generator)理解与实战

生成器(Generator)可以说是在 ES2015 中最为强悍的一个新特性,因为生成器是涉及到 ECMAScript 引擎运行底层的特性,生成器可以实现一些从前无法想象的事情。 来龙 生成器第一次出现在 CLU 语言中,这门语言是由 MIT (美国麻省理工大学)的 Barbara Liskov 教 […]

[译]2016React大会之React展望

译者按:2016年React.js大会在今年1月份举行,2月底放出了视频,本文翻译的是其中一个演讲What Lies Ahead(自备梯子),介绍了React目前的进展,以及未来的研发方向。 Hi, 我是Ben,在React团队工作,今天我要介绍的是我们对React未来的构想。 当我们在考虑“Rea […]

解决 flex 和 white-space: nowrap 同时使用引起的比例分配不正确问题

通常情况下,我们在移动端截断字符串的方法基本都是CSS截断: 这种方式只需要固定好元素的宽度,则超出宽度的文字会自动被“…”代替,很方便。 通常情况下,我们在移动端的布局会使用 flex 盒子模型和标准盒子模型进行混排,从而更好的表达我们的页面布局。例如下面的这个布局,我们把列表的每一项 […]

从零开始在你的React项目中使用Redux – React入门学习笔记

前两篇文章已经详细的介绍过了 React 的环境安装和 webpack 的配置,相信大家已经摩拳擦掌想要尝试写一个基于 webpack 打包的 React 项目了。先别着急,在此之前,我们还需要学习一些 ES6 语法,项目分组等知识,当然,还有我们今天最重要的一项知识: Redux。 Redux 是 […]

主流浏览器内核介绍与变迁

只要你是前端,就和浏览器有着难舍难分的联系,对html、css、js的支持和兼容,对适配、交互的影响等等。今天这篇文的作者,就为大家介绍一下各大主流浏览器内核的相关知识。准备好了吗? 最近 “个人恶趣味” 持续发酵,突然想了解下浏览器内核的发展历史。 内核 首先得搞懂浏览器内核究竟指的是什么。 浏览 […]

HooperUI动效加速器原理 – 使用 FLIP 来提高 Web 动画的性能

HooperUI为Jquery提供了一个关于动效的加速插件,其原理是将即将运作的动画转换为CSS3动画,依赖浏览器对CSS3的硬件加速,从而实现动效加速的效果。当初这只是我的一个构想,然后将其实现了,今天看到一篇文章,就是下面的内容,详细讲解了这么做的理论依据。看来我的想法还是有一些外国友人赞同的, […]

[译]Houdini: CSS 的下一件大事

译者:其实…我想说这可能是最令我感到兴奋..但又害怕头痛的功能…附上原文链接 你曾经想要使用某个CSS的新功能,但是最后却因为这个功能浏览器还未全面支援而放弃了吗?甚至更糟糕的状况,浏览器已经支援了但却充满问题。我敢打赌这些情况你肯定遇过了。如果上面这种情形你曾经遇过,那么你 […]