mLab数据API

简单也说,你不用写后台服务,直接免费使用mLab的RESTful服务做CRUD纯前端应用。是不是想试一试了。且慢,您得先了解一下mLab数据API。mLab数据库可以通过两种方式应用程序访问。

第一种方法(强烈推荐):使用一个可用的驱动程序连MongoDB。如果使用的驱动程序,根本不需要使用mLab数据API。事实上,使用驱动程序能提供更好的性能、更好的安全性和更多的功能。

第二种方法:正如下面具体描述的,通过mLab的RESTful数据API连接。但请记住一个原则:只有在你不能使用MongoDB的驱动程序时才使用该方法。
继续阅读“mLab数据API”

使用bootstrap自定义下拉框

下拉框在不同的浏览器会显示成不同的UI,我们可以对其渐进增强,通常情况下用select和option元素设置数据再将其隐藏,然后用div、span、ul、li这些来替换渲染,这样不同的浏览器也会显示成统一的UI了。这样实现起来也不是那么容易的,如果我们的项目用到bootstrap,可以借助下拉菜单组件(dropdown)来简单自定义下拉框。直接上代码了: 继续阅读“使用bootstrap自定义下拉框”

Bootstrap表单验证

表单验证是很常见的功能,Bootstrap提供发很多表单验证的样式,比如说文本、标签、按钮都有success、info、warning、danger几种样式来可以在表单验证时用派上用场。如果熟悉Bootstrap JavaScript插件,甚至还可以使用警告框(Alert)、弹出框(Popover)、模态框(Modal)来实现表单验证。仅用CSS是不可能表单验证的,使用Bootstrap JavaScript插件也难以实现代码的重用。本文讲解的是另外一种实现方式,Bootstrap结合jQuery validation插件来进行表单验证的重用。 继续阅读“Bootstrap表单验证”

Bootstrap模态框垂直居中

默认下Bootstrap水平居中,上边距为40px,而且还有。照理说这种高大尚的设计符合绝大多数人的审美观点,但是有的设计师、产品经理对此并不感冒。他们会拿出自己以前的作品或者别人的大作给你看,然后对你说:你看别人都将模态框垂直居中,我们也这样做好不好?看在他们态度还不错的份上,下面我们就用一个实例来实现,其实也不复杂。 继续阅读“Bootstrap模态框垂直居中”