Javascript
文章平均质量分 59
canlynet
喜欢编程,从事IT行业。
展开
-
Javascript继承
Javascript对象继承有很多种方法,但各有缺陷,这里只介绍一种经典的没有缺陷(不会引起被继承对象改变)的方法。在three.js源码中摘出的几行代码如下:THREE.InstancedBufferAttribute = function ( array, itemSize, meshPerAttribute ) { THREE.BufferAttribute.call( ...原创 2016-05-29 07:32:10 · 77 阅读 · 0 评论 -
支持IE8的不刷新页面上传图片
对于IE8,IE9来说,不支持formData,导致上传文件必须用post页面的方式才可以。那么怎样做到不刷新当前页面,上传一张图片呢?除了用webuploader以外,如果不需要显示进度条(小文件、图片上传都是这样的需求),那么可以用我这个方法。在当前页面引入一个隐藏的iframe,iframe的src指向一个上传文件的页面,点击当前页面的某个按钮或图片,触发iframe中的上传文件的...原创 2017-03-18 09:34:30 · 111 阅读 · 0 评论 -
Vue双向绑定的基本原理
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Javascript setter, getter</title></head><原创 2018-09-13 21:37:56 · 265 阅读 · 0 评论 -
ztree的用法和示例
ztree是我在项目中使用了很多次的一个树形js控件,它的文档比较规范。地址:http://www.treejs.cn/v3/main.php#_zTreeInfo我在项目中的js做了比较好的包装。思路则是在设置角色权限的页面,点击某个按钮,获取该角色的id,然后利用js弹窗,打开一个iframe,剩下的事情都在iframe中的页面来做,这样将角色设置页面和权限选择和保存界面解耦,...原创 2017-02-24 22:28:52 · 240 阅读 · 0 评论 -
QQ聊天对话框(Js实现,支持表情插入文本中间)
一般我们做文本对话框,都考虑使用textarea,其实,用div也可以实现,用div的好处就是可以往里插入图片、表情等,不必都显示为字符。但是在插入表情图片或插入图片时就面临一个问题,图片怎么才能放到我输入文本的中间位置,而不是每次都追加到最后面,百度搜索了很多资料,自己试过,包装好了两种方法,一种是针对div的,一种针对textarea,当然,textarea没法显示图片,只适用于插入表...原创 2017-01-31 17:49:02 · 2152 阅读 · 0 评论 -
js获取URL的GET
在pdf.js项目中看到的一个函数,感觉应该是很靠谱的,自己试了试,调整了一下,现在好使,代码如下: /** * Helper function to parse query string (e.g. ?param1=value&parm2=...). */function parseQueryString(query) { query = query ? ...原创 2017-01-31 17:27:15 · 108 阅读 · 0 评论 -
关于formData的坑
用:var fd = new FormData();fd.append('id', 10);fd.append('file', document.getElementById('file').files[0]);的方式上传图片非常方便,可是fd还有一个get方法,这个方法在mac os中的chrome我测试通过了的可以获取到append追加进去的值,但在windows的chrom...原创 2017-01-25 10:27:42 · 7669 阅读 · 0 评论 -
Jquery扩展-打印页面局部内容
有时候我们需要点击打印按钮打印网页中的局部内容,比如表格数据,这时候可以借用一段Jquery的扩展代码。当然,打印的内容里面必须包含所有要素,比如CSS必须写在标签里面。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title原创 2017-07-13 11:43:32 · 353 阅读 · 0 评论 -
IE8仅支持冒泡阶段的attachEvent
注意: attachEvent仅支持IE(edge也不支持),在IE8中,先绑定的后执行,但在IE9以及后续版本中,先绑定的先执行。<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>js测试</title><原创 2016-12-03 21:19:55 · 448 阅读 · 0 评论 -
用windows10自带edge浏览器仿真IE8发现的问题
今天学习Javascript的时候,想看看IE8中是不是真的不支持addEventListener,用edge仿真IE8的时候,结果发现js程序正确运行了,用IE11仿真IE8的时候,却看到了错误提示“SCRIPT438: 对象不支持“addEventListener”属性或方法”。按照《Javascript 高级程序设计(第三版)》中的讲解,addEventListener属于DOM2级事件,...原创 2016-12-03 20:52:44 · 5555 阅读 · 0 评论 -
Javascript捕获阶段和冒泡阶段(DOM2级事件,firefox,chrome,ie9,safari)
DOM2级事件流规定的事件包括三个阶段:事件捕获阶段、处于目标阶段和事件冒泡阶段。首先发生的是事件捕获。然后是实际的目标接收到事件。最后一个阶段是冒泡阶段。addEventListener第一个参数是事件名,不带on前缀,第二个参数是绑定的函数,这个函数带有唯一的参数event,第三个参数为isCapture,是否捕获阶段执行的含义。当设置为false时在冒泡阶段执行,是我们常用的方式。...原创 2016-12-03 20:41:59 · 243 阅读 · 0 评论 -
js粘贴图片(可以显示或上传)仅支持IE11,chrome,firefox
项目中如果想支持粘贴截图上传图片,或者粘贴截图显示到某个位置,可以用这段代码,支持IE11,chrome。注意粘贴图片不支持mac os 中的safari,safari会弹窗提示:Oops: You are trying to paste an image in Safari, however we are unable to retieve its data. 不让粘贴图片。2016...原创 2016-11-28 09:47:31 · 707 阅读 · 0 评论 -
阻止冒泡(默认)事件(兼容IE8)
看下面HTML代码: <div onclick="parentClicked()"> 点击我(父元素) <div onclick="childClicked()"> 点击我(子元素) </div></div><script>function childClic原创 2016-11-24 20:04:15 · 1438 阅读 · 0 评论 -
js键盘响应事件代码的编写方法
如果我们需要在网页上使用键盘的某些键作为快捷键(比较典型的是收银台使用F1~F9),那么我们需要写网页的键盘响应事件。如果要做到只要网页获取了鼠标焦点(鼠标滚轮滚动网页能上下滚动时就是获取焦点状态,否则不是),就可以响应键盘时间,那么我们只要针对document绑定鼠标事件即可。但如果只是针对某个input或textarea响应键盘事件,那么要将键盘事件绑定到该dom元素上。绑定方法如下...原创 2016-11-17 09:43:00 · 406 阅读 · 0 评论 -
nodejs+ws+forever做websocket服务器
现在web应用越来越多,大多数利用HTML5技术结合后台API就可以完成。但是有一些场景却需要socket长连接的支持,比如在线即时对话(客服系统),比如游戏在线对战,这两类需求,如果利用ajax轮训机制,服务器负担将随人数增加成倍增长,而且另一方面来说,响应速度也得不到保障(轮训1秒钟一次就很频繁了,而1秒钟的延迟对用户来说体验并不好)! 针对要求及时响应的场景,或者...原创 2016-11-09 17:49:21 · 334 阅读 · 0 评论 -
createjs碰撞检测localToLocal的用法
<!DOCTYPE html><html><head> <title>EaselJS demo: localToLocal</title> <style type="text/css"> body { margin: 0; padding: 7px; background-color: r原创 2016-07-12 21:41:20 · 1697 阅读 · 0 评论 -
js实现的复制内容到剪贴板
clipboard.js 实现了纯 JavaScript (无 Flash)的浏览器内容复制到系统剪贴板的功能。可以在浏览器和 Node 环境中使用。支持 Chrome 42+、Firefox 41+、IE 9+、Opera 29+示例代码:<!DOCTYPE html><html lang="en"><head> <meta cha...原创 2016-06-16 13:47:12 · 89 阅读 · 0 评论 -
webuploader实现的不刷新页面上传文件(可以有进度条)
如果要求进度条显示上传进度,那么利用webuploader来实现一个不刷新页面上传图片或文件是最合适的了,这个可以兼容IE8。见附件。原创 2017-03-18 10:13:29 · 711 阅读 · 0 评论