摘要： jq的链式调用在n多的jq粉丝中广为赞叹，那么在原生js里是否也可以实现函数式的 链式调用呢？比如 add(1)(2)(3) 要得到6你会怎么样来设计这个add function呢，，，，，，，在"前端开发兵团" qq群(94936336) 的逍遥君武 给了这么一个 解决方案，很不错，可以看看function add(x){ x += +add || 0; add.valueOf = add.toString = function(){ return x } return add; } alert( add(1)(2)(3) )这个方法很巧妙的应用了js在 运算中的隐式类型 阅读全文

摘要： 经常有人用window.open()的时候被浏览器拦截了 比如btn.onclick=function(){ function aa (){ window.open("xxx"); } aa();}其实，如果你的window.open写在用户事件处理函数的当前作用域下，是不会的，只要用户点击页面就触发 window.open 事件，这样一般不会拦截，浏览器会认为这是用户的默认行为。btn.onclick=function(){ window.open("xxx");}其实这样的代码是可行的不会有问题也可以代码可编写如下：var $E = YAHOO.ut 阅读全文

摘要： 因为jq只有个parseJSON，没有stringify，而在ie7下是没有支持原生window.JSON的，那么最好的选择是老道的json.js来和jq搭配了<script src='jquery.js'></script><script src='json.js'></script><div class='a'>nick</div><script> $(function(){ alert($(".a").html()) })</scr 阅读全文

摘要： a链接里包含@文本的时候，用js修改href值，在IE下它的innerHTML也会改变解决办法加空格就行了修改链接的href属性的时候，在属性值前面加空格 link.href = ‘ ’+ link.href 阅读全文

