javascript
文章平均质量分 57
kjah_1
这个作者很懒,什么都没留下…
展开
-
javascript Range对象跨浏览器常用操作(上)
最近在开发在线代码编辑器的过程中频繁接触Range对象,由于跨浏览器的需求,使用到ie下TextRange对象和标准Dom Range对象。开发的功能主要涉及即时代码着色(CodeColoring)和语法提示(CodeHints)功能,稍后会总结功能开发中问题或提供源码。以下是个人对Range对象的了解和常用操作的实例和总结: Range对象Range对象表示文档的连续范围区域,如...2009-07-06 10:17:35 · 336 阅读 · 0 评论 -
[js技巧]解决输入框焦点争夺
在表单验证时,输入框的验证经常会用到onblur事件,当验证不通过,有时会需要调用focus()把焦点移回输入框,就是不输对就不许其他操作那种,虽然应用场景不多,在实际使用时会产生一个焦点争夺的问题: 当两个输入框里都是验证不通过的值,焦点在a输入框,当用户点击b输入框时,a输入框的onblur验证方法调用focus()方法触发b输入框的onblur事件,又会要求把焦点设置到b上两个输入框...2012-01-11 10:14:20 · 289 阅读 · 0 评论 -
Javascript获取css渲染样式值技巧
一直忙没更新,总结下近期开发中使用的关于提取css渲染树样式的方法 提取渲染样式IE从domElement.currentStyle对象中提取即时计算的样式标准浏览器使用window.getComputedStyle方法获取IE下还有个runtimeStyle对象,可以应用样式又不改变DOM的style属性,理解为runtimeStyle用于运行时写入样式,currentStyle...2011-12-28 15:48:04 · 370 阅读 · 0 评论 -
从webQQ谈iframe内存释放问题
随着Ajax的发展,使用javascript的RIA应用越来越多,用户在同一页面中驻留的时间越来越长,内存泄露和内存占用问题越来越值得RIA开发者的注意,当RIA应用中内存得不到合理的释放,内存使用量会持续上涨,造成RIA应用反应变慢甚至会造成用户浏览器崩溃。虽然这种问题很少显现,但并不是说明应用中不存在这种问题,只不过这些问题在用户页面跳转和关闭浏览器时被掩盖掉,当我们RIA应用要用户一直在同一...2010-12-10 15:20:14 · 136 阅读 · 0 评论 -
[转]疯狂的跨域技术
原帖地址:http://itgeeker.com/mathml/readpaper?pid=53JavaScript是一种在Web开发中经常使用的前端动态脚本技术。在JavaScript中,有一个很重要的安全性限制,被称为“Same-Origin Policy”(同源策略)。这一策略对于JavaScript代码能够访问的页面内容做了很重要的限制,即JavaScript只能访问与包含它的文档...原创 2010-09-26 10:24:33 · 107 阅读 · 0 评论 -
[CKEditor]table单元格选择插件ie
功能描述: 在IE下实现类似FF下的单元格选择,为ie下合并单元格、删除多个单元格操作提供选择功能。(配合tabletools插件扩展实现合并单元格等操作) 实现原理: 根据单元格与鼠标选择区域的位置,计算被选择单元格,为单元格加上特定class。 使用及配置: 插件复制到plugins目录,修改config.js文件,增加config.ex...2010-09-14 10:20:52 · 287 阅读 · 0 评论 -
[CKEditor]table插件扩展
功能描述: 原添加表格按钮,改为弹出面板选择式,同word里的插入表格,可通过移动鼠标选择要插入的表行列,原来的功能通过点击表格属性调用. 效果截图: 代码:CKEDITOR.plugins.add( 'table',{ init : function( editor ) { var table = CKEDITOR.plugins.ta...2010-09-13 15:26:31 · 644 阅读 · 0 评论 -
js动态加载刷新多级引用的css
问题描述:页面引用page.css,page下又引用(@import)a.css,a.css下引用a1.css,a2.css,a3.css....(ie允许引用4级,4级以后无效,每个.css最多允许引用31个css文件)如当a1.css中有变动时,页面在不刷新的情况下需要应用上a1.css变动的样式. 问题分析:直接在页面通过js重新加入page.css的引用时,由...原创 2010-05-26 10:23:06 · 186 阅读 · 0 评论 -
[转]如何提升JavaScript的运行速度之DOM篇(四)
在Web开发中,JavaScript的一个很重要的作用就是对DOM进行操作,可你知道么?对DOM的操作是非常昂贵的,因为这会导致浏览器执行回流操作,而执行了过多的回流操作,你就会发现自己的网站变得越来越慢了,我们应该尽可能的减少DOM操作。本文是这个系列的最后一篇,给出了一些指导性原则,比如在什么时候应该对DOM可以进行什么样的操作等。【原文】Nicholas C. Zakas - Speed u...原创 2010-08-02 16:12:15 · 72 阅读 · 0 评论 -
[转]如何提升JavaScript的运行速度之递归篇(三)
影响JavaScript性能的另外一个杀手就是递归,在上一节中提到采用memoization技术可以优化计算数值的递归函数,但 memoization不是万能的,不是所有的递归函数都可以用memoization技术优化,本文介绍了这些情况,并介绍了解决办法,就是将递归转换为迭代,同时需要注意,本文末尾介绍的方案不是最终的方案,还需要和上一节优化循环的方案综合起来才能达到最佳效果。【原文】Spe...原创 2010-08-02 16:06:55 · 88 阅读 · 0 评论 -
[转]如何提升JavaScript的运行速度之函数篇(二)
这篇是Nicholas讨论如果防止脚本失控的第二篇,主要讨论了如何重构嵌套循环、递归,以及那些在函数内部同时执行很多子操作的函数。基本的思想和上一节chunk()那个例子一致,如果几个操作没有特定的执行顺序,而且互相不是依赖关系,我们就可以通过异步调用的方式加以执行,不止可以减少执行的次数,还可以防止脚本失控。本文还介绍了通过memoization技术取代递归的方法。【原文标题】Speed u...原创 2010-08-02 16:03:13 · 75 阅读 · 0 评论 -
[转]如何提升JavaScript的运行速度之循环篇(一)
根据Nicholas的说法,有四种代码会拖慢脚本的运行,并最终导致脚本失控。分别是次数过多的同步循环、庞大的函数体、不恰当的递归和不合理的DOM调用。这篇着重讲第一个原因。最后给出了一个开发模式,替换传统的循环结构,可以完全避免脚本失控的状况发生。原文标题:Speed up your JavaScript, Part 1原文作者:Nicholas C. Zakas在我 上一...原创 2010-08-02 15:59:52 · 82 阅读 · 0 评论 -
跨域子窗口关闭父窗口刷新
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML> <HEAD> <TITLE> New Document </TITLE> </HEAD> <BODY> <SCRIP2010-04-23 13:27:33 · 301 阅读 · 0 评论 -
javascript开发css语法提示(CodeHints)功能
功能: 模仿Dreamweaver CSS编辑时的代码提示和自动完成功能,在输入CSS代码输入过程中动态语法提示。 介绍: 此示例是在线代码编辑器中css语法提示功能,项目中代码编辑器主要功能还包括代码着色。 代码着色功能可参考: javascript开发代码高亮预研报告 此示例一共包含两个文件,一个是演示用的html,还有一个是作为css语法库的xml...2009-07-16 17:59:53 · 212 阅读 · 0 评论 -
javascript开发代码高亮预研报告
此报告是前一阵开发在线代码编辑器时,对代码高亮功能预研的成果,放在此处以备将来参考。附件是报告中所涉及的文件。 JS开发代码高亮预研成果报告 代码高亮功能分为整篇代码高亮处理,和即时代码高亮处理,预研目标为即时代码高亮,但是由于存在效率的问题,备选整篇代码高亮处理方案。 整篇代码高亮处理即对一篇代码或一段代码加入语法高亮,要求代码完整,如:html...2009-07-13 10:35:28 · 101 阅读 · 0 评论 -
javascript Range对象跨浏览器常用操作(下)
上一篇(http://kjah.iteye.com/blog/420624)介绍了Range对象:ie用的TextRange对象和标准Dom Range对象,并分别介绍使用这两个对象如何进行区域选择,这篇将介绍使用Range对象进行常用的插入文本和替换操作。 2.插入文本 TextRange插入文本 使用TextRang插入文本比较简单,直接调用pasteHTML(...2009-07-09 14:11:20 · 116 阅读 · 0 评论 -
移动web项目开发问题笔记
前阵一直在做的移动web项目项目已进入尾声,以下总结下在项目中遇到的问题和技术要点 开发问题及要点1. viewport 窗口适应 通过设置viewport使页面适应设备的宽度<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-...原创 2012-12-03 14:49:23 · 130 阅读 · 0 评论