摘要:
1. 在没有语法高亮的日子里: 在没有语法高亮的日子里,textarea中代码是这样的,让习惯了有语法高亮的人们很是纠结啊。2. 在有了语法高亮的日子里: 有了codemirror这件神器,可实时高亮编辑的代码,又可以过上幸福快乐的好日子。 Firebug代码截图如下: Codemirror,某大牛Marijn Haverbeke的实时语法高亮编辑器,用起来真是给力。大牛说虽然实现过程很痛苦,几欲绝望,但是最后还是成了。源码内容博大精深。大牛从繁杂的dom中的文字取出来,经过解析,都转换简洁的一个span一行,br换行的形式。着实很赞!实现的大致过程如下:从dom中把字符取出,分析这一系列字. 阅读全文
随笔分类 - javascript
ajax,jsonp编码问题解决方法
2010-09-09 15:21 by wlstyle, 668 阅读, 收藏,
摘要:
使用ajax或者jsonp的交互的过程中,经常会遇到编码相关的问题。对于ajax确保脚本文件的编码和返回头中的contentType中的编码一致。在php中可以通过header函数来设置 [代码]对于jsonp可以在插入script标签的时候指定和后端返回结果相同的编码集。 阅读全文
window,parent,self,top
2010-09-08 15:45 by wlstyle, 263 阅读, 收藏,
摘要:
window是当前窗口或帧对象。parent有嵌套帧的情况下,那么表示当前帧的父帧。没有嵌套window和parent是相同的。self和window等价。top有嵌套帧情况下,表示当前帧的root帧。若不存在嵌套,那么和window等同。 阅读全文
input,textarea只读
2010-09-07 14:17 by wlstyle, 538 阅读, 收藏,
摘要:
对于input,和textarea要设置该元素中的内容只读。 通过设置设置该元素的readOnly属性为true实现浏览器:ie6,ie7,ie8,firefox3.6.8 阅读全文
很有意思的判断ie浏览器
2010-08-21 17:46 by wlstyle, 246 阅读, 收藏,
摘要:
作者博文链接:很有意思的判断ie浏览器代码如下:[代码]主要利用点:1.利用ie的条件注释2.通过getElementsByTagName的HTMLCollection 是动态的。会随着dom结构中的变化而变化 阅读全文
无阻塞下载脚本
2009-09-13 20:33 by wlstyle, 434 阅读, 收藏,
摘要:
原文作者:Nicholas C. Zakas原文链接:Loading JavaScript without blocking译文:我看了Steve Souder的博文scripts without blocking 在这篇博文中他提到动态的创建一个script元素同时为他分配一个src的属性会促成下载这个js文件而不阻塞其他的下载或者页面的其他进程。他的博文 缺少一个如何实现这种方式的例子。所以我... 阅读全文
关于使用name值取得元素的value
2009-06-04 22:26 by wlstyle, 457 阅读, 收藏,
摘要:
关于使用name值取得元素的value dom结构如下:[代码] js如下:[代码]说明这个时候存储的是所有共同name值的元素集合。而当改变该dom的结构值剩一个的时候,这个时候可以发现这时候length属性为undefied。通过console.log(store.products)发现这是一个单一的dom元素而非包含单一元素的元素集合。该元素不存在length这个属性也就返回了一个undef... 阅读全文
ie与firefox对于type属性值的不同
2009-05-29 21:04 by wlstyle, 1050 阅读, 收藏,
摘要:
在ie中动态创建input标签并且设置type的属性。在firefox中一切正常ie中就会有问题。首先看代码:[代码]在这里通过js动态的创建了一个input节点。然后他它追加到body节点的尾部。这里表明在ie中可以在没有实际追加元素的到实际的的dom结构中的时候可以动态设置这个input节点的type值。改变代码 我们在追加之后动态改变这个元素的type值。[代码]在ie中测试可以得到该元素的... 阅读全文
初始化组件封装
2009-05-22 13:32 by wlstyle, 245 阅读, 收藏,
摘要:
由于做的是业务系统 ,工作中会用到很多的主件 在初始化的时侯要定义很多变量然后依次new 出对象。感觉有必要封装一个方法。一次性初始化出所有的要用到的组件对象。所有了这个封装。[代码]对象提供了两个方法一个是init初始化出所有的对象 依次保存在store对象中 。以后要用到组件对象可以直接在这个对象中取得。还提供了一个添加map的方法。这样就可以自由添加组件。做到了一定程度的自适应。其实可以做一... 阅读全文
利用函数的属性实现javascript的单例模式
2009-04-07 19:58 by wlstyle, 617 阅读, 收藏,
摘要:
former:[代码]now:[代码]当实例化一个对象的时候,当第一次实例化的时候将当前对象的指针赋值给构造函数的属性。当第二次实例化的时候。检查这个函数的属性。如果这个属性不为undefined.那么将这个指向第一个创建对象的指针赋值给这个对象。这样就实现了单例。小haha网友提出这不是单例模式,以前的模式虽然实际作用的实例是同一个但是没有提供统一的访问入口,现在提供统一的访问入口getInst... 阅读全文
冒泡排序
2009-03-23 12:21 by wlstyle, 199 阅读, 收藏,
摘要:
Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--> 1 var arr=[3,2,1,5,6,4]; 2 function bubble(arr){ 3 var temp; 4 for... 阅读全文
单件模式
2009-03-23 11:38 by wlstyle, 164 阅读, 收藏,
摘要:
Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--> 1 var Person=(function(){ 2 var unique,_name; 3 function createPerson(){ 4 ... 阅读全文
实现Function的call
2009-03-23 11:27 by wlstyle, 321 阅读, 收藏,
摘要:
Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->Function.prototype.callt=function(obj){ obj['unique']=this; obj.unique(); ... 阅读全文
javascript递归一例
2009-03-12 13:07 by wlstyle, 1868 阅读, 收藏,
摘要:
有这么一个场景,假设有n级的台阶。每走一步可以有三种走法 要不走一步,要不走两步,要不走三步问总共有几种走法。 这是一个可以利用递归的场景。可以使用这个方法算出共n级台阶的走法。 Code highlighting produced by Actipro CodeHighlighter (freeware) http://www.CodeHighlighter.com/ --> 1 va... 阅读全文
javascript 的正则简要
2009-03-07 11:14 by wlstyle, 223 阅读, 收藏,
摘要:
javascipt支持的正则支持很多中方式: 1简单模式: var regExp=/[ab]c/g; 这样就匹配 ac 或者bc;如果需要求非的操作 可以使用操作符^.比如这样 var regExp=/[^ab]c/g; 这样就匹配除ac,bc之外的其他的字母组合 。还可以使用范围。比如 var regExp=/[a-e]c/g; 这样就匹配ac ... 阅读全文
javascript 原型 引用
2009-03-06 10:53 by wlstyle, 317 阅读, 收藏,
摘要:
Code highlighting produced by Actipro CodeHighlighter (freeware) http://www.CodeHighlighter.com/ --> 1 function Car(door){ 2 this.door=door; 3 } 4 Car.prototype={ 5 ... 阅读全文
shallow copy and deep copy
2009-03-04 13:27 by wlstyle, 253 阅读, 收藏,
摘要:
Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--> 1 var obj={ 2 name:"john", 3 age:19, 4 work:[3,6,8] 5 ... 阅读全文
Mozilla JavaScript 扩展: __count__()
2009-03-02 11:46 by wlstyle, 549 阅读, 收藏,
摘要:
翻译:Nicholas C. Zakas大牛博客的文章。Nicholas C. Zakas大牛版权所有。 Mozilla的javascript引擎支持额外的非标准属性,这样就给开发者提供了额外的属性和方法。上一个星期,我讨论_noSuchMethod_()这个能用户对象的方法。这个星期,这个主题是_count_属性,这一属性存在于所有用户默认定义的对象中同时这个属性代表这个对象中包含的属性和... 阅读全文
javascript一则
2009-01-17 14:57 by wlstyle, 240 阅读, 收藏,
摘要:
Code highlighting produced by Actipro CodeHighlighter (freeware) http://www.CodeHighlighter.com/ --> 1 var name='tony'; 2 function scopeTest(){ 3 alert(this.name); 4 } 5 //在window的作用域中调用这个方... 阅读全文
浙公网安备 33010602011771号