基于浏览器的幻灯演示工具组件:impress.js 快速上手及相似组件推荐

作为 Web 前端开发者,基于浏览器的幻灯演示,相比 Microsoft PPT 这种传统的幻灯片软件来说拥有很多的优势。但如果完全自己来实现,又明显非常的麻烦。那么有没有简单易用的开源组件呢?如果你以这样的目的正在寻找,impress.js 或许就是你所需要的。 impress.js 是一个基于 css3 和 javascript 开发的演示工具,基于 webkit 浏览器(Chrome、Saf
基于浏览器的幻灯演示工具组件:impress.js 快速上手及相似组件推荐

Web 前端开发的包管理工具 bower 快速入门

1. 什么是 bower,有什么作用 富客户端要求的前端开发,少不了大量的前端库文件引用,于是就可能遇到如下问题: 逐个下载、复制到期望位置嫌麻烦 库之间的依赖/版本依赖不清楚,总是出问题 版本升级时重复性的操作,还易搞错 ... 使用 bower 这样的包管理工具,可以很好的处理类似如上描述的问题。其实各种包管理工具的主要职责均类似如此。 2. bower 安装 需要系统已安装 nodejs。命
Web 前端开发的包管理工具 bower 快速入门

JavaScript 流行代码风格参考指南[摘]

JavaScript 没有一个权威的编码风格指南,取而代之的是一些流行的编码风格: Google的JavaScript风格指南(以下简称Google) http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml NPM编码风格(以下简称NPM) https://npmjs.org/doc/coding-style.ht
JavaScript 流行代码风格参考指南[摘]

grunt 快速入门:使用 grunt 自动化构建工具进行前端开发

grunt 是前端开发的自动化构建工具,对于需要反复重复的任务,例如压缩(minification)、编译、单元测试、linting 等,自动化工具可以减轻你的劳动,简化你的工作。 下面志文工作室以一个项目的构建为例,简介入门 grunt 进行前端开发的过程,主要涉及到 javascript 代码合并与压缩,css 代码合并与压缩,以及图片压缩。 1. 安装 grunt 依赖 nodejs,首先安
grunt 快速入门:使用 grunt 自动化构建工具进行前端开发

HTML5 FormData 与无刷新文件上传

  无刷新文件上传是一个常见而又有点复杂的问题,常见的解决方案是构造 iframe 方式实现。 在 HTML5 中提供了一个 FormData 对象 API,通过 FormData 可以方便地构造一个表单请求,并通过 XMLHttpRequest 来发送。通过 FormData 对象发送文件也是可以的,如此则无刷新上传就变的非常简单了。 那么 FormData 怎么使用呢?下面志文工作室
HTML5 FormData 与无刷新文件上传

Sencha Touch入门:Sencha Touch开发环境搭建及使用 Sencha Cmd 自动创建项目框架

Sencha被翻译成“煎茶”,Sencha下有很多优秀的项目比如Complete 、Extjs、Touch、Animator、GXT 、Architect等其它相关产品。 Sencha Touch 2 作为一种高性能的 HTML5 移动应用程序框架,是 Sencha HTML5 平台的基础。 这里将简要介绍如何使用 Sencha Cmd创建Touch项目。 一、准备工作 下载浏览器。Sencha
Sencha Touch入门:Sencha Touch开发环境搭建及使用 Sencha Cmd 自动创建项目框架

javaScript 中的函数柯里化(Currying)简述

什么是柯里化 柯里化(Currying)是把接受多个参数的函数变换成接受一个单一参数(最初函数的第一个参数)的函数,并且返回接受余下的参数而且返回结果的新函数的技术。 简单来说,柯里化即是将多参函数转换成一系列的单参函数,其最大特点即只有一个参数,不达到最终目的时返回值都是函数。下面我们举一个简单的加法实现的例子来说明柯里化的特点。 javaScript 实现柯里化函数 对于实现一个加法函数,多参
javaScript 中的函数柯里化(Currying)简述