基于前后端分离的开发方式，后端只需提供 api 接口，前端负责数据展示和交互实现。 对于前端开发来说，一个比较大的问题是，api 接口数据不能较早的获得，那么只能使用模拟数据。前端模拟数据可有如下思路： 1. 使用临时的…

一般情况下，使用 “=” 可以实现赋值。但对于数组、对象、函数等这些引用类型的数据，这个符号就不好使了。 1. 数组的简单复制 1.1 简单遍历 最简单也最基础的方式，自然是循环处理。示例： function array…

与浏览器进行交互的时候浏览器就会触发各种事件。比如当我们打开某一个网页的时候，浏览器加载完成了这个网页，就会触发一个 load 事件；当我们点击页面中的某一个“地方”，浏览器就会在那个“地方”触发一个 click 事件。…

对于富客户端的 Web 应用页面，自动登录、页面修改、抓取页面内容、屏幕截图、页面功能测试…面对这些需求，使用后端语言需要花费不少的精力才能实现。此时 SlimerJS、phantomJS 或 CasperJ…

实现文本水平和垂直居中的方法有很多，但都是通过各种技巧来实现，优劣点都会存在。 CSS3 Flex 弹性盒模型在 IE11 及其他现代浏览器中已广泛支持，其丰富的功能和繁多的属性定义，使得入门起来有点抽象难懂。 这里只通…

作为 Web 前端开发者，基于浏览器的幻灯演示，相比 Microsoft PPT 这种传统的幻灯片软件来说拥有很多的优势。但如果完全自己来实现，又明显非常的麻烦。那么有没有简单易用的开源组件呢？如果你以这样的目的正在寻找…

1. 什么是 bower，有什么作用 富客户端要求的前端开发，少不了大量的前端库文件引用，于是就可能遇到如下问题： 逐个下载、复制到期望位置嫌麻烦 库之间的依赖/版本依赖不清楚，总是出问题 版本升级时重复性的操作，还易搞…

JavaScript 没有一个权威的编码风格指南，取而代之的是一些流行的编码风格： Google的JavaScript风格指南（以下简称Google） http://google-styleguide.googlecod…

1. 什么是 JSHint JSHint（http://www.jshint.com/）是一个JavaScript语法和风格检查工具，你可以用它来提醒代码风格相关的问题。它可以很好地被集成到许多常用的编辑器中，是统一团队…

grunt 是前端开发的自动化构建工具，对于需要反复重复的任务，例如压缩（minification）、编译、单元测试、linting 等，自动化工具可以减轻你的劳动，简化你的工作。 下面志文工作室以一个项目的构建为例，简…