随笔分类 -  JavaScript

JavaScript应用和心得
nodejs的POST两种type类型提交（原生）
摘要：POST数据的两种提交格式 application/x-www-form-urlencoded（上传数据中没有文件） multipart/form-data （文件上传） 获取POST数据，post数据的传输是可能分包的，因此必然是异步的。post数据的接受过程如下： var postData = 阅读全文
posted @ 2017-08-11 11:01 半颠者 阅读(1198) 评论(0) 推荐(0)
图片预加载
摘要：http://www.w3school.com.cn/jsref/dom_obj_image.asp demo1--http://www.bokicabo.com/en/04/ 阅读全文
posted @ 2014-09-20 16:17 半颠者 阅读(228) 评论(0) 推荐(0)
js加入收藏
摘要： 阅读全文
posted @ 2014-09-11 10:16 半颠者 阅读(158) 评论(0) 推荐(0)
JS操作文件
摘要：一、功能实现核心：FileSystemObject 对象 要在javascript中实现文件操作功能，主要就是依靠FileSystemobject对象。 二、FileSystemObject编程 使用FileSystemObject 对象进行编程很简单，一般要经过如下的步骤： 创建FileSyste... 阅读全文
posted @ 2014-05-04 15:33 半颠者 阅读(1352) 评论(0) 推荐(0)
DOM的一些小总结
摘要：HTML DOM的结构:可以把HTML看成一个个的节点。节点：HTML DOM对象 -- 方法和属性一些DOM 对象方法nodeName 属性 nodeValue 属性nodeType：节点的类型。 有点懂，但还是有点不明白。 DOM-1 1111 2222 3333 4444 阅读全文
posted @ 2014-04-25 14:40 半颠者 阅读(261) 评论(0) 推荐(0)
简单的放大镜效果
摘要：无标题文档 本来想着要算一下比例的，可能这个比较特殊不用吧。囧。。。 阅读全文
posted @ 2014-04-10 23:23 半颠者 阅读(149) 评论(0) 推荐(0)
待续...
摘要：1 2 3 4 5 无标题文档 6 22 23 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 pre239 next240 241 242 243 244 245 阅读全文
posted @ 2014-04-03 17:58 半颠者 阅读(199) 评论(0) 推荐(0)
prototype入门----自定义创建元素
摘要：1 2 3 4 5 prototype 6 7 52 53 54 55 56 57 58 59 60 错的 1 2 3 4 5 prototype 6 7 50 51 52 53 54 55 56 57 58 对的 阅读全文
posted @ 2014-03-31 18:00 半颠者 阅读(232) 评论(0) 推荐(0)
事件委托和事件源入门
摘要：1 /* 2 *html 3 */ 4 5 6 7 8 9 1111111110 2222222211 3333333312 4444444413 5555555514 15 16 一个简单的ul、li布局 1 /* 2 *JavaScript 3 */ 4 parentNode //获取当前元素的父节点childNodes //获取当前元素的子节点（会有兼容问题，在火狐下面浏览器会把空节点也当成节点来算）nodeName //获取获取的名字toLowerCase() //把文本转成小写toUpperCase() //把文本转成大写... 阅读全文
posted @ 2014-03-30 23:29 半颠者 阅读(509) 评论(0) 推荐(0)
图片切换.----so屌
摘要：1 2 3 4 5 Document 6 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 320 321 1 /* 2 *2 3 */ 4 5 6 7 8 Document 9 83 84 85 86 87 88 ... 阅读全文
posted @ 2014-03-28 00:51 半颠者 阅读(265) 评论(0) 推荐(1)
JavaScript一个简单的图片切换布局
摘要：1 2 3 4 5 无标题文档 6 22 23 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 pre194 next195 196 197 198 199 200 待续... 阅读全文
posted @ 2014-03-26 23:56 半颠者 阅读(292) 评论(0) 推荐(0)
JS回弹原理-高级
摘要：1 2 3 4 5 无标题文档 6 10 11 112 113 114 115 116 117 118 119 120 有时候发现会有很多难点，有时候又发现没有难点。各种坐标的获取。根据坐标来计算各种值（比如：速度大小）边界值的判断速度*一个小数（0.nn）摩擦力 阅读全文
posted @ 2014-03-26 16:38 半颠者 阅读(609) 评论(0) 推荐(0)
JS垂直落体回弹原理
摘要：1 /* 2 *JS垂直落体回弹原理 3 */ 4 5 6 7 8 无标题文档 9 12 13 37 38 39 40 41 42 43 44 45 46 阅读全文
posted @ 2014-03-25 15:58 半颠者 阅读(428) 评论(0) 推荐(0)
JS简单回弹原理
摘要：1 /* 2 *JS简单回弹原理 3 */ 4 5 6 7 8 无标题文档 9 13 14 50 51 52 53 54 55 56 57 给物体初始一个在X、Y方向上的运动速度。通过定时器改变物体左右坐标改变left、top的值来实现位移效果判断物体是否超出可视区的边界值(改变物体在X、Y方向的速度) 阅读全文
posted @ 2014-03-25 10:53 半颠者 阅读(3249) 评论(0) 推荐(0)
JS操作网页中的iframe
摘要：1 /* 2 *parent.html 3 */ 4 5 6 7 8 9 这里是parent页面10 31 32 33 34 35 36 4654156145637 38 39 40 41 42 43 44 45 4545546 47 48 1 /* 2 *son.html 3 */ 4 5 6 7 8 9 这里是iframe页面10 11 12 13 14 这里是Iframe的东西15 789404123f4fff16 17 145620...018 19 20 21 22 在本地会产生跨域问题解决办法：放在自己安装的环境里运行或跑在服务器上 阅读全文
posted @ 2014-03-24 15:36 半颠者 阅读(378) 评论(0) 推荐(0)
JS拖拽-面向对象拖拽-继承
摘要：1 //普通拖拽 2 /* 3 * CSS 4 */ 5 #div1{ width:100px; height:100px; position:absolute; background:red; cursor:move;} 6 7 /* 8 *HTML 9 */10 11 12 13 /*14 *JavaScript15 */16 window.onload = function (){17 var oDiv = document.getElementById("div1");18 oDiv.onmousedown = function(ev){19 ... 阅读全文
posted @ 2014-03-21 10:26 半颠者 阅读(383) 评论(0) 推荐(0)