现代的WEB应用充满了惊人的、博人眼球的特效，因此WEB开发人员需要使用各种技术来实现这一目标。前些年开发者会使用Adobe Flash来为他们的网站添加互动性，但是随着HTML5、CSS、以及JavaScript库的快速发展，Flash已经要走出历史的舞台了。 2015年出现了很多开源的动画...

在一篇文章中收集所有的CSS代码片段几乎是不可能的事情，但是我们这里列出了一些相对于其他的更有用的代码片段，不要被这些代码的长度所吓到，因为它们都很容易实现，并且具有良好的文档。除了那些解决常见的恼人的问题外，也包含了一些解决新问题的新技术。 1. 垂直对齐如果你之前遇到过这个问题，你就应该知...

年关将至，JavaScript 开发者问卷调查也已经结束了。本次调查收到了超出我想象的回复，我也很高兴与你们分享调查结果。 截至目前，有超过 5000 人参与了问卷调查，准确的说是 5350 人，我真的迫不及待想与大家分享详细这次调查的细节。分享之前先感谢参与调查的每一个人。这是一个 Java...

2015年，软件开发界发生了很多变化。有很多流行的新语言发布了，也有很多重要的框架和工具发布了新版本。下面有一个我们觉得最重要的简短清单，同时也有我们觉得值得你在2016年花时间精力去学习的新事物的一些建议。 大趋势在过去的几年里，有一个越来越明显的趋势是web应用的商业逻辑逐步从后端转移到了...

随机数随机数是统计学领域的一个重要概念，对于游戏来说同样意义非凡，用好随机数，可以使你的游戏更真实、更人性、富有魅力。 举例子来说：一个打靶游戏，子弹每次都命中准心所示位置是不科学的，加上抖动误差，会使真实感更加强烈；再如，抽奖大转盘程序，每当转盘停止转动时，指针恰好都指向奖品图片的正中点，人...

由于日常需求以无线居多，所以可以在业务中做一些尝试，如 rem，刚接触这个特性的时候，曾经一度爱不释手，仿佛在无线开发的坎坷路上寻找到一条捷径。然而随着使用范围的扩大，慢慢的发现了一些使用 rem 带来的问题。 rem关于 rem 这个单位的介绍，在此就不赘述，有兴趣的同学可以阅读一丝的《响应...

当下最热的Web前端框架概览作为前端工程师，我们生在最好的时代。标题中提到的三大前端框架都即将或已经发布了重大更新。Ember 在不到2个月前发布了可以平滑升级的2.0。两周前 React 发布了 0.14，在迈向1.0稳定版的路上迈出了关键的一步。在本周之内，一场名为AngularConne...

“你听说过动感影集么?” 动感影集是QQ空间新功能，可以将静态的图片轻松转变为动态的视频集，且载体是HTML5（简称H5）页面，意味着可以随时分享到空间或朋友圈给好友欣赏！ 移动端区别于PC年代的相册视频，由于设备性能限制，每一个动画细节都需要认真优化，今天就来说说动感影集开发过程中的动画性能...

页面的绘制时间（paint time）是每一个前端开发都需要关注的的重要指标，它决定了你的页面流畅程度。而如何去观察页面的绘制时间，找到性能瓶颈，可以借助Chrome的开发者工具。 本文主要介绍Chrome渲染分析工具 Rendering。 如上图，按F12调出开发者工具，然后按“ESC”调...

概述这个工具真的很强大，Timeline工具栏提供了对于在装载你的Web应用的过程中，时间花费情况的概览，这些应用包括处理DOM事件, 页面布局渲染或者向屏幕绘制元素。Timeline可以通过事件，框架，和实时内存用量3个方面的数据来监测网页，通过这些数据，我们可以方便的找出页面中存在问题的地...