jquer
summernote编辑器插件使用笔记
这次项目中需要用到编辑器插件,于是上网查了一下。由于需要的编辑器功能比较简单,不需要太多复杂功能,所以选择了一款特别轻量的summernote插件,而且后台操作也很简单。官网:http://summernote.org/github地址:https://github.com/summernote/summernote先来看一下官网的截图麻雀虽小五脏俱全。完全可以满足编辑器的
业界
2016年05月15日
jQuer的read函数源码解读
如果你对$(document).ready()的理解也仅限于在DOM Tree绘制完毕后触发,那么,你也应该好好研究下ready的工作原理,因为,TST的面试官问过我这个问题。。。一、关于jQueryjQuery是一个伟大的脚本库,由John Resig在 2006年1月的BarCamp NYC上释出第一个版本。你可以在 http://jquery.com/ 下载到最新版本
业界
2016年06月21日
业务开发情境之:实现一个@功能
最近接到了一个业务需求,让用户能够通过网页聊天框的方式在线完成交易,一个用户可能有多个业务群,其中一个功能就是要@人,@这个功能在现实的应用中经常可以遇到,比如微博、QQ都有@功能,今天我们就以前端的方式谈谈怎么一步步实现一个@功能。@功能涉及到的原生APIobj.selectionStart获取光标位置obj.setSelectionRange(n, n)设置光标位置ke
业界
2016年06月26日
移动端页面功能之------长按事件
有时在做移动端页面开发过程中遇到这种需求:指纹识别。
实际上我们只能通过长按页面中的元素来模拟这个功能。
在jQuery和Zepto中都没有包含长按事件,所以需要我们来扩展一下。
$.fn.longPress = function(fn) {var timeout = undefined;var $this = this;for(var i = 0;i<$this.leng
业界
2016年06月28日
javascript引用类型之Date
最近的项目需要实现一个时间表格的效果,如下图所示,每次更换第几周时也更新对应的日期。使用了Date类型,也踩了些坑。故写下此篇笔记。Date类型ECMAScript中的Date类型是在早期Java中的java.util.Date类基础上构建的。使用自UTC(1970年1月1日零时)开始经过的毫秒数来保存日期创建对象获取当前时间var d = new Date();//无参数
业界
2016年07月02日
用CSS3做各种样式的饼图
通过css3的旋转属性来实现饼图的效果。封装了一个饼图类,通过实例化来生成各种样式的饼图。以前一直用highcharts做饼图的效果,但有时候,一些比较简单的饼图用highcharts的话有点杀鸡用牛刀的感觉。所以自己研究了一下如何用css3来达到这个效果。并封装了一下,支持多种样式,写了一个 pie.js 。原理是这样的,父容器是一个div,背景颜色是左边一半灰色,右边一
业界
2016年07月05日
js aja请求防止重复提交
好长时间没写js代码了刚好遇到这样的问题。我们系统多数表单没有做防止重复提交的。由于不想在后端这边处理,因为假如由后端处理的话,就需要在页面加载的时候给出一次性的token值,加大了开发的工作量不说,还容易忘记做这个,同时,ajax也不好处理,需要提交失败的话同时返回新的token值。所以我想在,js这边动手。其实以前和前端提过,久久不见动静,就只好弄块砖丢出去了。思路是,
业界
2016年07月06日
发送短信验证,后按钮倒计时,防止刷新倒计时失效
应用场景在开发“发送短信验证”功能时候,要解决一个问题,防止恶意或频繁发送短信验证码问题。一般原理是“当点击发送按钮时,发送ajax请求到服务器发送短信验证码,成功则把发送按钮设置为不可点击,并且调用定时器,按钮显示倒计时”。如果就这样不对倒计时存储做处理,那么当刷新页面,会出现倒计时失效,按钮可点击。提供以下解决方案:利用cookie存储倒计时利用HTML5的localS
业界
2016年07月08日
一步步实现thinkphp上的aja无刷新分页
前言thinkphp框架自带的分页类是每次翻页都要刷新一下整个页面,这种翻页的用户体验显然是不太理想的,我们希望每次翻页只刷新我们想要的数据集部分的数据,这样我们很容易想到ajax异步通信,用ajax与数据库(本人在开发过程中使用的是mysql数据库)异步交互,将从数据库查询的数据返回,用jquery替换原有的数据,从而在不刷新这个页面的情况下进行局部刷新,从而达到我们预期
业界
2016年07月14日