摘要: 等待更新 阅读全文
posted @ 2018-03-30 10:55 h5monkey 阅读(141) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2017-06-27 12:31 h5monkey 阅读(272) 评论(0) 推荐(0) 编辑
摘要: 效果图: 代码: 升级版本 防止刷新 阅读全文
posted @ 2017-06-26 13:42 h5monkey 阅读(1290) 评论(0) 推荐(0) 编辑
摘要: 图片: 按顺序淡出图片 阅读全文
posted @ 2017-06-26 12:11 h5monkey 阅读(470) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2017-06-26 10:28 h5monkey 阅读(164) 评论(0) 推荐(0) 编辑
摘要: 来自:http://h5monkey.github.io/2015/05/09/ES6%EF%BC%88%E4%B8%80%EF%BC%89/ 基本语法 let是块级作用域,函数内部使用let定义后,对函数外部无影响。 const 阅读全文
posted @ 2017-05-24 13:15 h5monkey 阅读(171) 评论(0) 推荐(0) 编辑
摘要: 分析图: 代码: html: js: 阅读全文
posted @ 2017-04-22 19:07 h5monkey 阅读(364) 评论(0) 推荐(0) 编辑
摘要: javascript中为何在匿名function函数后面还外加一个括号 详细研究过Javascript代码库(如Jquery、YUI)的人,一定会看到过很多如下形式的函数: (function(){...}()) 或 (function(){})() 对于很多初学者来说,遇到它们经常会产生一系列问号 阅读全文
posted @ 2017-04-22 18:51 h5monkey 阅读(5385) 评论(0) 推荐(0) 编辑
摘要: 效果: 代码: 注意点: 阅读全文
posted @ 2017-04-21 14:22 h5monkey 阅读(300) 评论(0) 推荐(0) 编辑
摘要: 效果图: 代码 HTML 阅读全文
posted @ 2017-04-19 16:11 h5monkey 阅读(1955) 评论(0) 推荐(0) 编辑
摘要: 效果: 代码: 阅读全文
posted @ 2017-04-06 15:58 h5monkey 阅读(215) 评论(0) 推荐(0) 编辑
摘要: 效果图: 原理分析: 困扰的问题之一 clientHeight和offsetHeight的值由什么决定? 假如我们有以下的DIV,主要显示的文字为"This is the main body of DIV" 如上图所示,clientHeight的值由DIV内容的实际高度和CSS中的padding值决 阅读全文
posted @ 2017-04-01 09:17 h5monkey 阅读(186) 评论(0) 推荐(0) 编辑
摘要: 数组有序的情况下: 数组无序的情况下: 使用二分 先把数组排列成有序 然后二分 所花的时间比 普通for循环的时间要长 阅读全文
posted @ 2017-03-29 15:26 h5monkey 阅读(916) 评论(0) 推荐(0) 编辑
摘要: 效果图 代码: 看到有的css属性定义为background:transparent。意思就是背景透明。 实际上background默认的颜色就是透明的属性。 例如如果一个元素覆盖在另外一个元素之上,而你想显示下面的元素, 这时你就需要把上面这个元素的background设置transparent。 阅读全文
posted @ 2017-03-29 11:38 h5monkey 阅读(344) 评论(0) 推荐(0) 编辑
摘要: 效果图: 代码: 一点点来先来个简单的 技巧: 阅读全文
posted @ 2017-03-29 10:28 h5monkey 阅读(274) 评论(0) 推荐(0) 编辑
摘要: /* ecma6 实现了原生的js实现规范 解决异步加载的问题 */ /* es6中原生的promise如何使用 状态 -》 pending等待 -》resolve 通过状态 -》 reject 拒绝状态 then方法 调用 resolve 和 reject 状态所对应的回调函数 */ 用法: jq 阅读全文
posted @ 2017-03-28 14:50 h5monkey 阅读(134) 评论(0) 推荐(0) 编辑
摘要: 圆的碰撞效果图: 分析 代码: 阅读全文
posted @ 2017-03-27 14:18 h5monkey 阅读(198) 评论(0) 推荐(0) 编辑
摘要: 效果图: 代码: 技巧: 1. 3.还有一种方式 JavaScript Math.atan2(y,x) 方法:得到从 x 轴到点 (x,y) 之间的角度 返回值 返回从 X 轴正向逆时针旋转到点 (x,y) 时经过的角度(-PI 到 PI 之间的值)。 Math.atan2 方法实例 该例子取得不同 阅读全文
posted @ 2017-03-24 14:34 h5monkey 阅读(199) 评论(0) 推荐(0) 编辑
摘要: 效果: 代码: 技巧点: 用正则封装一个获取class的方法实现最基本的显示隐藏开定时器,添加延时功能this指向的问题定时器何时清除完善功能细节 1. //获取页面 class元素的封装方法 function getByClass(oParent, oClass) { var aEls = oPa 阅读全文
posted @ 2017-03-23 15:12 h5monkey 阅读(159) 评论(0) 推荐(0) 编辑
摘要: 效果图: 注意点: json中的key必须有规律可寻; 面向对象的方式去完成。构造函数对每一个小功能的结合; 技巧细节: 1. 阅读全文
posted @ 2017-03-22 17:01 h5monkey 阅读(316) 评论(0) 推荐(0) 编辑
摘要: 原型链: 如果要访问对象中并不存在的属性,【get】操作,就会查找对象内部prototype的关联对象,如果后者也没有就会继续查找它的prototype这个关联在定义上叫"原型链"prototype机制的意义是什么? 使用new调用函数时会把新对象的。prototype的属性关联到”其他对象“,带n 阅读全文
posted @ 2017-03-07 09:31 h5monkey 阅读(126) 评论(0) 推荐(0) 编辑
摘要: .spinner i:before { position: absolute; z-index: 2; clip: rect(0, 1em, 1em, .5em); width: 1em; height: 1em; content: ''; animation: spinner-circle-clipp... 阅读全文
posted @ 2017-03-03 16:38 h5monkey 阅读(144) 评论(0) 推荐(0) 编辑
摘要: 类是一种设计模式,javascript也有类似的语法,但和其他语言的类不同, 类意味着复制; 类被继承时候 行为也会被复制到子类中; 多态 在继承链的不同层次名称相同但功能不同的函数; 看起来视乎是子类引用父类,但本质上引用的其实是复制的结果 混合:显示 寄生:即显示又隐式 隐式: 阅读全文
posted @ 2017-03-02 13:09 h5monkey 阅读(114) 评论(0) 推荐(0) 编辑
摘要: 对象有二种形式:声明文字 与构造形式; 文字: var myobj = { key:value, //........ 可以多添加内容 } 构造: var myobj = new Object(); myobj.key = value; //内容必须逐个添加; 内置对象 String Number 阅读全文
posted @ 2017-02-28 14:14 h5monkey 阅读(126) 评论(0) 推荐(0) 编辑
摘要: 对自己学习的扩展 问题 代码A 求出程序输出 这是一个闭包测试题 转换为等价代码 return返回的对象的fun属性对应一个新建的函数对象,这个函数对象将形成一个闭包作用域,使其能够访问外层函数的变量n及外层函数fun,为了不将fun函数和fun属性搞混,我们将上述代码修改如下:代码B 那么就有同学 阅读全文
posted @ 2017-02-28 12:29 h5monkey 阅读(337) 评论(0) 推荐(0) 编辑
摘要: 在读underscore源码过程种碰到一时想不起来,问了一下百度mark下备份~~~~ 在javascript中有时会看到有两个!!的用法 这段例子,演示了在undifined和null时,用一个感叹号返回的都是true,用两个感叹号返回的就是false,所以两个感叹号的作用就在于,如果明确设置了变 阅读全文
posted @ 2017-02-24 11:35 h5monkey 阅读(188) 评论(0) 推荐(0) 编辑
摘要: 期待更新 阅读全文
posted @ 2017-02-23 09:29 h5monkey 阅读(111) 评论(0) 推荐(0) 编辑
摘要: 闭包:是指有权访问另外一个函数作用域中的变量的函数。 baz() // 这就是闭包的效果 变量的作用域无非就是两种:全局变量和局部变量 Javascript语言的特殊之处,就在于函数内部可以直接读取全局变量。 var n=999;function f1(){ alert(n);}f1(); // 9 阅读全文
posted @ 2017-02-23 09:28 h5monkey 阅读(515) 评论(0) 推荐(0) 编辑
摘要: 什么作用域 根据名称查找变量的一套规则,用于确定在何处以及如何查找变量(标识符); 如果查找的目的是对变量进行赋值 则用LHS查询 如果获取变量的值,则用RHS查询 //持续更新。。。。。。。 栗子: 其中对a是一个RHS引用,查找并取得a的值 传给 console。log 对LHS引用,不关心当前 阅读全文
posted @ 2017-02-17 09:41 h5monkey 阅读(138) 评论(0) 推荐(0) 编辑
摘要: 汇总onchange onpropertychange 和oninput事件的区别: 1、onchange事件与onpropertychange事件的区别: onchange事件在内容改变(两次内容有可能还是相等的)且失去焦点时触发;onpropertychange事件却是实时触发,即每增加或删除一 阅读全文
posted @ 2017-02-16 15:59 h5monkey 阅读(212) 评论(0) 推荐(0) 编辑
摘要: function img() { $(".meetingpic_page li img").on("click", function () { //var _w = parseInt($(window).width());//获取浏览器的宽度 var img = $(this); var realW 阅读全文
posted @ 2017-02-16 14:52 h5monkey 阅读(617) 评论(0) 推荐(0) 编辑
摘要: 网站模块化项目第一期终于在加班75天后完成了。 接下去要多看书还要多看娃 项目需求数组随机排序 洗牌算法 数组随机排序其基本原理是洗牌算法(Fisher–Yates shuffle): 是一种将有限集合的顺序打乱的一种算法 首先是一种常见的错误随机排序 为什么是错误的排序我也是看了一篇文字 链接:h 阅读全文
posted @ 2017-01-16 12:52 h5monkey 阅读(552) 评论(0) 推荐(0) 编辑
摘要: js //后台 阅读全文
posted @ 2017-01-04 10:43 h5monkey 阅读(1488) 评论(0) 推荐(0) 编辑
摘要: 项目进度太赶,天天公司加班12小时,没时间看书充电。2016年再更新一篇吧。现在凌晨2点36分。 2017加油哦 jquery合适的选择器 $("#id") 无疑是最佳提高性能的方法 如果不能直接找到你要的元素 那么可以考虑find() $("p").find("a") 之外还有 标签选择器 $(" 阅读全文
posted @ 2016-12-31 02:39 h5monkey 阅读(190) 评论(0) 推荐(0) 编辑
摘要: 异步上传取多组值一起post改变属性 如图: 看图说话 阅读全文
posted @ 2016-12-20 20:19 h5monkey 阅读(212) 评论(0) 推荐(0) 编辑
摘要: 第七章 jquery插件 管理cookie的插件--cookie jquery插件太多没什么好讲的,百度太多 说以下 cookie插件 //写入cookie $.cookie('the_cookie',"the_value");//待写入的cookie名 与 写入的值 //读取cookie名 $.c 阅读全文
posted @ 2016-12-18 13:16 h5monkey 阅读(234) 评论(0) 推荐(0) 编辑
摘要: ajax优点缺点 json格式的严格 序列化元素 serialize()方法 例如表单提交过程中如果只提交少量信息适合原来的模式,但如果表单信息越来越复杂,使用jquery提供的一种简单的方法serialize,这个方法也作用于jquery的对象,将dom元素序列化成字符串, serializeAr 阅读全文
posted @ 2016-12-18 11:16 h5monkey 阅读(131) 评论(0) 推荐(0) 编辑
摘要: 在jquery1.9之前,我们对于一个checkbox对象来进行重复选择或者取消, 我们可以使用这个方法$().attr('checked',checked);//选中 $().removeAttr('checked');//取消选中但是在1.9版本以后我们会发现这个不好使了,具体怎么不好使了呢, 阅读全文
posted @ 2016-12-14 11:18 h5monkey 阅读(316) 评论(0) 推荐(0) 编辑
摘要: jquery表单 表格操作 表单从基本的得到和失去焦点表单验证 表单最基本的筛选表格内容 选项卡 网页皮肤切换及cookie插件保存 阅读全文
posted @ 2016-12-14 10:01 h5monkey 阅读(265) 评论(0) 推荐(0) 编辑
摘要: jquery中的事件及动画 一.事件 页面加载 $(document).ready(function(){xxxxx}) 简写 $(function(){ //do something }) 元素绑定事件 bind() on() bing(事件类型,可选参数:事件对象的额外的数据对象,绑定处理函数) 阅读全文
posted @ 2016-12-13 15:04 h5monkey 阅读(163) 评论(0) 推荐(0) 编辑