摘要： 先看这么一段代码(function(){ alert( myname() ); function myname(){ return "nick" }})();上面代码在各个浏览器里的运行结果是一致的，这是因为在javascript里面，用function 声明的函数是会在函数执行环境初期便构造完函数体，也可以说是一种预解析吧，于是，即便myname的声明代码在myname的执行后面，也是可以正确的执行的。但是我们这样修改下(function(){ alert( myname() ); if (true) { function myname(){ return "n 阅读全文

摘要： 测试代码：function Dog(name) { this.name = name; Dog.prototype = { shout: function() { alert("I am " + this.name); } };}var dog1 = new Dog("Dog 1");dog1.shout();上面的代码看起来很“优美”，可一运行，却报错：“Object doesn’t support this property or method”. 对于代码：Fn() {};var fn = new Fn();new Fn() 的实际构造过程可以等价 阅读全文

摘要： 2011还两天就要过去了，2012都来了，如果地球依然还适合人类居住，我想，我依然还会编我的代码，依然做我的前端工程师，那么，2012，我们需要什么样的前端工程师！一直在想这么一个问题，一个前端工程师，要如果才能不断的提高自己的职业竞争力？在每一年过去，不是简单的增加了一年的工作经验。记得有这么一个段子，一个工作10年的前端工程师去面试，老板给他5k的工资，他问老板说“我有10年的工作经验为什么给这两年的工作经验级别的待遇”，老板说，“你那两年的工作经验你一直用了10年哇”。最怕的就是，在自己的世界里游刃有余，可是在现实的社会里惊心动魄，前端的世界，变化太快，不学习很快就会被淘汰，这个很悲催， 阅读全文

摘要： 从一个element对象如何回溯到window的scope 非ie下有 element.view ie下面没有view，只能曲线救国 用event.srcElement.document.frames 也就 是说 从event对象先引到一个element上面，而element身上有个document属性可以回溯到dom的document对象 最后通过document.frames 找到window。 这类似从北京回云南，可以选择直飞云南，也可以如果直飞走不通 ，可以选择北京--曼谷 然后 曼谷--云南。。。 当然，在非ie下面也可以有这么一条曲线救国的路线 event.target.own.. 阅读全文

摘要： 文本内容主要包括以下几点：1. 什么是repaint/reflow?2. 什么情况下会触发浏览器的repaint/reflow?3. 浏览器自身所作的优化4. 如何优化你的脚本来减少repaint/reflow?一、什么是repaint/reflow?页面在加载的过程中，需要对文档结构进行解析，同时需要结合各种各样的样式来计算这个页面长什么样子，最后再经过浏览器的渲染页面就出现了。这整个过程细说起来还是比较复杂，其中充满了repaint和reflow。对于DOM结构中的各个元素都有自己的盒子（模型），这些都需要浏览器根据各种样式（浏览器的、开发人员定义的等）来计算并根据计算结果将元素放到它该出 阅读全文

摘要： 一直关注node.js的发展，但是没有动手写过东西，前面同事帮忙用python写了个工具，获取一个文件夹下面的所有文件名的列表，python真的是强大，俺决定用node来写一个。使用方法，把下面代码保存为一个js文件比如xxoo.js ，然后打开命令行工具，进入xxoo.js所在目录，输入：node xxoo.js '这里为你要统计的目标文件夹的目录'然后 你会 在 xxoo.js所在目录，发现一个res.lst的文件名，这个文件名 由你自己决定，见代码第三行，这个文件里面就包含了你要统计目录的所有子文件列表。 1 var fs = require('fs'); 阅读全文

摘要： 某天突然想知道 Object 和 Function的关系，在网上找到了这张图，看完后思路清晰了很多，在那图的基础上，我加上了Number,Boolean,String等三个系统提供的类型构造器和Object Function的关系图如上。他们中只有 Function的prototype和__proto__是相同的。其他的构造器 不无都是 Function 构造出来的对象，也叫是Function的实例是因为Object,Number,Boolean,String 甚至自定义的Foo 的__proto__无不都指向Function.prototype 也就是function Empty .而Fun 阅读全文

摘要： 翻出了JS权威指南(V4)又复习了一下JS事件模型，简单作一小结。 JS权威指南中将JS事件模型分为四种 1、原始事件模型:属性事件处理模式 2、标准事件模型:DOM2对其作了标准化 3、IE事件模型(IE5.5\IE6) 4、 Netscape事件模型原始事件模型 也就是基本事件处理，其实我们大多数人使用的JS事件处理模式都是这种代码方式。 其事件类型:分为"输入事件(如onclicki)"和... 阅读全文

摘要： jquery.myui　插件jquery.myui ui插件库 介绍: 这是之前想写的基于jquery的一系列个人网站里面可以用到的一些ui组件的jquery插件，由于那时候刚看jquery，所以以，代码肯定还是很臃肿那是不用说的了，因为最近比较忙，所以也就没继续写，不过过断时间有点时间了还是会继续写完，过段时间自己准备和同学做个小站放点自己喜欢的东西。这些 ui组件也决定都自己写了（貌似确实有重复造轮子的嫌疑，现在网上这方面的东西已经很多了，但是，还好，我本来也就是只想享受下造轮子的乐趣，做程序的其实就这么点爱好！）。现在公布出来，希望有jquery优化高手能帮忙优化下，共同开发--共同享受 阅读全文

摘要： web2.0的世界里，保持页面的整洁干净 保持脚本样式的分离，编写无侵入式脚本渐为无数前端开发者追逐的前端设计的艺术，选项卡，目前市面上各样的实现方式有很多很多种，大部分的会有<a href="javascript:void(0);" onclick="showproject(1);" >1</a><a href="javascript:void(0);" oncli... 阅读全文

摘要： 此文来自互联网，具体来源，忘了容易欺骗别人感情的JavaScript定时器JavaScript的setTimeout与setInterval是两个很容易欺骗别人感情的方法,因为我们开始常常以为调用了就会按既定的方式执行, 我想不少人都深有同感, 例如setTimeout( function(){ alert(’你好!’); } , 0);setInterval( callb... 阅读全文

摘要： XML 是一种用于面向服务的体系结构 (SOA) 和数据传输的常见传输。当然，目前许多服务以 SOAP 格式存在。不过，何时将其用于数据传输在 Ajax 社区中存在分岐。[ XML ]使用XML作为传输格式的优势：1. 格式统一, 符合标准2. 容易与其他系统进行远程交互, 数据共享比较方便3.调用将 XML 用作传输的现有服务。 4.使用 XSLT 可以动态转换 XML。这是企业服务总线 (ES... 阅读全文

摘要： 为什么尽量用局部变量代替全局变量2009-02-2012:08:27来源:七月佑安作者：明达 网页制作Webjx文章简介：在JavaScript中，我们应该尽可能的用局部变量来代替全局变量，这句话所有人都知道，可是这句话是谁先说的？为什么要这么做？有什么根据么？不这么做，对性能到底能带来多大的损失？本文就来探讨这些问题的答案，从根本上了解变量的读写性能都和哪些因素有关。 在JavaScript中，... 阅读全文

摘要： 这个是在51js上面看到的一讨论，看到月影和客服果果的方法都利用的闭包来实现，实有独到之处，拎过来瞻仰一下function once1(f) { var run; return function() { if (!run) { run = true; f.apply(this, arguments); } }}//这个来自客服果果的方法function once(fn){ return funct... 阅读全文

摘要： js一直以其松散而著称，然后，很多时候，然，童鞋们，不要误解松散的字面意思，松散但是其词法结构，而不是书写习惯，如果果真误解了，会将自己领入一个自己的松散编织的咒语。上次写的那个jquery的屏蔽层的， 因为我用的(function(){})(jquery)方式我后面想， 如果想再写个插件的话就要(function(){})(jquery)(function(){})(jquery)于是，我调试了... 阅读全文

摘要： 使用兄弟项目组的一个项目www.dbank.com 准备存点资料的时候，发现一个怪异的问题， 项目中用flash做文件上传 其中有个flash按钮， 发现在firefox下， 当这个flash按钮移动到ajax动态加载数据并通过domObj.innerHTML = ´xxx´的方法更新了的html结构上时， flash按钮无法获得焦点， 表现为：能看到flash按钮在最上方，设... 阅读全文

摘要： (基于考虑博友的建议，深刻反省，之前的描述较为矫情，特此干掉，我什么都不说！)希望对大家有用 小插件来的，见笑了啊各位，代码呈上，测试通过的浏览器有ie6,ie7,ie8, ff,oprea,safari等。1<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xht... 阅读全文

摘要： 既然是诡异问题，那么就先上代码，什么都不说。[代码]上面代码保存为1.html[代码]上面 代码保存为2.html好了，你看，这代码写的多漂亮，看不到有任何的诡异之处，别纳闷了，打开你的ie6,记的，是ie6，然后运行1.html，点里面的莲接，点开等待你的诡异之门看到了么，除了在1.html里面动态加载了一个空白的iframe 之外， 什么都没有。首先，单从语法和词法角度上来看这两个简单的要命的... 阅读全文

摘要： JavaScript本是一种基于原形的（prototypal）语言，但它的“new”操作符看起来有点像经典语言。这迷惑了广大程序员们，并导致了很多使用上的问题。在JavaScript中，不要用到new Object()这种操作，该用{ }来代替。同理，也不要用new Array()，相应的，用[]来代替。JavaScript的Array绝不同于Java的Array，模仿Ja... 阅读全文

摘要： 最近在msdn上看到一文你真的会写JavaScript吗？很久没有看到这样让人唇齿留香的好文了。同其他教你如何用面向对象的思想编写JavaScript的其他文章一样，该文也是着重在这么几个要素： JavaScript的对象就是一个关联数组。 JavaScript 函数也是一个对象。 原型(Prototype) 闭包(Closures) 继承/私有属性/静态方法 命名空间作者文笔很好，英文很容易看懂... 阅读全文

摘要： 在taobao ued 上看到一好文， 好久没见过这么爽朗的好文了。转了JavaScript是一门基于原型的语言，但它却拥有一个 new 操作符使得其看起来象一门经典的面对对象语言。那样也迷惑了程序员们，导致一些有问题的编程模式。其实你永远不需要在JavaScript使用 new Object()。用字面量的形式{}去取代吧。同理，不要使用 new Array() ，而代之以字面量[]。JavaS... 阅读全文

摘要： 标准下靠左浮动的块为什么不能位于父框架顶端<div id="父框架"><div class="float_right"></div><div class="float_right"></div><div class="float_right">现在只能和这个的顶部平齐</div><div class="flo... 阅读全文

摘要： 简介 基于对象的属性名解析 值的指定 值的读取 标识符解析、执行环境和作用域链 执行环境 作用域链与 [[scope]] 标识符解析 闭包 自动垃圾收集 构成闭包 通过闭包可以做什么？ 例 1：为函数引用设置延时 例 2：通过对象实例方法关联函数 例 3：包装相关的功能 其他例子 意外的闭包 Internet Explorer 的内在泄漏问题简介Closure所谓“闭包”，... 阅读全文

摘要： 当后端技术伴随.Net, Rails和Java之类的框架发展得越来越抽象和强大，前端技术的潜在发展也日益复杂。在束缚前端技术潜在好处的差劲实现之前， Web需要更多的前端架构师。 阅读全文

摘要： margin-top在firefox中会绑架父节点的margin，通俗点说呢，就是子节点的margin-top 设置，有些情况下会被传递给了父节点的margin-top。本来head 和content 在设计的语意上来说，是两上下相邻的。而结果却content节点却被子节点margin-top绑架.问题就这样来了。遇到过这样的问题，然后在网上搜罗了一些资料后解决了，然后这里写点我的心得给大家我很长... 阅读全文

摘要： <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML><HEAD><TITLE> 关于js的接口和 继承实现的代码例子 </TITLE><META NAME="Generator" CONTENT="EditPlus"><META NAME... 阅读全文