摘要：
1 //数据源 2 let data = { 3 message: "hello word", 4 info: { 5 job: "web It", 6 level: "p8" 7 } 8 }; 9 //对数据源劫持拦截 10 class Observer { 11 constructor(data) { 12 /... 阅读全文
摘要：
/******* 正在加载更多... var pageLimit = new PageLimit({ elem:$('#js-page-limit'), loadType:'scroll', loadStepText:['获取更多','正在加载..','没有更多数据'], ... 阅读全文
摘要：
博客园的朋友们，本人好久没有跟新博客了，以后会陆续在幕课网开课，以视频教学的方式给大家讲解课程，欢迎光临，目前讲两期课程；一：旋转木马：http://www.imooc.com/view/386二：图片画廊：http://www.imooc.com/view/454 阅读全文
摘要：
说起模块化，也许我们首先想到的是编程中的模块设计，以功能块为单位进行程序设计，最后通过模块的选择和组合构成最终产品。把这种思想运用到页面构建中，也已经不是什么新鲜事。相信很大一部分页面构建工程师都经历了这样几个阶段：第一阶段是在一个css文件中把多个页面按自己的习惯顺序从上往下编写样式，基本不考虑有... 阅读全文
摘要：
效果图:JS:/***瀑布流插件*本插件局域JQ*在每次数据初始化前必须在服务器端设置好图片区域的宽高，也就是说在图片的外包装DIV上按照比例设置上宽高属性*才能顺畅的运行在各个浏览器(因为图片在没有加载完毕前是没有宽高的)*name:杨永*QQ:377746756*/;(function($){ ... 阅读全文
摘要：
预览图：说明：此插件没有做兼容处理，做的过程中只是做思路逻辑分析，至于IE下，没有兼容开发，可在其他标准浏览器下运行，查看源代码DOM: ... 阅读全文
摘要：
图片演示:使用说明：第一步:首先你要在页面中引入一下文件，注意先后顺序第二部第一组图片看下以上页面渲染结构，一组图片就是多个“”这样结构的组合。下面介绍下参数设置： data-role="album"--->这个是必须存在且参数名是固定的，用来查找它是否用来渲染相册功能 data-sort="exa... 阅读全文
摘要：
当年面对这样一个效果的时候，真是蛋疼，觉得自己尼玛出来还能靠这个吃饭嘛，唏嘘叹惋之余还是坚定信心，很多人都看不起你能做这一行（我特妈自己也不信），当你认真的做一件事时，自己都觉得可怕，加油吧，没什么能阻止你认真。老罗说的好：我尼玛不在乎输赢，我就是特么认真。但是今年自己遇到很多事，总是不能安心，所以... 阅读全文
摘要：
如图所示：最近开始移动项目的web开发了，查看了很多类似的插件，觉得还是过于繁琐，所以自己写了一个相对简单插件应用，需要的朋友可以随时拿走！使用说明:首先要在你的页面中连接JQ库,和我写的这个类（注意先后顺序，源码下面会贴出来）。接下来就是连接入默认的css样式(可定制自己需要的，手动修改即可)。当... 阅读全文
摘要：
一、触摸事件ontouchstartontouchmoveontouchendontouchcancel目前移动端浏览器均支持这4个触摸事件，包括IE。由于触屏也支持MouseEvent，因此他们的顺序是需要注意的：touchstart → mouseover → mousemove → mousedown → mouseup → click1/*** onTouchEvent*/var div = document.getElementById("div");//touchstart类似mousedowndiv.ontouchstart = function(e){//事 阅读全文