我们都知道，在一些促销商品上、拍卖、优惠券等，都会有时效性，为了促销吸引眼球，会加一个倒计时来时刻提醒顾客：想买要抓紧了，时间不等人。那么作为前端开发的我们，要怎么来实现这个倒计时呢？

以下三个比较简单的方法，可以让你了解一个非常精彩的Chrome扩展程序的源代码：

一 使用7zip解压crx文件，在Mac下面可以使用Ez7z。

二 安装查看源代码的扩展程序

下载地址：https://chrome.google.com/webstore/detail/bbamfloeabgknfklmgbpjcgofcokhpia

placeholder 是HTML5的新属性，在做input 的预设值还挺方便的，但无奈IE8以下不支持，因此需要额外做fix。在实际使用中，却遇到了很多问题：

例如在官网查到的plugin：http://plugins.jquery.com/project/input-placeholder，就不支持type="password"的结果。因为仅改变value，对应password的显示方式

以下是我找到支持度最好地plugin:

DEMO: http://mathiasbynens.be/demo/placeholder

plugin: https://github.com/mathiasbynens/Placeholder-jQuery-Plugin

创建一个表格（table）并调整其规模，是一项艰难而繁琐的工作。作为一名开发者，当我向自己的项目中插入表格时，下面这些插件给我提供了很大的帮助。我决定把这些 jQuery 的表格插件分享给你们，使您的表创建体验更加轻松。这些插件不仅可以让工作变得简单，而且对用户十分友好，你不需要掌握核心的知识就能使用。如果您正在做项目，而且需要把表格添加到你的工作中，那么请参考下这些插件，其中可能就有对您有用的。

　　jQuery Tabledit

　　jQuery Tabledit 是 HTML 表格的 inline 编辑器，兼容 Bootstrap。它可以像电子表格那样编辑 inline，或者用按钮在编辑和视图模式之间进行切换。

近日，用到一些 CSS3 的属性制作其效果。

一直用这个网站在线生成css3的按钮（button），http://www.bestcssbuttongenerator.com/

又发现了一个PS的插件，如下：

Photoshop效果 转CSS3 小插件：

个人使用体验：1、生成的效果和PS效果非常接近，也许比自己写的逼真 2、代码较为简洁基本能直接使用       3、图层效果合并越少生成出的效果越好         4、精简版PS也能直接使用

使用方法：

1.  Acorn Media Player

Acorn Media Player是一个jQuery插件，它采用HTML5 <video>标签来自定义一个播放器。易于定制和扩展。

 

ngRoute (angular-route.js) 和 ui-router (angular-ui-router.js) 模块有什么不同呢？

很多文章中都有说道：当时ngRoute在路由配置时用$routeProvider，但是当ui-router路由配置时用 $stateProvider 和 $urlRouterProvider。

那么它们有什么不同呢？

1、ngroute是用AngularJS框架的核心部分。

2、ui-router是一个社区库，它是用来提高完善ngroute路由功能的。

Angularjs火的一塌糊涂，它的双向绑定确实很好用，但是，UI样式是弱项，BootStrap几乎与之同期横空出世，样式那叫一个美呀。所以，ng搭载bootstrap，那叫一个郎才女貌呀！！！

废话别一大堆了，说正题：

一句话说明区别：ui-bootstrap-tpls.min.js == (ui-bootstrap.min.js + html templates)

如果，你只在项目中选择了：ui-bootstrap.min.js。那么：你也将需要提供您自己的HTML模板。

否则的话，你将会看到类似这样的错误：

GET http://camnpr.com/website/template/tooltip/tooltip-popup.html 404 (Not Found) angular.js:7073
Error: [$compile:tpload] http://errors.angularjs.org/undefined/$compile/tpload?p0=template%2Ftooltip%2Ftooltip-popup.html

一、ZenMate 使用说明

插件链接：https://chrome.google.com/webstore/detail/zenmate-for-google-chrome/fdcgdnkidjaadafnichfpabhfomcebme?hl=zh-CN