ES6/ES7 三点式 —— 扩展运算符与剩余操作符

2017-09-25
阅读 2 分钟
8.3k
ES6 标准提供给 JavaScript 开发者许多简化代码的新特性,今天要介绍的扩展运算符就是非常常用的一种。可以使你的代码更加简洁优雅。

JavaScript 异步编程的四种方式

2017-06-27
阅读 4 分钟
8.6k
异步编程是每个使用 JavaScript 编程的人都会遇到的问题,无论是前端的 ajax 请求,或是 node 的各种异步 API。本文就来总结一下常见的四种处理异步编程的方法。

禁止用户选择的另一种思路(兼容 IE8)

2016-08-26
阅读 2 分钟
7k
前端开发中常常会遇到一种需求,让某些元素的内容不能被选中,一般的做法会用 user-select: none 来做,由于 user-select 并不是标准的 CSS 属性,所以使用的时候要加上浏览器的前缀。

用 Travis CI 自动部署 hexo

2016-03-23
阅读 3 分钟
10.2k
hexo 是当下一个比较流行的静态网站生成器,一般用户的使用方法都是将 hexo 项目的文件放到本地,然后编写文章,最后运行部署的命令将网站部署到一些代码托管网站(如:github)。但是,这样的使用方法有时会带来一些不便。

记一次移动端开发环境调试

2016-03-14
阅读 3 分钟
5.6k
最近的一个项目要在手机淘宝客户端里面开发网页,由于淘宝目前全站https,所以在开发环境搭建时候遇到了之前没有料想到的一些问题,这里分享一下这次踩坑的经历。

谈谈 ES6 的 Promise 对象

2015-06-23
阅读 4 分钟
102.9k
前言 开篇首先设想一个日常开发常常会遇到的需求:在多个接口异步请求数据,然后利用这些数据来进行一系列的操作。一般会这样去写: {代码...} 这样的写法的原理是,当执行一些异步操作时,我们需要知道操作是否已经完成,所有当执行完成的时候会返回一个回调函数,表示操作已经完成。 使用回调函数的形式理解起来并不困...

Webpack 和 Gulp 构建伪命令行项目

2015-04-24
阅读 4 分钟
19.1k
上一篇文章分享了我的一个 Backbone 小项目的实践过程。在项目上线之前先看看 index.html。 {代码...} 显然这样的写法是不符合 Web 性能优化原则的。我们应该把多个文件尽量构建成一个单独的文件,减少客户端请求资源的次数。 本文就通过 Webpack 和 Gulp 两个工具介绍将这个 Backbone 伪命令行项目模块化和构建上线的实...

Backbone实践 —— 伪命令行制作

2015-04-22
阅读 6 分钟
4.5k
最近学习了一下 Backbone 这个库,对于想学习制作单页应用的朋友来说,Backbone 确实是一个不错的选择。为了让自己更加熟悉 Backbone,最近用它制作了一个伪命令行应用来装修了本人博客的 about 页面。

Node.js 清洗万恶的种子

2015-03-26
阅读 3 分钟
48.6k
torrent文件,又被称为种子,原来只是用于记录 bt下载当中所需信息的一种文件。但是随着互联网的极大发展,一些人士将一些邪恶的信息注入到了小小的 torrent文件当中,种子从此变成了邪恶的代名词。

利用 CSS animation 和 CSS sprite 制作动画

2015-03-25
阅读 2 分钟
11k
CSS3 大大强化了制作动画的能力,但是如果要做出图案比较复杂的动画,选择 GIF 依然是一个不错的选择。今天给大家介绍一个使用 CSS animation 配合雪碧图(CSS sprite)来制作动画的方法,可以做出类似于 GIF 动画的效果。

JSON 笔记

2015-03-05
阅读 5 分钟
3.6k
JSON 全称为 JavaScript Object Notation(JavaScript对象表示法),它利用与 JavaScript 对象相似的表示方法来表示数据。虽然 JSON 脱胎于 JavaScript,但是 JSON 并不属于 JavaScript 的一部分,很多的语言都可以解析和序列化 JSON。

JavaScript 笔记 —— 鼠标事件的浏览器差异

2015-01-20
阅读 3 分钟
6.3k
鼠标是我们在 PC 端浏览网页时候最重要的交互工具,因此鼠标事件也是 Web 开发当中最常用的一类事件。然而,由于各种原因,不同厂商或者不同版本的浏览器之间对于鼠标事件的实现也有所不同。本文总结一下,鼠标事件在不同浏览器实现的差异。

JavaScript 笔记 —— 标准事件对象与 IE 事件对象

2014-12-31
阅读 3 分钟
8.7k
标准的事件绑定函数是 addEventListener 函数,而 IE 浏览器(IE9 以下)则是用 attachEvent。 这两个函数中的事件处理函数都可以传入一个 event 参数,就是我们所说的事件对象,本文就来总结一下两者的区别。

从一个居中方法说起 —— 谈 translate 与 相对、绝对定位

2014-12-21
阅读 4 分钟
31.8k
方法介绍 垂直水平居中是日常前端开发当中一个常见的需求,在支持 CSS3 属性的现代浏览器当中,有一个利用 CSS3 属性的垂直水平居中方法: {代码...} 例子传送门(请用现代浏览器打开) 从上面的例子看到,无论我们怎样调整窗口的大小,红色方块始终会在窗口垂直、水平居中。 原理 为了解释原理,我们创建两个元素: {代...

实用的margin负值

2014-12-06
阅读 4 分钟
7.9k
无论是在介绍前端知识的书籍还是谈论盒模型的文章,margin 都是最重要的属性之一,然而它的负值用法却极少被提到。其实 margin 负值是一个相当实用的属性,可以被应用于日常前端开发当中的不少场景。

Seajs 实践(二)—— 使用 spm3 构建项目

2014-11-16
阅读 2 分钟
8.7k
在上一篇文章中,利用 Seajs 对 2048 游戏进行了模块化。现在我们可以看到,在页面中使用seajs.use("game/main") 就能够自动加载其余的2个js文件。

Seajs 实践(一)—— 模块化 2048 游戏

2014-11-16
阅读 3 分钟
6.2k
前言 前段时间在慕课网跟着视频做了一个简单的 2048 游戏,发现这个小项目非常适合用来实践 Seajs 模块化,现在就把我的实践过程和大家分享一下。 实践过程 准备 没有进行模块化之前总共有5个文件: index.html 游戏页面 2048.css 游戏样式文件 main.js 程序入口文件 showanimation.js 游戏动画文件 support.js 基础函数...

不在HTML5标准中的特性 —— 浅谈原生拖放

2014-11-09
阅读 4 分钟
5.3k
2014年10月28日,W3C正式公布了耗时8年时间制订的 HTML5 标准。尽管标准在最近才正式公布,但 HTML5 激动人心的特性一早就被开发者热议了。在这份标准当中有一个我们熟悉的身影并没有出现,那就是原生拖放 —— Drag and Drop。

浅谈事件冒泡与事件捕获

2014-10-30
阅读 3 分钟
20.9k
微软提出了名为事件冒泡(event bubbling)的事件流。事件冒泡可以形象地比喻为把一颗石头投入水中,泡泡会一直从水底冒出水面。也就是说,事件会从最内层的元素开始发生,一直向上传播,直到document对象。