ES5新增数组方法

在之前,我们要处理数组中的每一项,或者筛选出符合条件的项,通常操作都是使用 for 循环,然后逐个按照对应条件进行判断。

但现在你无需这么麻烦了,因为ES5里增加了一些相应的方法,它们可以满足与数组相关的日常需求。来看看都有哪些方法:

全文»

Grunt-自动化构建工具

一般而言,我会把项目代码分成两份,这两份代码内容是相同的,一份用于本地开发或者修改,另一份放在svn。在svn上的代码是与开发的工程并存的,我们前端只需要把本地开发好的文件提交到svn,开发再将svn的文件同步到服务器。在提交的过程中,我们需要做如下处理:

首先,js压缩工具压缩js

其次,css压缩工具压缩css

全文»

富文本编辑器的实现

如果你还不知道什么是富文本编辑器(Rich Text Editor),那么我强烈建议你先去百度了解一下。富文本编辑器(以下简称RTE)是一种所见即所得的网页编辑器。最常见的比如论坛发帖编辑发布框、写作类网站的编辑器。此文并不是详细描述如何用js去开发一个RTE,主要目的是介绍制作富文本编辑器的思路以及方法,还有就是在开发过程中遇到的问题。若你想详细知道如何去开发一个RTE,可在阅读完本文之后查看demo源代码。

我们知道,可以让网页处于编辑状态可以通过以下三种形式:

全文»

伪类与伪元素

在重构页面时,除了基本的CSS选择器之外,我们经常还会借助伪类和伪元素,来完成一些特殊的需求。可能,你对于这两种写法已经应用的非常熟练了,但是,如果不刻意梳理,还是避免不了这两个概念的混淆!

全文»

用js开发flappy bird

相信很多手机玩家都玩过flappy bird,这是一款一夜爆红的游戏,也是2014年最热门的手游。近段时间我也玩了起来,于是决定用js模拟一个。虽然在移动端做出的页面性能不及原生app,但这款js版flappy bird在最新的chrome和firefox浏览器运行起来还是蛮流畅,用手机页面测试也能跑的起来,我也一直在尝试着优化。

接下来的内容主要介绍如何用js开发flappy bird,其实主要是碰撞检测,我归纳了一番,这款游戏主要分为以下几部分:

全文»