随笔分类 -  小练

1 2 下一页
(function(){代码})()自执行函数
摘要：javascript中为何在匿名function函数后面还外加一个括号 详细研究过Javascript代码库（如Jquery、YUI）的人，一定会看到过很多如下形式的函数： (function(){...}()) 或 (function(){})() 对于很多初学者来说，遇到它们经常会产生一系列问号 阅读全文
posted @ 2017-04-22 18:51 h5monkey 阅读(5448) 评论(0) 推荐(0)
窗口大小左右拖动demo
摘要：效果： 代码： 阅读全文
posted @ 2017-04-06 15:58 h5monkey 阅读(237) 评论(0) 推荐(0)
自定义滚动条
摘要：效果图： 原理分析： 困扰的问题之一 clientHeight和offsetHeight的值由什么决定？ 假如我们有以下的DIV，主要显示的文字为"This is the main body of DIV" 如上图所示，clientHeight的值由DIV内容的实际高度和CSS中的padding值决 阅读全文
posted @ 2017-04-01 09:17 h5monkey 阅读(197) 评论(0) 推荐(0)
二分查找法优缺点：
摘要：数组有序的情况下： 数组无序的情况下： 使用二分 先把数组排列成有序 然后二分 所花的时间比 普通for循环的时间要长 阅读全文
posted @ 2017-03-29 15:26 h5monkey 阅读(961) 评论(0) 推荐(0)
平行四边形与梯形
摘要：效果图 代码： 看到有的css属性定义为background:transparent。意思就是背景透明。 实际上background默认的颜色就是透明的属性。 例如如果一个元素覆盖在另外一个元素之上，而你想显示下面的元素， 这时你就需要把上面这个元素的background设置transparent。 阅读全文
posted @ 2017-03-29 11:38 h5monkey 阅读(381) 评论(0) 推荐(0)
HTML5 canvas动画开发反弹球demo.html
摘要：效果图： 代码： 一点点来先来个简单的 技巧： 阅读全文
posted @ 2017-03-29 10:28 h5monkey 阅读(297) 评论(0) 推荐(0)
promise规范学习
摘要：/* ecma6 实现了原生的js实现规范 解决异步加载的问题 */ /* es6中原生的promise如何使用 状态 -》 pending等待 -》resolve 通过状态 -》 reject 拒绝状态 then方法 调用 resolve 和 reject 状态所对应的回调函数 */ 用法： jq 阅读全文
posted @ 2017-03-28 14:50 h5monkey 阅读(143) 评论(0) 推荐(0)
JS数学揭密之【三角函数】
摘要：圆的碰撞效果图： 分析 代码： 阅读全文
posted @ 2017-03-27 14:18 h5monkey 阅读(210) 评论(0) 推荐(0)
会动的眼睛demo
摘要：效果图： 代码： 技巧： 1. 3.还有一种方式 JavaScript Math.atan2(y,x) 方法：得到从 x 轴到点 (x,y) 之间的角度 返回值 返回从 X 轴正向逆时针旋转到点 (x,y) 时经过的角度（-PI 到 PI 之间的值）。 Math.atan2 方法实例 该例子取得不同 阅读全文
posted @ 2017-03-24 14:34 h5monkey 阅读(213) 评论(0) 推荐(0)
延时菜单显示demo
摘要：效果： 代码： 技巧点： 用正则封装一个获取class的方法实现最基本的显示隐藏开定时器，添加延时功能this指向的问题定时器何时清除完善功能细节 1. //获取页面 class元素的封装方法 function getByClass(oParent, oClass) { var aEls = oPa 阅读全文
posted @ 2017-03-23 15:12 h5monkey 阅读(172) 评论(0) 推荐(0)
联动下拉菜单demo
摘要：效果图： 注意点： json中的key必须有规律可寻； 面向对象的方式去完成。构造函数对每一个小功能的结合； 技巧细节： 1. 阅读全文
posted @ 2017-03-22 17:01 h5monkey 阅读(342) 评论(0) 推荐(0)
洗牌算法
摘要：网站模块化项目第一期终于在加班75天后完成了。 接下去要多看书还要多看娃 项目需求数组随机排序 洗牌算法 数组随机排序其基本原理是洗牌算法(Fisher–Yates shuffle)： 是一种将有限集合的顺序打乱的一种算法 首先是一种常见的错误随机排序 为什么是错误的排序我也是看了一篇文字 链接：h 阅读全文
posted @ 2017-01-16 12:52 h5monkey 阅读(609) 评论(0) 推荐(0)
论JSON的重要性☞异步上传过程中data取多组值的方法
摘要：异步上传取多组值一起post改变属性 如图： 看图说话 阅读全文
posted @ 2016-12-20 20:19 h5monkey 阅读(217) 评论(0) 推荐(0)
WEB前端组件思想【日历】
摘要：DEMO2： 思路：首先获取元素节点元素 >根据点击事件隐藏显示元素 >建立showdate方法（判断12月 则右边年份+1，月份1 ） >还要设置btn开关 防止多次重建 >根据元素清空 for循环列 行、把 th tr thead加入table >根据判断每一次点击进入月份必须先清空一次td 判 阅读全文
posted @ 2016-10-28 18:51 h5monkey 阅读(3199) 评论(0) 推荐(0)
主题: jQuery异步调用KindEditor无法赋值【解决】
摘要：1 KindEditor.ready(function (K) { 2 window.editor1 = K.create('#tjssjs', { 3 width: '480px', 4 height: '150px', 5 afterBlur: function () { this.sync(); } 6 }); 7 window.editor2 = K.create('#xg... 阅读全文
posted @ 2016-10-14 10:56 h5monkey 阅读(589) 评论(0) 推荐(0)
两端对齐布局与text-align:justify
摘要：百分比实现 首先最简单的是使用百分比实现，如下一个展示列表： 效果： 这样当然很简单，而且也不会存在什么兼容性问题，但是其他问题还有很多： 定宽的列表，效果很难实现 如果内部img元素宽度不是100%且需要实现两端对齐，效果很难实现 如果列表项数量是动态的，效果不能实现 flex实现 第二种实现方式 阅读全文
posted @ 2016-10-08 09:31 h5monkey 阅读(2188) 评论(0) 推荐(0)
createElement创建
摘要：定义和用法 createElement() 方法可创建元素节点。 此方法可返回一个 Element 对象。 另一种方式是字符串形式 var str = "" for (var i = 0; i <70; i++) { str += "<div></div>" } wrap.innerHTML = s 阅读全文
posted @ 2016-09-30 16:26 h5monkey 阅读(459) 评论(0) 推荐(0)
input美化上传按钮美化
摘要：今天工作需求碰到 样式改变上传按钮 效果： 附带小功能：截取上传文件名： 阅读全文
posted @ 2016-09-29 14:06 h5monkey 阅读(1391) 评论(0) 推荐(0)
展示图 轮播
摘要：1 2 3 4 5 6 7 8 9 10 11 12 1 阅读全文
posted @ 2016-09-28 23:02 h5monkey 阅读(432) 评论(0) 推荐(0)
【转】js获取url传递参数
摘要：<Script language="javascript">var Request = new Object();Request = GetRequest();var 参数1,参数2,参数3,参数N;参数1 = Request[''参数1''];参数2 = Request[''参数2''];参数3 阅读全文
posted @ 2016-09-27 15:25 h5monkey 阅读(7892) 评论(0) 推荐(0)

1 2 下一页