jquer

js aja请求防止重复提交

好长时间没写js代码了刚好遇到这样的问题。我们系统多数表单没有做防止重复提交的。由于不想在后端这边处理,因为假如由后端处理的话,就需要在页面加载的时候给出一次性的token值,加大了开发的工作量不说,还容易忘记做这个,同时,ajax也不好处理,需要提交失败的话同时返回新的token值。所以我想在,js这边动手。其实以前和前端提过,久久不见动静,就只好弄块砖丢出去了。思路是,

图片延迟加载库echo.js

给手机端写接口时,发现返回的html内容中图片越多,滑动越卡,所以想用延迟加载的方式,在网上搜了很多资料,ios的开发一直在纠结safari不支持jquery,我也不清楚safari到底支不支持jquery。但是jquery很大,确实不建议使用。 然后看到有使用echo.js的,我试了一下,pc端,ios,andriod的浏览器都可以用Echo.init({offset:

Laravel学习笔记之Demo2——用Aja来做个ToDoList

引言本文基于Laravel框架做的一个URL生成和存储demo,主要目的是学习使用Laravel框架。内容基于英文书籍《Packt.Laravel.Application.Development.Blueprints》第二章节,似乎没有中文版。书籍基于Laravel4的,学习时使用Laravel5.2框架开发。开发环境:Laravel5.2+MAMP+PHP7+MySQL5

[微信音频播放器] html5 audio 制作的微信播放器

weixinAudio.js 一个简单的微信样式播放器 播放器DOM及CSS是微信里内置的音频播放器的样式,重新创建了控制层js,方便在在公众号,APP等场景使用。 例子 demo 地址 github 如何使用 通过以下demo来实现 HTML模板3:07标题来源 Js调用 //你需要先引入一个jQuery $('.weixinAudo').weixinAudio(opti

移动web端模拟hover效果

hover在PC端的用户体验中扮演着很重要的角色,那么移动web端我们又该如何增强这方面的用户体验呢?下面我简单的在移动web端模拟了下hover的效果。效果预览请在移动端打开 源码核心代码//按钮点击效果$(document).on("touchstart", ".action-btn:not(.disable)", function (e) { var $this

《JavaScript 闯关记》

为何写作此课程stone 主要负责基于 Web 的企业内部管理系统的开发,虽然能够熟练地使用 JavaScript,但随着对 JavaScript 的理解越来越深,才发现自己尚未掌握其精髓。2015年,公司请来 大胡子姜志辉 为我们培训 JS Dota 课程,让我对 JavaScript 有了全新的认识,他一步步引导我们手写 jQuery、Backbone 等 JavaS

visible选择器

现在移动端项目在重构阶段,将之前的jQuery全部替换成Zepto了。由于Zepto的精简,以置于之前的jQuery的代码不能运行了,其中visible选择器就是其中一个。既然已经选择了Zepto,那就给Zepto增加visible功能。分析第一反应就是思考通过元素的属性来判断,然后尝试了使用display和visibility来进行判断。但是经过小的测试,是我想的简单了!

一步步实现thinkphp上的aja无刷新分页

前言thinkphp框架自带的分页类是每次翻页都要刷新一下整个页面,这种翻页的用户体验显然是不太理想的,我们希望每次翻页只刷新我们想要的数据集部分的数据,这样我们很容易想到ajax异步通信,用ajax与数据库(本人在开发过程中使用的是mysql数据库)异步交互,将从数据库查询的数据返回,用jquery替换原有的数据,从而在不刷新这个页面的情况下进行局部刷新,从而达到我们预期

发送短信验证,后按钮倒计时,防止刷新倒计时失效

应用场景在开发“发送短信验证”功能时候,要解决一个问题,防止恶意或频繁发送短信验证码问题。一般原理是“当点击发送按钮时,发送ajax请求到服务器发送短信验证码,成功则把发送按钮设置为不可点击,并且调用定时器,按钮显示倒计时”。如果就这样不对倒计时存储做处理,那么当刷新页面,会出现倒计时失效,按钮可点击。提供以下解决方案:利用cookie存储倒计时利用HTML5的localS

参会感想

html css js 是初始[br]jQuery 是过去[br]angular是现在[br]vue将会是趋势 关键字:vue.js, jquery, vue, angular