与浏览器进行交互的时候浏览器就会触发各种事件。比如当我们打开某一个网页的时候,浏览器加载完成了这个网页,就会触发一个 load 事件;当我们点击页面中的某一个“地方”,浏览器就会在那个“地方”触发一个 click 事件。…
分类:前端开发
HTML5、CSS、javascript 等 web 前端技术相关
前端自动化测试工具:SlimerJS、phantomJS 和 CasperJS
对于富客户端的 Web 应用页面,自动登录、页面修改、抓取页面内容、屏幕截图、页面功能测试…面对这些需求,使用后端语言需要花费不少的精力才能实现。此时 SlimerJS、phantomJS 或 CasperJ…
CSS3 Flex 弹性盒模型与文本内容居中
实现文本水平和垂直居中的方法有很多,但都是通过各种技巧来实现,优劣点都会存在。 CSS3 Flex 弹性盒模型在 IE11 及其他现代浏览器中已广泛支持,其丰富的功能和繁多的属性定义,使得入门起来有点抽象难懂。 这里只通…
基于浏览器的幻灯演示工具组件:impress.js 快速上手及相似组件推荐
作为 Web 前端开发者,基于浏览器的幻灯演示,相比 Microsoft PPT 这种传统的幻灯片软件来说拥有很多的优势。但如果完全自己来实现,又明显非常的麻烦。那么有没有简单易用的开源组件呢?如果你以这样的目的正在寻找…
Web 前端开发的包管理工具 bower 快速入门
1. 什么是 bower,有什么作用 富客户端要求的前端开发,少不了大量的前端库文件引用,于是就可能遇到如下问题: 逐个下载、复制到期望位置嫌麻烦 库之间的依赖/版本依赖不清楚,总是出问题 版本升级时重复性的操作,还易搞…
JavaScript 流行代码风格参考指南[摘]
JavaScript 没有一个权威的编码风格指南,取而代之的是一些流行的编码风格: Google的JavaScript风格指南(以下简称Google) http://google-styleguide.googlecod…
JSHint:在 Eclipse 和 sublime 中配置与使用 javascript 语法风格检测工具
1. 什么是 JSHint JSHint(http://www.jshint.com/)是一个JavaScript语法和风格检查工具,你可以用它来提醒代码风格相关的问题。它可以很好地被集成到许多常用的编辑器中,是统一团队…
grunt 快速入门:使用 grunt 自动化构建工具进行前端开发
grunt 是前端开发的自动化构建工具,对于需要反复重复的任务,例如压缩(minification)、编译、单元测试、linting 等,自动化工具可以减轻你的劳动,简化你的工作。 下面志文工作室以一个项目的构建为例,简…
HTML5 FormData 与无刷新文件上传
无刷新文件上传是一个常见而又有点复杂的问题,常见的解决方案是构造 iframe 方式实现。 在 HTML5 中提供了一个 FormData 对象 API,通过 FormData 可以方便地构造一个表单请求,…
cordova cteate app 时下载失败无法成功创建的解决方法
使用如下语句创建一个cordova应用: cordova -d create lzwmeapp com.lzw.lzwmeapp lzwmeapp 但是无法成功创建,提示错误如下: E:\lzwme_app_androi…