让input有更好的体验

最近做了一个类似这样的功能,在移动端上,数字可增可减。其中,能改变数字的触发点有: "-"号 "+"号 点击数字区块,唤起数字键盘。 这里,我直接用input来实现这个数字区块。 1. type="number"还是"tel"? 对比一下两张图,就能很快知道结论。 type="n »

由“最近访客”引起的xss血案

最近在首页粗糙地做了一个“最近访客”功能。 然后我的首页就出现了各种有趣的家伙: 还有: 作为一名专业的前端,我居然被xss攻击了。 在首页弹这个框,我真是: 原因 在拼接“最近访客”的时候,我没有对多说返回的字段进行处理。 不是不知道会有XSS问题,而是没有重视起来; 我可 »

JavaScript对base64的支持

很简单的方法,就可以让JavaScript进行base64转换。 用法 window.btoa() 编码 window.atob() 解码 DEMO: 这样,就可以快速地在控制台进行base64的编解码啦! 兼容性 IE10(包括IE10)以上。 »

简易播放器实现

做了个简易音乐播放器。 演示代码:http://codepen.io/makaiqian/pen/eybvq 基本功能: 1.播放、暂停 2.上一首、下一首 简单说下它的核心代码: 1. 定义 var $music = $(‘#js-music’)[0]; 定义的时候是$( »

总结-活动领取页面(计时功能)

做的第一个活动页面,还是挺有意义的。终于可以归档啦: 问题多多,收获自然也多多。写个总结: 一.页面部分 data参数用法 HTML中:data-id=”01″ / data-type=”0″ 在ajax中: var $this = $(this); var id = $th »

自动排序的友情链接功能

今天,写了一个自动排序的友情链接功能。 上效果:http://codepen.io/makaiqian/pen/ruBiJ 核心代码是: 可以优化为: 另外: 优化为: 这样的好处是:可以提高性能。不然每次循环都要append一次。 近期,自己写了个新主题,比较偏向自己的实用性, »

demo继续优化

关闭表单注册弹窗,再次打开要有重置功能。 代码如下: ui.$btn_pop.on('click',function(){ ui.$pop_input.val(”); ui.$msg.text(”); }); Bootstrap不建议将原来的& »