
javascript
莫冲
TO Be SIMPLE & STUDPID
展开
-
JAVASCRIPT常用函数集合
1、删除数组某项// Array Remove - By John Resig (MIT Licensed)Array.prototype.remove = function (from, to) { var rest = this.slice((to || from) + 1 || this.length); this.length = from < 0 ? th...原创 2017-03-28 14:21:07 · 272 阅读 · 0 评论 -
多DOM操作的性能优化
今天发现DOM操作很多,且是显示隐藏操作,性能是非常差的。一个显示(全部)后再隐藏(部分符合的Dom)的DOM操作在ipad上用了22秒。在电脑上用了1秒。显然这是无法接受的。其实优化的办法很简单,将显示隐藏改成隐藏(全部隐藏)显示(部分显示)。这样在IPAD上的执行时间是110多毫秒。提高了上百倍。参考:http://www.cnblogs.com/leolai/arch...原创 2013-07-15 17:32:42 · 150 阅读 · 0 评论 -
SafariJSRef safary开发指南
针对safari的js和css开发指南。https://developer.apple.com/library/safari/#documentation/AppleApplications/Reference/SafariJSRef/SafariJSRef.pdf原创 2013-07-10 11:30:22 · 110 阅读 · 0 评论 -
(转)document.execCommand()用法说明
document.execCommand()方法处理Html数据时常用语法格式如下:复制内容到剪贴板代码:document.execCommand(sCommand[,交互方式, 动态参数])其中:sCommand为指令参数(如下例中的”2D-Position”),交互方式参数如果是true的话将显示对话框,如果为false的话,则不显示对话框(下例中的”false”即表示不显示对话...原创 2012-10-11 15:53:49 · 80 阅读 · 0 评论 -
初次seajs使用
第一次用报了$=null的错误。然后上网查了是jquery需要封装成CMD才能使用。于是就删掉jquery中的AMD支持,就OK了之后又use了uploadifive这个jquery 插件,不论用use方式还是require方式,虽然能导入uploadifive,而且也没报错,但是不能用的。点upload按钮都没反应。初始化的js代码都执行了。(否则报错)。必须用传统的script标签导入...2013-11-22 14:11:16 · 169 阅读 · 0 评论 -
post的数据参数内容包含&如何如何处理
这星期测试人员提交了一个bug,表单保存的数据不完整。查了一下,提交的数据内容是x=A&B,数据库只保存了x=A。很明显,因为post会将&后的内容当成一个参数名进行传值。那么如何处理呢?这就要用到一个很少用到的js函数。escape.escape() 函数可对字符串进行编码,这样就可以在所有的计算机上读取该字符串。也就是把&符号转义了。这样保存到数据库就没问题了。...原创 2013-01-17 23:37:38 · 1777 阅读 · 0 评论 -
window.location.href无法跳转的解决办法
參考: 1、事件必须return false <a href="javascript:;" onclick="event();return false;"></a> 2、a标签的href属性设为一个锚点。 <a href="#" onclick="event();"></a> 必须在原创 2012-09-21 09:58:24 · 2531 阅读 · 0 评论 -
js获取屏幕可视区域
IE:document.body.offsetWidth, document.body.offsetHeightFF:window.innerWidth, window.innerHeight原创 2013-06-04 11:10:16 · 315 阅读 · 0 评论 -
backbone 的delegateEvent用法
這篇文章記錄關於 Backbone delegateEvents(), 也許會用到。假設我們有一段已知的 HTML template:/* main.html */ Click! 而我們會針對它製作 Backbone View 並且在其中指定 event handling:/* ClickBtn.js */var ClickBtn ...原创 2013-05-24 10:37:04 · 192 阅读 · 0 评论 -
readonly和disabled 的区别
Readonly和Disabled是用在表单中的两个属性,它们都能够做到使用户不能够更改表单域中的内容。但是它们之间有着微小的差别,总结如下: Readonly只针对input(text / password)和textarea有效,而disabled对于所有的表单元素都有效,包括select, radio, checkbox, button等。但是表单元素在使用了disabled后,当...原创 2012-08-10 16:53:13 · 91 阅读 · 0 评论 -
JS判断一个数组中是否有重复值的三种方法
参考 http://superivan.iteye.com/blog/1131328[code="java"]var ary = new Array("111","22","33","111");var s = ary.join(",")+","; for(var i=0;i-1) { alert("数组中有重复元素:&q原创 2013-07-18 09:52:13 · 175 阅读 · 0 评论 -
Javascript:history.go()和history.back()的用法和区别
Javascript:history.go()和history.back()的用法和区别简单的说就是:go(-1): 返回上一页,原页面表单中的内容会丢失;back(): 返回上一页,原页表表单中的内容会保留。history.go(-1):后退+刷新history.back():后退之所以注意到这个区别,是因为不同的浏览器的后退行为也是有区别的,而区别就跟Javascrip...原创 2013-08-02 14:38:34 · 999 阅读 · 0 评论 -
使用BOOTSTRAP创建没有遮罩的可移动dialog
bootstrap是个很流行的前端工具。我想做个没有遮罩的dialog,并且可拖动。如果通过jquery ui也可以生成,但是由于我同时也适用了jqueryeasyui。导致.dialog方法会优先使用easyui的实现,而easyui的dialog无疑是非常丑陋的,实在不能忍。正好,bootstrap也有dialog的功能,并且不需要通过js调用。当然,最关键是,调用的方法名是.modal 而不...原创 2017-01-16 12:00:42 · 354 阅读 · 0 评论 -
富文本编辑器推荐
website:https://www.froala.com/wysiwyg-editor比ueditor好用。少bug。table可以调整宽度高度。ueditor也不错,但是在chrome和ff上的表现差异比较大,例如table的宽度在ff下比较小,在chrome下比较大,还没法调整的。更大的bug是,换行时光标错误导致换行时光标会向前移动一个光标位,导致换行错误,这个bug还不...原创 2016-10-26 16:03:43 · 645 阅读 · 0 评论 -
一些比较特别的js库和框架
http://www.meedee.cn/2016/06/07/%e4%b8%80%e4%ba%9b%e6%af%94%e8%be%83%e7%89%b9%e5%88%ab%e7%9a%84js%e5%ba%93/这些库是从这篇文章上看到的。当然翻译的很别扭。https://assets.thoughtworks.com/assets/technology-radar-apr-2016...原创 2016-08-11 14:05:48 · 182 阅读 · 0 评论 -
Javascript的变量与delete操作符
来自:http://www.meedee.cn/2016/06/07/javascript%e7%9a%84%e5%8f%98%e9%87%8f%e4%b8%8edelete%e6%93%8d%e4%bd%9c%e7%ac%a6/参考原文:http://charlee.li/javascript-variables-and-delete-operator.htmlhttp://...原创 2016-08-11 14:02:34 · 104 阅读 · 0 评论 -
json schema validate
为了检测API返回的数据结构是否正确,刚好chrome的插件postman可以做这件事。其实它用的也是tv4的库来验证。又找了一些开源的验证工具。如下在线验证工具:只支持http://json-schema.org/draft-03/schema# https://json-schema-validator.herokuapp.com/schema [code="java"...原创 2014-09-17 16:58:54 · 1221 阅读 · 0 评论 -
来自yahoo的web优化规则(YSLOW的23条军规)
https://developer.yahoo.com/performance/rules.html认真研究下。收货不少原创 2014-09-11 17:53:28 · 249 阅读 · 0 评论 -
uploadifive上傳插件的使用
1 自定義上傳錯誤/進度提示位置'queueID':"uploadifive-uploadFileBtn-queue-custom",若定義了queueID,則會用你自定義的id的element來顯示上傳的錯誤提示或進度提示插件源碼,若定義了queueID,則用自定義的ID來當容器[code="java"] // Create the queue container ...原创 2015-02-17 18:07:32 · 652 阅读 · 0 评论 -
<a>的href中添加js函数的写法
参考资料:http://www.cnblogs.com/opper/archive/2009/01/12/1373971.html1 void(0) 表示一个死链接可以在void中执行js脚本。但是不能用;结尾。例如[code="java"]Cancel[/code]以上刷新页面的脚本不会执行。但是若去掉;就会执行。2 建议将js放在void之前...原创 2014-03-18 15:54:43 · 1844 阅读 · 0 评论 -
使用backbonejs的router功能
来源:http://css.dzone.com/articles/using-routers-backbonejsdemo:http://demos-sagarganatra.appspot.com/backbone/backboneRouter.html#原创 2014-01-02 12:13:42 · 179 阅读 · 0 评论 -
javascript 同zindex的重叠div如何处理事件关系
在一个页面中有3个独立的div,不存在嵌套层次关系。3个div互有重叠,如何控制监听事件的层次关系。比如div2盖住部分div1.点击重叠部分如何让div1监听到?测试代码:[code="java"] div{ width:200px; height:200px; position: absolute; } #rec1{...原创 2012-11-15 11:43:51 · 328 阅读 · 0 评论 -
非IE MAC平台下window.print出现空白页的解决办法
以前在IE下用window.print实现打印由于有active等IE特性的强大功能,打印都比较简单。但是在FF,SAFARI,CHROME,以及MAC操作系统下用js实现打印会出现很多莫名其妙的问题。1 预览和真实打印效果不同。在不同操作系统不同浏览器及版本下,这是很正常的。以最终目标打印结果为标准。 2 多页打印的排版错位。采用table动态生成tr td内容项拼凑出打印内...2012-08-01 18:29:31 · 1004 阅读 · 0 评论 -
jquery easyui 操作总结
1、dialog[code="java"]$("#dialog-form").dialog({ title : "任務", width : 500, resizable : false, cache: false, //禁止缓存 href: '/Admin...2012-10-29 12:32:41 · 148 阅读 · 0 评论 -
富文本编辑器推荐
website:https://www.froala.com/wysiwyg-editor比ueditor好用。少bug。table可以调整宽度高度。ueditor也不错,但是在chrome和ff上的表现差异比较大,例如table的宽度在ff下比较小,在chrome下比较大,还没法调整的。更大的bug是,换行时光标错误导致换行时光标会向前移动一个光标位,导致换行错误,这个bug还不是每次都原创 2017-03-28 14:40:33 · 1833 阅读 · 1 评论 -
一些比较特别的js库和框架
http://www.meedee.cn/2016/06/07/%e4%b8%80%e4%ba%9b%e6%af%94%e8%be%83%e7%89%b9%e5%88%ab%e7%9a%84js%e5%ba%93/这些库是从这篇文章上看到的。当然翻译的很别扭。https://assets.thoughtworks.com/assets/technology-radar-apr-2016-cn原创 2017-03-28 14:37:21 · 569 阅读 · 0 评论 -
Javascript的变量与delete操作符
来自:http://www.meedee.cn/2016/06/07/javascript%e7%9a%84%e5%8f%98%e9%87%8f%e4%b8%8edelete%e6%93%8d%e4%bd%9c%e7%ac%a6/参考原文:http://charlee.li/javascript-variables-and-delete-operator.htmlhttp://perfe原创 2017-03-28 14:37:04 · 242 阅读 · 0 评论 -
uploadifive上傳插件的使用
1 自定義上傳錯誤/進度提示位置'queueID':"uploadifive-uploadFileBtn-queue-custom",若定義了queueID,則會用你自定義的id的element來顯示上傳的錯誤提示或進度提示插件源碼,若定義了queueID,則用自定義的ID來當容器 // Create the queue container i原创 2017-03-28 14:31:11 · 947 阅读 · 0 评论 -
facebook和新浪微博的oauth2.0登錄
用facebook和新浪微博做oauth登入facebook參考資料https://developers.facebook.com/docs/javascript/quickstart/v2.1 Facebook Login JavaScript Example // This is called with the results原创 2017-03-28 14:28:04 · 354 阅读 · 0 评论 -
<a>的href中添加js函数的写法
参考资料:http://www.cnblogs.com/opper/archive/2009/01/12/1373971.html1 void(0) 表示一个死链接可以在void中执行js脚本。但是不能用;结尾。例如Cancel以上刷新页面的脚本不会执行。但是若去掉;就会执行。2 建议将js放在void之前的写法。例如Cancel这样的写法就必须加上“原创 2017-03-28 14:25:34 · 2588 阅读 · 0 评论 -
Javascript:history.go()和history.back()的用法和区别
Javascript:history.go()和history.back()的用法和区别简单的说就是:go(-1): 返回上一页,原页面表单中的内容会丢失;back(): 返回上一页,原页表表单中的内容会保留。history.go(-1):后退+刷新history.back():后退之所以注意到这个区别,是因为不同的浏览器的后退行为也是有区别的,而区别就跟Javascript:hist原创 2017-03-28 14:22:00 · 253 阅读 · 0 评论 -
adobe creative suite extension builder扩展安装地址及调试方法
1 延时(js)$.sleep(1000);$.writeln("testt");2 执行脚本(as)var url:String = getAppStoragePath() + "assets/post.jsx";var back:Object = app.doScript(url, ScriptLanguage.javascript, myArg);第二种方式(推荐)packa原创 2017-03-28 14:14:46 · 943 阅读 · 0 评论 -
jquery easyui 操作总结
1、dialog$("#dialog-form").dialog({ title : "任務", width : 500, resizable : false, cache: false, //禁止缓存 href: '/Admin/Project/videoPlayer原创 2017-03-28 14:14:37 · 575 阅读 · 0 评论 -
javascript征途笔记
基础1、 只有函数有作用域2、 如果在的src 中设置了src特性,则script元素包含的任意代码就无效了。应该分开放到不同的script块中。3、 外部js脚本文件和页面内嵌的js代码的执行顺序是按它们在文档中的位置决定的,而不是先执行内嵌脚本,后执行外部脚本文件。4、 建议通过外部文件形式导入js文件。5、 使用接口技术解决js文件函数重名的冲突。问题是如果封装的接口也冲...原创 2011-10-18 10:20:37 · 127 阅读 · 0 评论 -
Console API 当打开 firebug (也包括 Chrome 等浏览器的自带调试工具),window 下面会注册一个叫做 console 的对象,它...
Console API当打开 firebug (也包括 Chrome 等浏览器的自带调试工具),window 下面会注册一个叫做 console 的对象,它提供多种方法向控制台输出信息,供开发人员调试使用。下面是这些方法的一个简单介绍,适时地运用它们,对于提高开发效率很有帮助。console.log(object[, object, ...])使用频率最高的一条语句:向控制台输...原创 2011-10-28 14:55:57 · 115 阅读 · 0 评论 -
关于HTML5中Canvas的宽、高设置问题
Canvas元素默认宽 300px, 高 150px, 设置其宽高可以使用如下方法:方法一:1 方法二:使用HTML5 Canvas API操作 OK1 var canvas = document.getElementById('欲操作canvas的id');2 canvas.width = 500;3 canvas.width = 500;若通过如下方法设置宽高,那么...原创 2011-11-29 16:52:26 · 868 阅读 · 0 评论 -
web前端不常見問題匯總
1、alert();後加return,在IE中可能導致當前頁面的元素樣式為disabled。2、焦點問題:只有input等可輸入類型的元素才能獲取到focus。圖片和div獲取不到focus。3、javascript的removeEventListener必須加上function。不能removeEventListener("mouseover"),會報錯。4、主頁面中調用iframe...原创 2012-03-21 15:47:33 · 90 阅读 · 0 评论 -
如何释放jquery插件占用的内存?
实例化jquery插件后,需要动态删除插件并移除DOM,如何释放jquery插件占用的内存?很多jquery插件,没有提供destroy的接口。例如最近经常用到jquery-reel.js和循环播放图片的插件。动态创建几十个,又动态删除。内存占用很大。只能自己修改插件,控制内存的释放。但是有些插件又很复杂,光看明白几千行的js就很头疼了,若修改的有问题就更麻烦了。最终还是自己...原创 2012-07-05 17:52:01 · 360 阅读 · 0 评论 -
showModalDialog的例子
下面是showModalDialog/showModelessDialog使用例子,父窗口向子窗口传递值,子窗口设置父窗口的值,子窗口关闭的时候返回值到父窗口.关闭刷新父窗口,希望对象我这样的WEB开发的菜鸟有所帮助.(一)showModalDialog使用例子,父窗口向子窗口传递值,子窗口设置父窗口的值,子窗口关闭的时候返回值到父窗口. farther.html ------...原创 2012-02-22 10:46:14 · 162 阅读 · 0 评论 -
javascript浮点运算偏差的成因及解决方法
原文地址:http://eatpockyboy.blog.163.com/blog/static/116734640201231414154243/最近做javascript算价格总和的时候遇到乘法也有乘不尽的情况。。。= =! 设想是js的运算算法里面包含了除法 没想到是这样的的 = =! js解释器的作者们真心强啊。。。 除了下文提及的解决方法之外 还有一个就是如果浮点的小数位确定时 比...原创 2012-10-25 10:26:23 · 126 阅读 · 0 评论