代码改变世界

随笔分类 - Jquery

轻量级的日期插件--datebox

2016-09-18 09:04 by stoneniqiu, 2240 阅读, 收藏, 编辑
摘要:jquery的日期插件有好几款,H5中的input也可以自带日期选择。但为什么要再写一个,有两个理由,一个是引用的文件太大,而有时候只需要很简单的功能,二个是想加一些自定义的效果不好改。 我写的这个功能比较简单,可以换月,有预约效果,可以设定预约日期范围,压缩后1.4kb,先上个图,再慢慢解释: j 阅读全文

深入理解jQuery、Angular、node中的Promise

2016-08-26 08:33 by stoneniqiu, 2208 阅读, 收藏, 编辑
摘要:最初遇到Promise是在jQuery中,在jQuery1.5版本中引入了Deferred Object,这个异步队列模块用于实现异步任务和回调函数的解耦。为ajax模块、队列模块、ready事件提供基础功能。在用jQuery操作DOM的时候对Promise的使用欲不够强烈,最近学习node和Ang 阅读全文

clearTimeout消除闪动

2016-02-29 13:38 by stoneniqiu, 799 阅读, 收藏, 编辑
摘要:需求:当鼠标放到父级菜单上面的时候,显示下方的子菜单。鼠标从子菜单或者父级菜单上面移开的时候,子菜单要收起来。最终效果如下: PS:这样需求很常见,最常见的做法是li元素下面再嵌套一个Ul元素来包含子元素。这种做法用css就可以完全控制。但今天这个子菜单和导航栏是分开的。即到鼠标到产品上面的时候显示 阅读全文

Matrix Admin 后台模板笔记

2015-07-21 23:34 by stoneniqiu, 9460 阅读, 收藏, 编辑
摘要:一个后台模板用久了就想换一个。上次找到了Matrix Admin.和ACE一样都是Bootstrap风格,比较容易上手。Matrix要更健壮些。感觉拿去做用户界面也是可以的。 整体风格: 1.表单验证 验证是借助于jquery.validate.js . 有丰富的验证方法,更多API请戳... 阅读全文

Jquery Mobile 小结

2015-05-15 06:31 by stoneniqiu, 4389 阅读, 收藏, 编辑
摘要:第一次做一个移动站点,当时纠结选Jquery Mobile还是Zepto,Zepto相对于JM更加轻巧,语法上面也很相似,但考虑到时间问题和JM自带了很多组件(Bootstrap惯出来的),还是选择了JM。JM主要通过data-role来定义页面控件,比如定义一个page,<div data-rol 阅读全文

Asp.Net MVC中使用ACE模板之Jqgrid

2014-06-30 00:42 by stoneniqiu, 13859 阅读, 收藏, 编辑
摘要:第一次看到ACE模板,有种感动,有种相见恨晚的感觉,于是迅速来研究。它本身是基于bootstrap和jqueryui,但更nice,整合之后为后台开发节省了大量时间。目前已经投入到了两个项目中。发现虽然不是完美,整体效果还是不错,特此分享给园友。这一节先讲其中的Jqgrid。按照国际惯例,先上两张图。 阅读全文

仿花田:相亲网站 意中人 已在GitHub上开源

2013-12-04 10:26 by stoneniqiu, 11005 阅读, 收藏, 编辑
摘要:在园友的强烈呼唤下,我还是负责任的分享给大家,因为对代码比较熟悉一下,还是有些问题要说明,不然别人看起来会比较费劲。说实话除了这个bootstrap的界面风格和这件事情本身对大家有吸引力之外,内部的逻辑,结构,可能有些捉襟见肘,会让大家见笑,大牛们完全可以略过.现在源码已经让我推到GitHub上面去了。我先从头到尾的介绍一下,然后说一些存在的问题。也希望大家给出更好的建议。 阅读全文

ASP.Net MVC3 图片上传详解(form.js,bootstrap)

2013-11-19 19:32 by stoneniqiu, 4553 阅读, 收藏, 编辑
摘要:图片上传的插件很多,但很多时候还是不能切合我们的需求,我这里给大家分享个我用一个form,file实现上传四张图片的小demo。完全是用jquery前后交互,没有用插件。 基本思路:用户点击相关div触发file元素打开浏览框----》用setInterval不断检测file文件是否选中文件---》选中之后触发form自动提交到后台---》后台将文件存储到临时文件夹返回图片在临时文件夹的地址---》窗口提示上传功能并预览图片---》用户点击发布---》后台保存图片(移动到指定文件夹,并存入数据库) 阅读全文

MVC 图片上传小试笔记2

2013-05-02 10:20 by stoneniqiu, 1695 阅读, 收藏, 编辑
摘要:form.js 这个插件已经是很有名的,结合MVC的html辅助方法异步上传就很简单了。jQuery Form Plugin :http://www.malsup.com/jquery/form/#file-upload1.引入js,构建form。本身的BeginForm已经能够提交,但是如果有返回值的话,页面会跳转,这样体验就很不好。网上有说把反馈结果写在ViewData中,来绕开return。其实这是浏览器的默认行为,用form.js可以阻止掉。@using (Html.BeginForm("Upload", "Home", FormMethod.P 阅读全文

MVC 图片上传小试笔记

2013-04-25 16:13 by stoneniqiu, 363 阅读, 收藏, 编辑
摘要:说明:现在jquery上传图片的插件很多了,但还是想弄清楚下MVC 图片是怎么传上去的。结果反馈,效果还需要改善。1.在View中还是用beginform 再加上 一个file,一个submit,用post的方式将file传递过,表单标签中设置enctype="multipart/form-data"来确保匿名上载文件的正确编码。默认情况下的form是不能用来上传的。@using (Html.BeginForm("Upload","Home",FormMethod.Post,new {enctype="m... 阅读全文