Love-Focus-Effort
简单也说，你不用写后台服务，直接免费使用mLab的RESTful服务做CRUD纯前端应用。是不是想试一试了。且慢，您得先了解一下mLab数据API。mLab数据库可以通过两种方式应用程序访问。
第一种方法（强烈推荐）：使用一个可用的驱动程序连MongoDB。如果使用的驱动程序，根本不需要使用mLab数据API。事实上，使用驱动程序能提供更好的性能、更好的安全性和更多的功能。
第二种方法：正如下面具体描述的，通过mLab的RESTful数据API连接。但请记住一个原则：只有在你不能使用MongoDB的驱动程序时才使用该方法。
继续阅读“mLab数据API”
大家都知道浏览器自带的确认框在不同的浏览器上显示不一样的UI，Bootstrap我们可以自定义一个确认框组件，给用户提供统一的外观。 继续阅读“Bootstrap自定义确认框”
下拉框在不同的浏览器会显示成不同的UI，我们可以对其渐进增强，通常情况下用select和option元素设置数据再将其隐藏，然后用div、span、ul、li这些来替换渲染，这样不同的浏览器也会显示成统一的UI了。这样实现起来也不是那么容易的，如果我们的项目用到bootstrap，可以借助下拉菜单组件（dropdown）来简单自定义下拉框。直接上代码了： 继续阅读“使用bootstrap自定义下拉框”
表单验证是很常见的功能，Bootstrap提供发很多表单验证的样式，比如说文本、标签、按钮都有success、info、warning、danger几种样式来可以在表单验证时用派上用场。如果熟悉Bootstrap JavaScript插件，甚至还可以使用警告框（Alert）、弹出框（Popover）、模态框（Modal）来实现表单验证。仅用CSS是不可能表单验证的，使用Bootstrap JavaScript插件也难以实现代码的重用。本文讲解的是另外一种实现方式，Bootstrap结合jQuery validation插件来进行表单验证的重用。 继续阅读“Bootstrap表单验证”
默认下Bootstrap水平居中，上边距为40px，而且还有。照理说这种高大尚的设计符合绝大多数人的审美观点，但是有的设计师、产品经理对此并不感冒。他们会拿出自己以前的作品或者别人的大作给你看，然后对你说：你看别人都将模态框垂直居中，我们也这样做好不好？看在他们态度还不错的份上，下面我们就用一个实例来实现，其实也不复杂。 继续阅读“Bootstrap模态框垂直居中”