共2页: 上一页 1 2 
2012年3月2日
摘要: 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在 运算中的隐式类型阅读全文
posted @ 2012-03-02 15:43 落叶满长沙 阅读(127) 评论(0) 编辑
2012年2月24日
摘要: 经常有人用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阅读全文
posted @ 2012-02-24 18:03 落叶满长沙 阅读(3415) 评论(0) 编辑
2012年2月21日
摘要: 因为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阅读全文
posted @ 2012-02-21 09:52 落叶满长沙 阅读(462) 评论(0) 编辑
2012年2月15日
摘要: a链接里包含@文本的时候,用js修改href值,在IE下它的innerHTML也会改变解决办法加空格就行了修改链接的href属性的时候,在属性值前面加空格 link.href = ‘ ’+ link.href阅读全文
posted @ 2012-02-15 14:51 落叶满长沙 阅读(534) 评论(1) 编辑
2012年2月2日
摘要: 先看这么一段代码(function(){ alert( myname() ); function myname(){ return "nick" }})();上面代码在各个浏览器里的运行结果是一致的,这是因为在javascript里面,用function 声明的函数是会在函数执行环境初期便构造完函数体,也可以说是一种预解析吧,于是,即便myname的声明代码在myname的执行后面,也是可以正确的执行的。但是我们这样修改下(function(){ alert( myname() ); if (true) { function myname(){ return "n阅读全文
posted @ 2012-02-02 17:13 落叶满长沙 阅读(69) 评论(0) 编辑
2012年1月30日
摘要: 测试代码: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() 的实际构造过程可以等价阅读全文
posted @ 2012-01-30 18:10 落叶满长沙 阅读(187) 评论(0) 编辑
2012年1月21日
摘要: 2011还两天就要过去了,2012都来了,如果地球依然还适合人类居住,我想,我依然还会编我的代码,依然做我的前端工程师,那么,2012,我们需要什么样的前端工程师!一直在想这么一个问题,一个前端工程师,要如果才能不断的提高自己的职业竞争力?在每一年过去,不是简单的增加了一年的工作经验。记得有这么一个段子,一个工作10年的前端工程师去面试,老板给他5k的工资,他问老板说“我有10年的工作经验为什么给这两年的工作经验级别的待遇”,老板说,“你那两年的工作经验你一直用了10年哇”。最怕的就是,在自己的世界里游刃有余,可是在现实的社会里惊心动魄,前端的世界,变化太快,不学习很快就会被淘汰,这个很悲催,阅读全文
posted @ 2012-01-21 16:52 落叶满长沙 阅读(217) 评论(1) 编辑
2012年1月12日
摘要: 从一个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..阅读全文
posted @ 2012-01-12 18:01 落叶满长沙 阅读(83) 评论(0) 编辑
2012年1月6日
摘要: 文本内容主要包括以下几点:1. 什么是repaint/reflow?2. 什么情况下会触发浏览器的repaint/reflow?3. 浏览器自身所作的优化4. 如何优化你的脚本来减少repaint/reflow?一、什么是repaint/reflow?页面在加载的过程中,需要对文档结构进行解析,同时需要结合各种各样的样式来计算这个页面长什么样子,最后再经过浏览器的渲染页面就出现了。这整个过程细说起来还是比较复杂,其中充满了repaint和reflow。对于DOM结构中的各个元素都有自己的盒子(模型),这些都需要浏览器根据各种样式(浏览器的、开发人员定义的等)来计算并根据计算结果将元素放到它该出阅读全文
posted @ 2012-01-06 17:27 落叶满长沙 阅读(116) 评论(0) 编辑
2012年1月4日
摘要: 一直关注node.js的发展,但是没有动手写过东西,前面同事帮忙用python写了个工具,获取一个文件夹下面的所有文件名的列表,python真的是强大,俺决定用node来写一个。使用方法,把下面代码保存为一个js文件比如xxoo.js ,然后打开命令行工具,进入xxoo.js所在目录,输入:node xxoo.js '这里为你要统计的目标文件夹的目录'然后 你会 在 xxoo.js所在目录,发现一个res.lst的文件名,这个文件名 由你自己决定,见代码第三行,这个文件里面就包含了你要统计目录的所有子文件列表。 1 var fs = require('fs');阅读全文
posted @ 2012-01-04 19:22 落叶满长沙 阅读(8506) 评论(0) 编辑
2011年12月6日
摘要: 某天突然想知道 Object 和 Function的关系,在网上找到了这张图,看完后思路清晰了很多,在那图的基础上,我加上了Number,Boolean,String等三个系统提供的类型构造器和Object Function的关系图如上。他们中只有 Function的prototype和__proto__是相同的。其他的构造器 不无都是 Function 构造出来的对象,也叫是Function的实例是因为Object,Number,Boolean,String 甚至自定义的Foo 的__proto__无不都指向Function.prototype 也就是function Empty .而Fun阅读全文
posted @ 2011-12-06 18:20 落叶满长沙 阅读(154) 评论(0) 编辑
2009年10月9日
摘要: 翻出了JS权威指南(V4)又复习了一下JS事件模型,简单作一小结。 JS权威指南中将JS事件模型分为四种 1、原始事件模型:属性事件处理模式 2、标准事件模型:DOM2对其作了标准化 3、IE事件模型(IE5.5\IE6) 4、 Netscape事件模型原始事件模型 也就是基本事件处理,其实我们大多数人使用的JS事件处理模式都是这种代码方式。 其事件类型:分为"输入事件(如onclicki)"和...阅读全文
posted @ 2009-10-09 18:27 落叶满长沙 阅读(443) 评论(0) 编辑
2009年9月21日
摘要: jquery.myui 插件jquery.myui ui插件库 介绍: 这是之前想写的基于jquery的一系列个人网站里面可以用到的一些ui组件的jquery插件,由于那时候刚看jquery,所以以,代码肯定还是很臃肿那是不用说的了,因为最近比较忙,所以也就没继续写,不过过断时间有点时间了还是会继续写完,过段时间自己准备和同学做个小站放点自己喜欢的东西。这些 ui组件也决定都自己写了(貌似确实有重复造轮子的嫌疑,现在网上这方面的东西已经很多了,但是,还好,我本来也就是只想享受下造轮子的乐趣,做程序的其实就这么点爱好!)。现在公布出来,希望有jquery优化高手能帮忙优化下,共同开发--共同享受阅读全文
posted @ 2009-09-21 12:43 落叶满长沙 阅读(1956) 评论(0) 编辑
2009年9月10日
摘要: web2.0的世界里,保持页面的整洁干净 保持脚本样式的分离,编写无侵入式脚本渐为无数前端开发者追逐的前端设计的艺术,选项卡,目前市面上各样的实现方式有很多很多种,大部分的会有<a href="javascript:void(0);" onclick="showproject(1);" >1</a><a href="javascript:void(0);" oncli...阅读全文
posted @ 2009-09-10 10:38 落叶满长沙 阅读(2803) 评论(6) 编辑
2009年7月30日
摘要: 此文来自互联网,具体来源,忘了容易欺骗别人感情的JavaScript定时器JavaScript的setTimeout与setInterval是两个很容易欺骗别人感情的方法,因为我们开始常常以为调用了就会按既定的方式执行, 我想不少人都深有同感, 例如setTimeout( function(){ alert(’你好!’); } , 0);setInterval( callb...阅读全文
posted @ 2009-07-30 17:44 落叶满长沙 阅读(730) 评论(5) 编辑
2009年7月29日
摘要: XML 是一种用于面向服务的体系结构 (SOA) 和数据传输的常见传输。当然,目前许多服务以 SOAP 格式存在。不过,何时将其用于数据传输在 Ajax 社区中存在分岐。[ XML ]使用XML作为传输格式的优势:1. 格式统一, 符合标准2. 容易与其他系统进行远程交互, 数据共享比较方便3.调用将 XML 用作传输的现有服务。 4.使用 XSLT 可以动态转换 XML。这是企业服务总线 (ES...阅读全文
posted @ 2009-07-29 19:25 落叶满长沙 阅读(731) 评论(1) 编辑
2009年7月28日
摘要: 为什么尽量用局部变量代替全局变量2009-02-2012:08:27来源:七月佑安作者:明达 网页制作Webjx文章简介:在JavaScript中,我们应该尽可能的用局部变量来代替全局变量,这句话所有人都知道,可是这句话是谁先说的?为什么要这么做?有什么根据么?不这么做,对性能到底能带来多大的损失?本文就来探讨这些问题的答案,从根本上了解变量的读写性能都和哪些因素有关。 在JavaScript中,...阅读全文
posted @ 2009-07-28 15:20 落叶满长沙 阅读(250) 评论(0) 编辑
2009年7月27日
摘要: 这个是在51js上面看到的一讨论,看到月影和客服果果的方法都利用的闭包来实现,实有独到之处,拎过来瞻仰一下function once1(f) { var run; return function() { if (!run) { run = true; f.apply(this, arguments); } }}//这个来自客服果果的方法function once(fn){ return funct...阅读全文
posted @ 2009-07-27 10:23 落叶满长沙 阅读(1532) 评论(0) 编辑
2009年7月24日
摘要: js一直以其松散而著称,然后,很多时候,然,童鞋们,不要误解松散的字面意思,松散但是其词法结构,而不是书写习惯,如果果真误解了,会将自己领入一个自己的松散编织的咒语。上次写的那个jquery的屏蔽层的, 因为我用的(function(){})(jquery)方式我后面想, 如果想再写个插件的话就要(function(){})(jquery)(function(){})(jquery)于是,我调试了...阅读全文
posted @ 2009-07-24 17:11 落叶满长沙 阅读(2551) 评论(8) 编辑
2009年7月14日
摘要: 使用兄弟项目组的一个项目www.dbank.com 准备存点资料的时候,发现一个怪异的问题, 项目中用flash做文件上传 其中有个flash按钮, 发现在firefox下, 当这个flash按钮移动到ajax动态加载数据并通过domObj.innerHTML = ´xxx´的方法更新了的html结构上时, flash按钮无法获得焦点, 表现为:能看到flash按钮在最上方,设...阅读全文
posted @ 2009-07-14 16:52 落叶满长沙 阅读(269) 评论(0) 编辑
2009年7月2日
摘要: (基于考虑博友的建议,深刻反省,之前的描述较为矫情,特此干掉,我什么都不说!)希望对大家有用 小插件来的,见笑了啊各位,代码呈上,测试通过的浏览器有ie6,ie7,ie8, ff,oprea,safari等。1<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xht...阅读全文
posted @ 2009-07-02 16:48 落叶满长沙 阅读(4048) 评论(26) 编辑
2009年6月23日
摘要: 既然是诡异问题,那么就先上代码,什么都不说。[代码]上面代码保存为1.html[代码]上面 代码保存为2.html好了,你看,这代码写的多漂亮,看不到有任何的诡异之处,别纳闷了,打开你的ie6,记的,是ie6,然后运行1.html,点里面的莲接,点开等待你的诡异之门看到了么,除了在1.html里面动态加载了一个空白的iframe 之外, 什么都没有。首先,单从语法和词法角度上来看这两个简单的要命的...阅读全文
posted @ 2009-06-23 12:05 落叶满长沙 阅读(3309) 评论(13) 编辑
2009年6月19日
摘要: JavaScript本是一种基于原形的(prototypal)语言,但它的“new”操作符看起来有点像经典语言。这迷惑了广大程序员们,并导致了很多使用上的问题。在JavaScript中,不要用到new Object()这种操作,该用{ }来代替。同理,也不要用new Array(),相应的,用[]来代替。JavaScript的Array绝不同于Java的Array,模仿Ja...阅读全文
posted @ 2009-06-19 16:55 落叶满长沙 阅读(366) 评论(1) 编辑
摘要: 最近在msdn上看到一文你真的会写JavaScript吗?很久没有看到这样让人唇齿留香的好文了。同其他教你如何用面向对象的思想编写JavaScript的其他文章一样,该文也是着重在这么几个要素: JavaScript的对象就是一个关联数组。 JavaScript 函数也是一个对象。 原型(Prototype) 闭包(Closures) 继承/私有属性/静态方法 命名空间作者文笔很好,英文很容易看懂...阅读全文
posted @ 2009-06-19 15:56 落叶满长沙 阅读(528) 评论(2) 编辑
摘要: 在taobao ued 上看到一好文, 好久没见过这么爽朗的好文了。转了JavaScript是一门基于原型的语言,但它却拥有一个 new 操作符使得其看起来象一门经典的面对对象语言。那样也迷惑了程序员们,导致一些有问题的编程模式。其实你永远不需要在JavaScript使用 new Object()。用字面量的形式{}去取代吧。同理,不要使用 new Array() ,而代之以字面量[]。JavaS...阅读全文
posted @ 2009-06-19 15:51 落叶满长沙 阅读(1084) 评论(0) 编辑
摘要: 标准下靠左浮动的块为什么不能位于父框架顶端<div id="父框架"><div class="float_right"></div><div class="float_right"></div><div class="float_right">现在只能和这个的顶部平齐</div><div class="flo...阅读全文
posted @ 2009-06-19 11:24 落叶满长沙 阅读(1665) 评论(12) 编辑
2009年6月8日
摘要: 简介 基于对象的属性名解析 值的指定 值的读取 标识符解析、执行环境和作用域链 执行环境 作用域链与 [[scope]] 标识符解析 闭包 自动垃圾收集 构成闭包 通过闭包可以做什么? 例 1:为函数引用设置延时 例 2:通过对象实例方法关联函数 例 3:包装相关的功能 其他例子 意外的闭包 Internet Explorer 的内在泄漏问题简介Closure所谓“闭包”,...阅读全文
posted @ 2009-06-08 16:12 落叶满长沙 阅读(329) 评论(0) 编辑
2009年6月5日
摘要: 当后端技术伴随.Net, Rails和Java之类的框架发展得越来越抽象和强大,前端技术的潜在发展也日益复杂。在束缚前端技术潜在好处的差劲实现之前, Web需要更多的前端架构师。阅读全文
posted @ 2009-06-05 18:48 落叶满长沙 阅读(889) 评论(5) 编辑
2009年6月4日
摘要: margin-top在firefox中会绑架父节点的margin,通俗点说呢,就是子节点的margin-top 设置,有些情况下会被传递给了父节点的margin-top。本来head 和content 在设计的语意上来说,是两上下相邻的。而结果却content节点却被子节点margin-top绑架.问题就这样来了。遇到过这样的问题,然后在网上搜罗了一些资料后解决了,然后这里写点我的心得给大家我很长...阅读全文
posted @ 2009-06-04 20:33 落叶满长沙 阅读(1121) 评论(0) 编辑
2009年2月20日
摘要: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML><HEAD><TITLE> 关于js的接口和 继承实现的代码例子 </TITLE><META NAME="Generator" CONTENT="EditPlus"><META NAME...阅读全文
posted @ 2009-02-20 00:11 落叶满长沙 阅读(289) 评论(0) 编辑
共2页: 上一页 1 2