
javascript
kongls08
这个作者很懒,什么都没留下…
展开
-
XMLHTTPRequest属性及方法详解
<br /><br />1、XMLHTTPRequest对象是什么?<br />2、创建XMLHTTPRequest对象。<br />3、XMLHTTPRequest的属性和方法。<br />1、XMLHTTPRequest对象是什么?<br />最通用的定义为:XmlHttp是一套可以在Javascript、VbScript、Jscript等脚本语言中通过http协议传送或从接收XML及其他数据的一套API。XmlHttp最大的用处是可以更新网页的部分内容而不需要刷新整个页面。(这个功能正是AJAX的一大转载 2010-07-12 22:58:00 · 1144 阅读 · 0 评论 -
jQuery 插件的模块化
来源:射雕jQuery 插件非常丰富。在传统使用方式里,比如 jquery-fancybox, 我们需要在页面中显式引入:12345fancybox 依赖 easi转载 2011-12-01 17:40:12 · 921 阅读 · 0 评论 -
开源JsDoc的使用介绍
如果大家对JEE的深入研究有兴趣 可以加入Q群:46176507 共同进步学习 JsDoc:是js文档生成工具,它从javascript程序源代码中抽取类、方法、成员等注释信息形成一个和源代码配套的API帮助文档。 Java开源项目http://www.jsdoctoolkit.org/,它是一个功能强大的javascript文档生成工具。 下面我们来结束一下如何使用。 我们通转载 2011-12-07 17:10:44 · 734 阅读 · 0 评论 -
提升JavaScript递归效率:Memoization技术详解
递归是拖慢脚本运行速度的大敌之一,太多的递归会让浏览器变得越来越慢直到死掉或者莫名其妙的突然自动退出。这里我们可以通过memoization技术来替代函数中太多的递归调用,提升JavaScript效率。AD:递归是拖慢脚本运行速度的大敌之一。太多的递归会让浏览器变得越来越慢直到死掉或者莫名其妙的突然自动退出,所以我们一定要解决在JavaScript中出现的这转载 2011-12-08 11:50:37 · 1241 阅读 · 0 评论 -
JavaScript Memoization:让函数也有记忆功能
realazy在blog上给出了一个JavaScript Memoization的实现,Memoization就是函数返回值的缓存,比如一个函数参数与返回结果一一对应的hash列表,wiki上其实也有详细解释,我不细说了,只讨论一下具体实现的问题,realazy文中的代码有一些问题,比如直接用参数拼接成的字符串作为查询缓存结果的key,如果参数里包括对象或数组的话,就很难保证唯一的key,还有1楼转载 2011-12-08 11:54:11 · 602 阅读 · 0 评论 -
【Javascript Memoization】 缓存函数
Memoization 是一种将函数返回值缓存起来的方法举个例子var flower= function(){ var t=0,i=0; for(;i5000000;i++){ t++; } return t;}flower 返回t的值假设这个函数需要花费 2-3秒 。 通转载 2011-12-08 11:56:43 · 796 阅读 · 0 评论 -
JavaScript中的memoization(memoizing) 技术介绍
最近在读《JavaScript 设计模式》一书,其中工厂模式中提到了memoizing技术,今天仔细整理了一下memoization 相关的资料,与大家共享。Memoization的定义:memoization 一词是Donald Michie 根据拉丁语memorandum杜撰的一个词。相应的动词、过去分词、ing形式有memoiz、memoized、memoizing.转载 2011-12-08 12:37:40 · 1408 阅读 · 0 评论 -
提升JS性能:将递归转换为迭代
网页制作Webjx文章简介:,在上一节中提到采用memoization技术可以优化计算数值的递归函数,但memoization不是万能的,不是所有的递归函数都可以用memoization技术优化,本文介绍了这些情况,并介绍了解决办法,就是将递归转换为迭代.影响JavaScript性能的另外一个杀手就是递归,在上一节中提到采用memoization技术可以优化计算数值的递转载 2011-12-08 12:41:10 · 4082 阅读 · 0 评论 -
JavaScript跨域总结与解决办法
什么是跨域JavaScript出于安全方面的考虑,不允许跨域调用其他页面的对象。但在安全限制的同时也给注入iframe或是ajax应用上带来了不少麻烦。这里把涉及到跨域的一些问题简单地整理一下:首先什么是跨域,简单地理解就是因为JavaScript同源策略的限制,a.com 域名下的js无法操作b.com或是c.a.com域名下的对象。更详细的说明可以看下表:U转载 2011-12-12 10:09:27 · 464 阅读 · 0 评论 -
JS操作iframe
1. 获得iframe的window对象存在跨域访问限制。chrome:iframeElement. contentWindow firefox: iframeElement.contentWindow ie6:iframeElement.contentWindow文章Iframes, onload, and document.domain中说“he ifram转载 2011-12-12 10:53:42 · 1912 阅读 · 0 评论 -
JavaScript中的匿名函数及函数的闭包
匿名函数函数是JavaScript中最灵活的一种对象,这里只是讲解其匿名函数的用途。匿名函数:就是没有函数名的函数。1、函数的定义,首先简单介绍一下函数的定义,大致可分为三种方式第一种:这也是最常规的一种 function double( x ){ return 2 * x; }复制代码第二种:这种方法使用了Function构造函数,把参数列表和函数体转载 2011-12-12 10:06:12 · 451 阅读 · 0 评论 -
JavaScript内存泄漏
1、什么是闭包、以及闭包所涉及的作用域链这里就不说了。2、JavaScript垃圾回收机制 JavaScript不需要手动地释放内存,它使用一种自动垃圾回收机制(garbage collection)。当一个对象无用的时候,即程序中无变量引用这个对象时,就会从内存中释放掉这个变量。 var s = [ 1, 2 ,3]; var s转载 2011-12-12 10:10:16 · 425 阅读 · 0 评论 -
理解并解决IE的内存泄漏方式[
这篇文章其实已经看了有些日子了,并且最近的一些开发都在尽量的遵循文中的原则。可是目前的情况是代码规模稍微大点以后,IE的内存泄漏还是很严重,于是我非常生气(倒没啥后果)觉得该把这篇文章挖出来批批。为了方便批斗,所以决定先给翻译成中文,结果在精读以后,发现每个泄漏情景的描述和避免,作者几乎都留了一手,所以这么看来文章又都对了,没啥可批的啦。只是让我想起啦真的刘一手。。。Author: J翻译 2011-12-12 10:11:56 · 533 阅读 · 0 评论 -
动态加载 script. ie 下 script Element 的 readyState状态
事实 上 说这个话题 有点老生常谈..但是因为涉及到更多 并行加载脚本的 思考 所以 还是觉得可以写一下. 为了 脚本资源的高并行加载 提高页面加载速度.. 我们可能需要动态加载 script... 其中总是无法避免的 一个方法 是 使用 head.appendChild(script) ; 因为这种方式 可以直接跨域.但是有时候 动态加载脚本可能是要保证转载 2011-12-14 19:29:14 · 2316 阅读 · 0 评论 -
web前端性能优化-高性能javascript学习
最近读过《高性能javascript》,记录如下: PS: 没有什么JS代码会重要到可以影响用户体验的程度 1. 由于浏览器在执行js代码时,会阻塞其他资源的下载 2. 无阻塞的脚本 * 延迟的脚本(defer) + 并不是理想的跨浏览器解决方案 * 动态脚本元素 + 通过动态创建script元素来获取脚本 * XHR脚本注入转载 2011-12-14 19:47:32 · 646 阅读 · 0 评论 -
Rhino——一个可以在Java中操作和执行JS的框架
前段时间,在浏览javaeye论坛,看见有人征集如何在java中运行数学表达式。结果方案五花八门:1.jakarta commons JEXL. 2.Beanshell3.Java Math Expression Parser jep 4.parse combinator jparsec 5.jdk 6.0的 script6.利用SQL 7.自己写语法分析如果自转载 2012-01-07 13:47:15 · 3914 阅读 · 0 评论 -
JsDoc Toolkit
简介JsDoc Toolkit 是一款辅助工具,你只需要根据约定在 JavaScript 代码中添加相应的注释,它就可以根据这些注释来自动生成API文档。对Java 熟悉的人可能会发现它和 Java 的文档自动化工具 JavaDoc 很像,没错,JsDoc Toolkit 就是基于 JavaDoc 开发的。下载地址http://code.google.com/p/jsdoc转载 2012-01-07 13:56:18 · 918 阅读 · 0 评论 -
JQuery设计思想
jQuery是目前使用最广泛的javascript函数库。 据统计,全世界排名前100万的网站,有46%使用jQuery,远远超过其他库。微软公司甚至把jQuery作为他们的官方库。 对于网页开发者来说,学会jQuery是必要的。因为它让你了解业界最通用的技术,为将来学习更高级的库打下基础,并且确实可以很轻松地做出许多复杂的效果。 虽然jQuery上手简单,比转载 2011-12-01 17:46:55 · 1027 阅读 · 0 评论 -
WEB前端工程师
先给前端工程师的工作下个一句话定义:运用前端技术,实现体验的良好传达。如果在前面加上 Web,那么是针对 Web 这个领域的,主要是互联网,也可以将移动通信网络和其他传媒网络(比如IPTV)包含在内,因为其理念是一致的。实际上如果叫做“WEB前端”它需要的技能范围还是很广的。我认为它的职能方向大概是 平面设计师 > 网页设计师 > 交互工程师 > UI设计师(用户体验) > WEB前端工程转载 2011-12-01 17:54:30 · 1256 阅读 · 0 评论 -
JQuery最佳实践
作者: 阮一峰日期: 2011年8月 4日上周,我整理了《jQuery设计思想》。那篇文章是一篇入门教程,从设计思想的角度,讲解"怎么使用jQuery"。今天的文章则是更进一步,讲解"如何用好jQuery"。我主要参考了Addy Osmani的PPT《提高jQuery性能的诀窍》(jQuery Proven Performance T转载 2011-12-01 17:46:10 · 1020 阅读 · 0 评论 -
传值和传址
对操作数据的传值和传址讨论是具有一般意义的,而二者的区别适用于所有的编程语言。 一:传值 1.复制:实际复制的是值,存在两个不同的,独立的拷贝 。2.传递:传递给函数的是值的一个独立的拷贝,对它的改变在函数原创 2010-05-15 20:23:00 · 932 阅读 · 0 评论 -
javascript 开发中的 MVC 模式分析
<br />源自:http://www.cnblogs.com/ruxpinsp1/archive/2008/04/17/1158140.html<br />随着前台开发日益受到重视,客户端代码比重日益增加的今天,如何在javascript开发里应用MVC模式,这个问题似乎会一直被提到,所以偶在这里粗略的谈一下自己的看法吧。<br />MVC模式的基本理念,是通过把一个application封装成model, view和controller三个部分达到降低耦合,简化开发的目的。这么说很空洞,大家可以原创 2010-06-22 11:03:00 · 520 阅读 · 0 评论 -
Comet:基于 HTTP 长连接的“服务器推”技术(转)
文档选项<tr valign="top"><td width="8"><img alt="" height="1" width="8" src="//www.ibm.com/i/c.gif"/></td><td width="16"><img alt="" width="16" height="16" src="//www.ibm.com/i/c.gif"/></td><td class="small" width="122"><p><span class="ast">未显示需要 JavaScript 的文原创 2010-09-02 11:09:00 · 527 阅读 · 0 评论 -
Reverse Ajax简单实例
<br />在网上找了一个老外写的dwr reverse-ajax的例子,自己把coding顺序调整了一下希望可以对学习dwr reverse-ajax的朋友有所帮助<br />1、首先要下载dwr 2.0 地址 http://getahead.org/dwr/download<br />2、在web.xml中加入dwr的servlet和相关配置 <!--dwr servlet--><br /> <servlet><br /> <servlet-name>dwr-i原创 2010-09-02 11:07:00 · 775 阅读 · 0 评论 -
jQuery必知必熟基础知识
<br />jQuery<br /> 1.特点:<br /> 小巧<br /> 功能强<br /> 跨浏览器<br /> 插件<br /><br /> 2.使用<br /> 实际是js文件<br /> a) 复制js到WebRoot<br /> b) 页面<script src="jquery.js" charset=""></script><br /><br /> 3.核心对象原创 2011-01-04 13:39:00 · 711 阅读 · 0 评论 -
对象XMLHttpRequest readyState 和status状态对照(转)
对象XMLHttpRequest<br /><br /><br />属性readyState:<br /><br />0: (未初始化)send方法还没有被调用<br />1: (加载中)已调用了send方法,请求还在处理<br />2: (已加载)send方法已完成,整个应答已接收<br />3: (交互中) 正在解析应答<br />4: (已完成) 应答已经解析,准备好进行下一步处理。<br /><br /><br />属性status的含义:原创 2011-01-14 09:02:00 · 497 阅读 · 0 评论 -
javascript 懒加载技术(lazyload)简单实现 (转)
<br />1.前言<br /> 懒加载技术(简称lazyload)并不是新技术, 它是js程序员对网页性能优化的一种方案.lazyload的核心是按需加载.在大型网站中都有lazyload的身影,例如谷歌的图片搜索页,迅雷首页,淘宝网,QQ空间等.因此掌握lazyload技术是个不错的选择,可惜jquery插件lazy load官网(http://www.appelsiini.net/projects/lazyload)称不支持新版浏览器。<br /><br />2.lazyload在什么场合中应用比原创 2011-01-16 23:25:00 · 1014 阅读 · 0 评论 -
图片上传预览js控件开发总结
<br />近期开发了图片上传预览js控件,对此做个总结。主要参考了JavaScript 图片上传预览效果(http://www.cnblogs.com/cloudgamer/archive/2009/12/22/ImagePreview.html),图片缓存展现(jquery.LoadImage.demo)和JSP中图片存储与读取(http://cache.baidu.com/c?m=9f65cb4a8c8507ed4fece763104c8c711923d030678197027fa3c21原创 2010-11-25 09:19:00 · 4352 阅读 · 1 评论 -
Javascript的this用法
<br />this是Javascript语言的一个关键字。<br />它代表函数运行时,自动生成的一个内部对象,只能在函数内部使用。比如,<br /> function test(){<br /> this.x = 1;<br /> }<br />随着函数使用场合的不同,this的值会发生变化。但是有一个总的原则,那就是this指的是,调用函数的那个对象。<br />下面分四种情况,详细讨论this的用法。<br />情况一:纯粹的函数调用<br />这是函数的最通常用法,属于全局性调用,因此t转载 2011-05-07 14:55:00 · 416 阅读 · 0 评论 -
readyState的五种状态详解(转)
在《Pragmatic Ajax A Web 2.0 Primer 》中偶然看到对readyStae状态的介绍,感觉这个介绍很实在,摘译如下: 0: (Uninitialized) the send( ) method has not yet been invoked. 1: (Loading) the send( ) method has been invoked, request i转载 2011-02-11 10:30:00 · 3581 阅读 · 0 评论 -
Javascript的时间方法的内部机制
原文:How JavaScript Timers Work在基础层面上,学习javascript时间方法工作机制是很重要的。经常会遇到时间方法没有按照预期的运作,因为他们是运行在单一时间轴上的。我们先测试三个函数来创建和运作时间轴。var id = setTimeout(fn, delay); – Initiates a single timer which will call转载 2011-11-21 14:17:02 · 858 阅读 · 0 评论 -
javascript线程解释(setTimeout,setInterval你不知道的事)
今天看到这篇文章,学到了不少东西 特此发出来 和大家分享JavaScript的setTimeout与setInterval是两个很容易欺骗别人感情的方法,因为我们开始常常以为调用了就会按既定的方式执行, 我想不少人都深有同感, 例如setTimeout( function(){ alert(’你好!’); } , 0);setInterval( callbackFuncti转载 2011-11-21 14:22:54 · 10570 阅读 · 2 评论 -
setTimeout与js引擎的异步执行
从岁月如歌那里看到一篇文章,是说“大数组的分时优化处理”,讲述了如何使用timedChunk来改善用户体验,所谓timedChunk的确可以很大程度改善用户体验,但文章并无介绍这种优化性能方法的深层原因,而且“大数组“的例子会让很多人产生误解,setTimeout的用处不止如此。这里的timedChunk是Nicholas C. Zakas对js引擎单进程使用setTimeout进行hack的转载 2011-11-21 14:24:32 · 7421 阅读 · 0 评论 -
前端招聘与前端卖身的困境
最近开始物色新公司,群里来了个招人的,说2.5万招高手。在众人的怂恿下,发了简历。但结果是不如意的,经过他们一小时的评测,他们认为我的水平不过8k-10k,税前。我吐血了,还远低于我原来的呢,更何况那公司是北京的,我是在深圳,就算只在原来工资上乘以物价指数比也不这样算吧。事后静下心来想想,问题出在哪里。毕竟我也招人招了差不多一年时间。我也体谅招人的难处。从招聘的角度来看,小公司很少会求助招聘网转载 2011-11-26 20:12:54 · 1057 阅读 · 0 评论 -
一小段jQuery代码的分析与优化
刚回家,QQ群里就看到有人求助优化一段jQuery代码,简单看了一下,发现如果对jQuery这东西只停留在用的层面,而不知其具体实现的话,真的很容易用出问题来。这也是为什么近期我一直不怎么推崇用jQuery,这框架的API设定就有误导人们走上歧途之嫌。$.fn.beautifyTable = function(options) { //定义默认配置项,再用op转载 2011-11-26 20:15:44 · 634 阅读 · 0 评论 -
性能优化总结
关于性能优化方面的关注点,每天都能够朗朗上口,但是当具体拿出一个页面给你去优化的时候,有可能你会不知道如何去展开优化工作和步骤(前几天有个朋友让我去优化一个网站首页,开始我就处于这种状态,很杯具~),也可能是想到一点就优化一点,乱套了。从而缺乏一个整体思路性的优化步骤。当我想到了这一点,就开始着手去总结这个一个优化流程的东西。当然了,做优化的脱离不了浏览器,也脱离不了工具,为此,你手上得准转载 2011-12-01 17:42:41 · 1150 阅读 · 0 评论 -
前端工程师应该关注什么
转载 2011-12-01 17:53:39 · 511 阅读 · 0 评论 -
浏览器的渲染原理简介
本文转载自酷壳,原文内容如下:看到这个标题大家一定会想到这篇神文《How Browsers Work》,这篇文章把浏览器的很多细节讲得很细,而且也被翻译成了中文。为什么我还想写一篇呢?因为两个原因,这篇文章太长了,阅读成本太大,不能一口气读完。花了大力气读了这篇文章后可以了解很多,但似乎对工作没什么帮助。所以,我准备写下这篇文章来解决上述两个问题。希望你能在上班途中,或是坐转载 2013-05-23 16:56:31 · 776 阅读 · 0 评论