javascript
关注
分享
扫一扫
deng131
这个作者很懒，什么都没留下…
展开
-
JavaScript跨域访问解决方案
来源：http://blog.youkuaiyun.com/sfdev/archive/2009/02/13/3887006.aspx由于安全方面的考虑，Javascript被限制了跨域访问的能力，但是有时候我们希望能够做一些合理的跨域访问的事情，那么怎么办呢？这里分两类情况：一、基于同一父域的子域之间页面的访问；参见如下3个domain 域：taobao.com、jipiao.taobao....2009-07-30 20:36:46 · 94 阅读 · 0 评论 -
Flex与Flash关系和区别
[align=left]Flash并非只是一个单纯的矢量动画创作工具，而是一个凭借脚本语言ActionScript在功能和定位上不断演变的网络应用开发工具。早在 Flash MX的时候就已经成为macroemdia 推广RIA战略的工具。但是毕竟Flash最初的定位是面向美术动画设计师的矢量动画创作工具，并不适合传统的开发人员。于是Flex成为开发者们的首选。 Flex和Flash都以A...原创 2010-07-20 11:02:01 · 152 阅读 · 0 评论 -
Extjs中XTemplate用法
Ext.onReady(function(){ //数据源 var data={ name:"博客园", read:[{ book:'', date:'2007-7-7' },{ book:"", date:"2006-6-6" ...原创 2010-07-20 12:52:55 · 250 阅读 · 0 评论 -
JS操作DOM元素属性和方法
Dom元素基本操作方法API，先记录下，方便以后使用。 W3C DOM和JavaScript很容易混淆不清。DOM是面向HTML和XML文档的API，为文档提供了结构化表示，并定义了如何通过脚本来访问文档结构。JavaScript则是用于访问和处理DOM的语言。如果没有DOM，JavaScript根本没有Web页面和构成页面元素的概念。文档中的每个元素都是DOM的一部分，这就使得Jav...原创 2010-07-29 09:17:33 · 82 阅读 · 0 评论 -
JS操作BOM元素属性和方法
BOM定义了JavaScript可以进行操作的浏览器的各个功能部件的接口，提供访问文档各个功能部件（如窗口本身、屏幕功能部件、浏览历史记录等）的途径以及操作方法。遗憾的是，BOM只是JavaScript脚本实现的一部分，没有任何相关的标准，每种浏览器都有自己的BOM实现，这可以说是BOM 的软肋所在。通常情况下浏览器特定的JavaScript扩展都被看作BOM的一部分，主要包括：·关闭...原创 2010-07-29 09:24:10 · 229 阅读 · 0 评论 -
IE于FF事件分派和触发
FF下事件分派和触发：//绑定window.addEventListener("mousewheel",function(event){ alert(event.type) alert(event.clientX)},false);var event = document.createEvent("MouseEvent");event.initMouseEv...2010-07-30 10:07:36 · 111 阅读 · 0 评论 -
JavaScript正则exec于match区别
参考题目：var someText="web2.0 .net2.0";var pattern=/(\w+)(\d)\.(\d)/g;outCome_exec=pattern.exec(someText);outCome_matc=someText.match(pattern);输出结果是什么？exec和match返回的都是数组总结：match是返回所有匹...2010-07-30 10:36:22 · 69 阅读 · 0 评论 -
前端网页优化准则
今天面试的时问道了关于页面优化的问题，虽然之前也看过那网上的雅虎页面优化34条黄金准则，但是对准则中有很多不是很理解，或者在实际的工作中没有引起注意，在赶项目的进度时候往往忽略了这些优化，感慨在小的公司，一个人同时可能要做几个人的事情，也确实是很难深入下去，面试后觉得还是很多基础的知识不是很清楚，只是知道how，但是不知道WHY。我现在唯一能做的就是从某个方面深入下去，在工作中区认识（理论结合实践...2010-08-06 17:28:50 · 143 阅读 · 0 评论 -
Extjs与jQuery编程区别
对这2个JS库在我所经历的实际的项目中都是用过了，他们明显的区别就是在界面表现和页面执行效率上有着很大区别，前者的库文件很大，即使是压缩了还是有200多K，页面首次渲染的时候需要很长的时间，如果对于访问量大的网站用户的体验来说不是很理想，在管理系统上还可以接受。一个好的框架需要做到浏览器的兼容和简洁优化的用户API。后者在库文件大小上不是很大，而且对于前端的新手来说，代码编写起来也很容易上...原创 2010-08-06 19:37:21 · 156 阅读 · 0 评论 -
js预加载/延迟加载
在面试中问道了问题，虽然也看过相关资料，但是还是需要增强和梳理下，这些方式出现的需求和实现上的区别。Pre loader 预加载一般有两种常用方式：xhr和动态插入节点的方式。动态插入节点是最为简单也最为广泛的一种异步加载方式，然后使用动态插入节点方法加载的文件都会在加载后立即执行，javascript的执行一方面会占用浏览器js执行进程，另一方面也可能改变页面结构，而css 的执行更有可...2010-08-08 17:01:35 · 108 阅读 · 0 评论 -
JavaScript中try catch finally 使用
在IE泄漏中处理是遇到的方法，通过try..catch..finally方式：[code="java"]function createButton(){ var obj = document.createElement("button"); obj.innerHTML="点我!"; obj.onclick=function(){ //处理click事件 } obj....原创 2010-12-15 12:12:23 · 146 阅读 · 0 评论 -
HTML精确定位:scrollLeft,scrollWidth,clientWidth,offset
在html中，任何一个元素都有三个表示位置和大小的对象：client,offset和scroll，每个对象都有相应的 height，width,top,left属性，那么这些究竟有什么区别呢？ client属性是指一个元素直接可以看得到不包括边框的区域，所谓的直接可以看得到不包括边框是这样的概念：不包括滚动条占据的空间（实际上，如果出现了滚动条，元素的高度不会发生变化，clientH...原创 2010-05-18 19:32:28 · 257 阅读 · 0 评论 -
JavaScript中的execCommand
execCommand方法是执行一个对当前文档，当前选择或者给出范围的命令。处理Html数据时常用如下格式：document.execCommand(sCommand[,交互方式, 动态参数]) ，其中：sCommand为指令参数（如下例中的"2D-Position"），交互方式参数如果是true的话将显示对话框，如果为false的话，则不显示对话框（下例中的"false"即表示不显示对话框）...原创 2010-05-18 19:36:59 · 82 阅读 · 0 评论 -
事件event 和 window.event区别
在IE/Opera中，evgl.srcElement?evgl.srcElement:evgl.target 是window.event，而在Firefox中，是event而事件的对象，在IE中是 window.event.srcElement，在Firefox中是event.target，而在Opera中则两者都支持。我们还是用例子来说明。//******************...原创 2010-05-18 19:59:36 · 563 阅读 · 0 评论 -
document.location.href和replace区别
document.location.href和document.location.replace都可以实现从A页面切换到B页面，但他们的区别是：用 document.location.href切换后，可以退回到原页面。而用document.location.replace切换后，不可以通过“后退”退回到原页面。关于document.location.href或其他可回退的切...原创 2010-05-18 20:20:11 · 162 阅读 · 0 评论 -
如何减少浏览器的repaint和reflow?
转自：http://varnow.org/?p=232参考：http://www.stubbornella.org/content/2009/03/27/reflows-repaints-css-performance-making-your-javascript-slow/文本内容主要包括以下几点： 1. 什么是repaint/reflow? 2. 什么情况下会触...原创 2010-05-20 17:28:00 · 311 阅读 · 0 评论 -
js创建文档碎片CreateDocumentFragment
在浏览器中，我们一旦把节点添加到document.body（或者其他节点）中，页面就会更新并反映出这个变化，对于少量的更新，一条条循环插入也会运行很好，也是我们常用的方法。代码如下：for(var i=0;i...原创 2010-05-20 17:50:18 · 171 阅读 · 0 评论 -
JS 样式表取值函数currentStyle(IE),defaultView(FF)
因为写js经常需要用到访问样式，我们常用的做法是通过 DOM.style.XXX来读写样式信息的。可是DOM.style这种写法只能访问，这样在标签里内置的样式，如果样式写在，或者.css文件里，那么就办法读到样式了。其实呢，还有别的方法可以读到这些样式信息，方法有两种，一种是通过document.styleSheets对象，另一种是通过“最终样式”对象。其中 IE中这个对象叫做curre...原创 2010-05-20 17:55:09 · 204 阅读 · 0 评论 -
display:inline-block详解
display:block就是将元素显示为块级元素.block元素的特点是：总是在新行上开始；高度，行高以及顶和底边距都可控制；宽度缺省是它的容器的100%，除非设定一个宽度, , , , 和 是块元素的例子。display:inline就是将元素显示为行内元素.inline元素的特点是：和其他元素都在一行上；高，行高及顶和底边距不可改变；宽度...原创 2010-05-23 22:10:00 · 998 阅读 · 0 评论 -
javascript DOM操作基础
经常用到javascript对dom，今天在网上找了篇文章，作者整理了《javascript高级程序设计》中关于DOM操作基础部分的内容来源：不详一、DOM基础1.节点(node)层次Document－－最顶层的节点，所有的其他节点都是附属于它的。DocumentType－－DTD引用（使用语法）的对象表现形式，它不能包含子节点。DocumentFragment－－可以像D...原创 2010-05-23 22:45:44 · 65 阅读 · 0 评论 -
HTML与javascript中常用编码
在日常的前端开发工作中，我们会经常的与HTML、javascript、css等语言打交道，和一门真正的语言一样，计算机语言也有它的字母表、语法、词法、编码方式等，在这里我简单的谈一下前端HTML与javascript日常工作中常碰到的编码问题。在计算机中，我们储存的信息都是用二进制码表示的。我们认识的、屏幕上显示的英文、汉字等符号和储存用的二进制代码的互相转换，就是编码。有两个基本...原创 2010-05-25 10:57:04 · 477 阅读 · 0 评论 -
bmp图片与JPG,GIF图片区别
bmp图像文件格式bmp是一种与硬件设备无关的图像文件格式，使用非常广。它采用位映射存储格式，除了图像深度可选以外，不采用其他任何压缩，因此，bblp文件所占用的空间很大。bmp文件的图像深度可选lbit、4bit、8bit及24bit。bmp文件存储数据时，图像的扫描方式是按从左到右、从下到上的顺序。由于bmp文件格式是windows环境中交换与图有关的数据的一种标准，因此在window...原创 2010-05-25 11:15:29 · 260 阅读 · 0 评论 -
巴科斯范式和扩展巴科斯范式
巴科斯范式巴科斯范式（也称为巴科斯-瑙尔范式、巴克斯-诺尔范式）即 BNF 是一种用于表示上下文无关文法的语言，上下文无关文法描述了一类形式语言。尽管巴科斯范式也能表示一部分自然语言的语法，它还是更广泛地使用于程序设计语言、指令集、通信协议的语法表示中。大多数程序设计语言或者形式语义方面的教科书都采用巴科斯范式。在各种文献中还存在巴科斯范式的一些变体，如扩展巴科斯范式EBNF或扩充巴科斯范...原创 2010-05-25 13:34:20 · 466 阅读 · 0 评论 -
window.name与document.location.hash
前端开发中常用iframe跨域操作方法记录下;参考：[url]http://ued.alimama.com/?p=197[/url][url]http://www.blueidea.com/tech/web/2008/6147.asp[/url]原创 2010-08-17 08:42:15 · 156 阅读 · 0 评论 -
JavaScript读取XML与JSON比较
面试中问道了使用过xml没有，在我做过的ROR项目中浏览器和服务器中大多数传输的是json格式数据，但这要看客户端需要的是哪种类型数据了，Rails框架中就提供了数据类型这样接口。所以在客户端请求该类型数据很容易组织数据。在客户端：对于JSON数据，只需要调用JavaScript的Eval方法就可以将JSON字符串序列化成为JavaScript对象，而后就可以直接访问了。对...原创 2010-08-17 13:17:35 · 126 阅读 · 0 评论 -
JavaScript全局函数/属性
面试中遇到问题：哪些是全局函数？全局属性？通过使用全局对象，可以访问所有其他预定义的对象、函数和属性。全局对象只是一个对象，而不是类。既没有构造函数，也无法实例化新的全局对象。FF: Firefox, N: Netscape, IE: Internet Explorer函数 描述 FF N IEdecodeURI() 解码某个编码的 URI。 1 4 5...原创 2010-08-17 13:40:41 · 94 阅读 · 0 评论 -
JavaScript中Object对象属性
constructor 对创建对象的函数的引用（指针）。对于 Object 对象，该指针指向原始的 Object() 函数。Prototype 对该对象的对象原型的引用。对于所有的对象，它默认返回 Object 对象的一个实例。hasOwnProperty(property) 判断对象是否有某个特定的属性。必须用字符串指定该属性。（例如，o.hasOw...原创 2010-08-18 21:34:20 · 80 阅读 · 0 评论 -
Javascript加载时执行顺序
一、在HTML中嵌入Javasript的方法 1. 直接在Javascript代码放在标记对和之间 2. 由标记的src属性制定外部的js文件 3. 放在事件处理程序中，比如：点击我 4. 作为URL的主体，这个URL使用特殊的Javascript：协议，比如：点击我 // test.js的内容是：...原创 2010-05-26 10:43:06 · 145 阅读 · 0 评论 -
浏览器加载html页面内容顺序
我们经常看到浏览器在加载某个页面时,部分内容先显示出来,又有些内容后显示。那么浏览器加载显示html究竟是按什么顺序进行的呢?其实浏览器加载显示html的顺序是按下面的顺序进行的：1、IE下载的顺序是从上到下，渲染的顺序也是从上到下，下载和渲染是同时进行的。2、在渲染到页面的某一部分时，其上面的所有部分都已经下载完成（并不是说所有相关联的元素都已经下载完）。3、如果遇到语义解释...原创 2010-05-26 10:47:25 · 212 阅读 · 0 评论 -
如何提高网页速度
1.适当压缩图片，选择合适的图片类型（jpg,gif,png);a.jpg图片适合色彩丰富或使用了过渡色的图像，选择适当的压缩比，通常仅降低5%的优化度，却可以大大降低图片的k数。b.gif图片适合于色彩简单无过渡色的图像，经过fireworks优化过的gif图可以获得较理想的k数。c.png图片适用于对图像质量要求较高或需要透明效果的图片。2.标明图片宽度和高度这样书...原创 2010-05-26 13:13:41 · 86 阅读 · 0 评论 -
JavaScript常用算法比较
JAVASCRIPT算法比较 Array.prototype.swap = function(i, j) { var temp = this[i]; this[i] = this[j]; this[j] = temp; } Array.prototype.bubbleSort = functi...原创 2010-05-26 13:44:58 · 100 阅读 · 0 评论 -
GET和POST方法使用场景
GET和POST两种方法都是将数据送到服务器，但你该用哪一种呢？HTTP标准包含这两种方法是为了达到不同的目的。POST用于创建资源，资源的内容会被编入HTTP请示的内容中。例如，处理订货表单、在数据库中加入新数据行等。JZT7A0H(G#v0 当请求无副作用时（如进行搜索），便可使用GET方法；当请求有副作用时（如在数据库添加数据行），则用POST方法。一个比较实际的问题是：G...原创 2010-05-26 17:02:58 · 312 阅读 · 0 评论 -
JavaScript运算符的优先级
运算符的优先级（优先级由高到低，相同优先级按照从左到右执行）[img]http://www.mytcer.com/wp-content/uploads/2010/02/operators_precedence-600x369.png[/img]var num1 = 5,num2 = 10, result = num1+++num2;问题: num1, num2, resul...原创 2010-05-26 23:34:06 · 122 阅读 · 0 评论 -
JavaScript 运行机制浅探
从一个简单的问题谈起： alert(i); // ? var i = 1;输出结果是undefined, 这种现象被称成“预解析”：JavaScript引擎会优先解析var变量和function定义。在预解析完成后，才会执行代码。如果一个文档流中包含多个script代码段（用script标签分隔的js代码或引入的js文件），运行顺序是：step1. ...原创 2010-05-28 10:59:51 · 139 阅读 · 0 评论 -
new FunctionName()的内部机制
测试代码：function Dog(name) { this.name = name; Dog.prototype = { shout: function() { alert("I am " + this.name); } };}var dog1 = new Dog("Dog 1");dog1.shout();上面的代码看...原创 2010-05-28 12:35:37 · 123 阅读 · 0 评论 -
JavaScript模块模式(闭包)
什么是闭包？“官方”的解释是：闭包是一个拥有许多变量和绑定了这些变量的环境的表达式（通常是一个函数），因而这些变量也是该表达式的一部分。闭包的两个特点：1、作为一个函数变量的一个引用 - 当函数返回时，其处于激活状态。2、一个闭包就是当一个函数返回时，一个没有释放资源的栈区。全局变量是魔鬼。在YUI中，我们仅用两个全局变量：YAHOO和YAHOO_config。YUI的一切都是使用...原创 2010-05-28 22:45:09 · 143 阅读 · 0 评论 -
Event delegation in JavaScript
转自：http://www.nczonline.net/blog/2009/06/30/event-delegation-in-javascript/Event delegation in JavaScriptPosted at June 30, 2009 09:00 am by Nicholas C. ZakasTags: Delegation, DOM, Events,...原创 2010-05-28 22:48:55 · 150 阅读 · 0 评论 -
JSONP跨域访问使用
1) 什么是JSONP?JSONP是一个非官方的协议，它允许在服务器端集成Script tags返回至客户端，通过javascript callback的形式实现跨域访问（这仅仅是JSONP简单的实现形式）什么是JSONP协议?JSONP即JSON with Padding。由于同源策略的限制，XmlHttpRequest只允许请求当前源（域名、协议、端口）的资源。如果要进行跨...原创 2010-05-29 11:34:52 · 89 阅读 · 0 评论 -
JS文档模式 -document.compatMode
IE对盒模型的渲染在 Standards Mode和Quirks Mode是有很大差别的，在Standards Mode下对于盒模型的解释和其他的标准浏览器是一样，但在Quirks Mode模式下则有很大差别，而在不声明Doctype的情况下，IE默认又是Quirks Mode。所以为兼容性考虑，我们可能需要获取当前的文档渲染方式。document.compatMode正好派上用场，它有两...原创 2010-05-29 11:48:05 · 167 阅读 · 0 评论 -
JavaScript获取不同浏览器窗口
关于获取各种浏览器可见窗口大小的一点点研究function getInfo(){ var s = “”; s += ” 网页可见区域宽：”+ document.body.clientWidth; s += ” 网页可见区域高：”+ document.body.clientHeight; s += ” 网页可见区域宽：”+ document.body....原创 2010-05-29 12:07:57 · 253 阅读 · 0 评论