随笔分类 -  javascript and ajax

JavaScript是一门很有趣的语言,每取得一点更深入的理解,我便以为自己已经彻悟。从最初的函数使用、面向对象、原型继承、函数对象到后来作用域链、functional、预解析、表达式解析机制、动态语言特性,每在此道路上前进一步,我都曾以为自己到达了高手境界。然而,事实上是,简单的语法也能承载深刻的思想。巧妙的设计让JavaScript成为一门兼有元类(meta-class)、类(class-based)、原型(prototype-based)三种面向对象特性和functional特性的动态语言。回忆起来,对这样的语言,说我已到达高手的境界,是十分可笑的。
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();上面的代码看起来很“优美”,可一运行,却报错:“Object doesn’t support this property or method”. 对于代码:Fn() {};var fn = new Fn();new Fn() 的实际构造过程可以等价 阅读全文
posted @ 2012-01-30 18:10 落叶满长沙 阅读(361) 评论(0) 推荐(0)
2012我们需要什么样的前的工程师
摘要:2011还两天就要过去了,2012都来了,如果地球依然还适合人类居住,我想,我依然还会编我的代码,依然做我的前端工程师,那么,2012,我们需要什么样的前端工程师!一直在想这么一个问题,一个前端工程师,要如果才能不断的提高自己的职业竞争力?在每一年过去,不是简单的增加了一年的工作经验。记得有这么一个段子,一个工作10年的前端工程师去面试,老板给他5k的工资,他问老板说“我有10年的工作经验为什么给这两年的工作经验级别的待遇”,老板说,“你那两年的工作经验你一直用了10年哇”。最怕的就是,在自己的世界里游刃有余,可是在现实的社会里惊心动魄,前端的世界,变化太快,不学习很快就会被淘汰,这个很悲催, 阅读全文
posted @ 2012-01-21 16:52 落叶满长沙 阅读(323) 评论(1) 推荐(1)
iframe的 子页面调用父页面的相关记录
摘要:从一个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 落叶满长沙 阅读(236) 评论(0) 推荐(0)
nodejs 遍历文件夹 获取 文件夹下所有文件列表
摘要:一直关注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 落叶满长沙 阅读(14174) 评论(0) 推荐(0)
js object 视图猜想
摘要:某天突然想知道 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 落叶满长沙 阅读(402) 评论(0) 推荐(0)
个人小型ui组件(未完整版,用ie看这贴肯定看不到的)
摘要:jquery.myui 插件jquery.myui ui插件库 介绍: 这是之前想写的基于jquery的一系列个人网站里面可以用到的一些ui组件的jquery插件,由于那时候刚看jquery,所以以,代码肯定还是很臃肿那是不用说的了,因为最近比较忙,所以也就没继续写,不过过断时间有点时间了还是会继续写完,过段时间自己准备和同学做个小站放点自己喜欢的东西。这些 ui组件也决定都自己写了(貌似确实有重复造轮子的嫌疑,现在网上这方面的东西已经很多了,但是,还好,我本来也就是只想享受下造轮子的乐趣,做程序的其实就这么点爱好!)。现在公布出来,希望有jquery优化高手能帮忙优化下,共同开发--共同享受 阅读全文
posted @ 2009-09-21 12:43 落叶满长沙 阅读(2112) 评论(0) 推荐(0)
javascript简洁高性能的tab
摘要:web2.0的世界里,保持页面的整洁干净 保持脚本样式的分离,编写无侵入式脚本渐为无数前端开发者追逐的前端设计的艺术,选项卡,目前市面上各样的实现方式有很多很多种,大部分的会有<a href="javascript:void(0);" onclick="showproject(1);" >1</a><a href="javascript:void(0);" oncli... 阅读全文
posted @ 2009-09-10 10:38 落叶满长沙 阅读(3094) 评论(6) 推荐(0)
JavaScript是否可实现多线程 —- 深入理解JavaScript定时机制
摘要:此文来自互联网,具体来源,忘了容易欺骗别人感情的JavaScript定时器JavaScript的setTimeout与setInterval是两个很容易欺骗别人感情的方法,因为我们开始常常以为调用了就会按既定的方式执行, 我想不少人都深有同感, 例如setTimeout( function(){ alert(’你好!’); } , 0);setInterval( callb... 阅读全文
posted @ 2009-07-30 17:44 落叶满长沙 阅读(1060) 评论(5) 推荐(0)
xml 和 json 的区别
摘要:XML 是一种用于面向服务的体系结构 (SOA) 和数据传输的常见传输。当然,目前许多服务以 SOAP 格式存在。不过,何时将其用于数据传输在 Ajax 社区中存在分岐。[ XML ]使用XML作为传输格式的优势:1. 格式统一, 符合标准2. 容易与其他系统进行远程交互, 数据共享比较方便3.调用将 XML 用作传输的现有服务。 4.使用 XSLT 可以动态转换 XML。这是企业服务总线 (ES... 阅读全文
posted @ 2009-07-29 19:25 落叶满长沙 阅读(897) 评论(1) 推荐(0)
为什么尽量用局部变量代替全局变量
摘要:为什么尽量用局部变量代替全局变量2009-02-2012:08:27来源:七月佑安作者:明达 网页制作Webjx文章简介:在JavaScript中,我们应该尽可能的用局部变量来代替全局变量,这句话所有人都知道,可是这句话是谁先说的?为什么要这么做?有什么根据么?不这么做,对性能到底能带来多大的损失?本文就来探讨这些问题的答案,从根本上了解变量的读写性能都和哪些因素有关。 在JavaScript中,... 阅读全文
posted @ 2009-07-28 15:20 落叶满长沙 阅读(435) 评论(0) 推荐(0)
让函数只执行一次的js
摘要:这个是在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 落叶满长沙 阅读(1978) 评论(0) 推荐(1)
从我丢失了;号 之后说开来去
摘要:js一直以其松散而著称,然后,很多时候,然,童鞋们,不要误解松散的字面意思,松散但是其词法结构,而不是书写习惯,如果果真误解了,会将自己领入一个自己的松散编织的咒语。上次写的那个jquery的屏蔽层的, 因为我用的(function(){})(jquery)方式我后面想, 如果想再写个插件的话就要(function(){})(jquery)(function(){})(jquery)于是,我调试了... 阅读全文
posted @ 2009-07-24 17:11 落叶满长沙 阅读(2783) 评论(8) 推荐(3)
忙里偷闲写的jquery的屏遮层插件
摘要:(基于考虑博友的建议,深刻反省,之前的描述较为矫情,特此干掉,我什么都不说!)希望对大家有用 小插件来的,见笑了啊各位,代码呈上,测试通过的浏览器有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 落叶满长沙 阅读(4335) 评论(26) 推荐(0)
ie6下a标签的void(0)引发的诡异问题 带来的思考
摘要:既然是诡异问题,那么就先上代码,什么都不说。[代码]上面代码保存为1.html[代码]上面 代码保存为2.html好了,你看,这代码写的多漂亮,看不到有任何的诡异之处,别纳闷了,打开你的ie6,记的,是ie6,然后运行1.html,点里面的莲接,点开等待你的诡异之门看到了么,除了在1.html里面动态加载了一个空白的iframe 之外, 什么都没有。首先,单从语法和词法角度上来看这两个简单的要命的... 阅读全文
posted @ 2009-06-23 12:05 落叶满长沙 阅读(3965) 评论(14) 推荐(1)
javascript操作符之new 也疯狂 (2)
摘要:JavaScript本是一种基于原形的(prototypal)语言,但它的“new”操作符看起来有点像经典语言。这迷惑了广大程序员们,并导致了很多使用上的问题。在JavaScript中,不要用到new Object()这种操作,该用{ }来代替。同理,也不要用new Array(),相应的,用[]来代替。JavaScript的Array绝不同于Java的Array,模仿Ja... 阅读全文
posted @ 2009-06-19 16:55 落叶满长沙 阅读(505) 评论(1) 推荐(0)
你真的会写JavaScript吗?
摘要:最近在msdn上看到一文你真的会写JavaScript吗?很久没有看到这样让人唇齿留香的好文了。同其他教你如何用面向对象的思想编写JavaScript的其他文章一样,该文也是着重在这么几个要素: JavaScript的对象就是一个关联数组。 JavaScript 函数也是一个对象。 原型(Prototype) 闭包(Closures) 继承/私有属性/静态方法 命名空间作者文笔很好,英文很容易看懂... 阅读全文
posted @ 2009-06-19 15:56 落叶满长沙 阅读(743) 评论(2) 推荐(0)
javascript操作符之new 也疯狂(new 好久不见)
摘要:在taobao ued 上看到一好文, 好久没见过这么爽朗的好文了。转了JavaScript是一门基于原型的语言,但它却拥有一个 new 操作符使得其看起来象一门经典的面对对象语言。那样也迷惑了程序员们,导致一些有问题的编程模式。其实你永远不需要在JavaScript使用 new Object()。用字面量的形式{}去取代吧。同理,不要使用 new Array() ,而代之以字面量[]。JavaS... 阅读全文
posted @ 2009-06-19 15:51 落叶满长沙 阅读(1220) 评论(0) 推荐(0)
javascript闭包漫笔
摘要:简介 基于对象的属性名解析 值的指定 值的读取 标识符解析、执行环境和作用域链 执行环境 作用域链与 [[scope]] 标识符解析 闭包 自动垃圾收集 构成闭包 通过闭包可以做什么? 例 1:为函数引用设置延时 例 2:通过对象实例方法关联函数 例 3:包装相关的功能 其他例子 意外的闭包 Internet Explorer 的内在泄漏问题简介Closure所谓“闭包”,... 阅读全文
posted @ 2009-06-08 16:12 落叶满长沙 阅读(515) 评论(0) 推荐(0)
收集 关于js的接口和 继承实现的代码例子
摘要:<!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 落叶满长沙 阅读(493) 评论(0) 推荐(0)