代码改变世界

实时语法高亮编辑器的一种实现方式

2014-01-08 16:33 by wlstyle, 4081 阅读, 0 推荐, 收藏,
摘要:1. 在没有语法高亮的日子里: 在没有语法高亮的日子里,textarea中代码是这样的,让习惯了有语法高亮的人们很是纠结啊。2. 在有了语法高亮的日子里: 有了codemirror这件神器,可实时高亮编辑的代码,又可以过上幸福快乐的好日子。 Firebug代码截图如下: Codemirror,某大牛Marijn Haverbeke的实时语法高亮编辑器,用起来真是给力。大牛说虽然实现过程很痛苦,几欲绝望,但是最后还是成了。源码内容博大精深。大牛从繁杂的dom中的文字取出来,经过解析,都转换简洁的一个span一行,br换行的形式。着实很赞!实现的大致过程如下:从dom中把字符取出,分析这一系列字. 阅读全文

iframe跨域和同域下的onload

2010-09-14 21:22 by wlstyle, 3606 阅读, 0 推荐, 收藏,
摘要:主页面嵌套iframe如何监听iframe的onload事件。 场景1:主页面和嵌套页面没有跨域问题。 有两种解决方式。 1.监听主页面上的iframe元素的onload事件 html结构: 代码Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/... 阅读全文

ajax,jsonp编码问题解决方法

2010-09-09 15:21 by wlstyle, 664 阅读, 0 推荐, 收藏,
摘要:使用ajax或者jsonp的交互的过程中,经常会遇到编码相关的问题。对于ajax确保脚本文件的编码和返回头中的contentType中的编码一致。在php中可以通过header函数来设置  [代码]对于jsonp可以在插入script标签的时候指定和后端返回结果相同的编码集。 阅读全文

window,parent,self,top

2010-09-08 15:45 by wlstyle, 256 阅读, 0 推荐, 收藏,
摘要:window是当前窗口或帧对象。parent有嵌套帧的情况下,那么表示当前帧的父帧。没有嵌套window和parent是相同的。self和window等价。top有嵌套帧情况下,表示当前帧的root帧。若不存在嵌套,那么和window等同。 阅读全文

input,textarea只读

2010-09-07 14:17 by wlstyle, 531 阅读, 0 推荐, 收藏,
摘要:对于input,和textarea要设置该元素中的内容只读。  通过设置设置该元素的readOnly属性为true实现浏览器:ie6,ie7,ie8,firefox3.6.8 阅读全文

很有意思的判断ie浏览器

2010-08-21 17:46 by wlstyle, 238 阅读, 0 推荐, 收藏,
摘要:作者博文链接:很有意思的判断ie浏览器代码如下:[代码]主要利用点:1.利用ie的条件注释2.通过getElementsByTagName的HTMLCollection 是动态的。会随着dom结构中的变化而变化 阅读全文

webqq消息提示

2010-08-13 18:59 by wlstyle, 418 阅读, 0 推荐, 收藏,
摘要:代码Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--Function.prototype.createDelegate=function(scope){varmethod=this,args=[].slice.call(arguments,1);ret... 阅读全文

ie-innerHTML

2009-09-23 21:45 by wlstyle, 402 阅读, 0 推荐, 收藏,
摘要:今天碰到一个问题,原本初始化正常的组件,在特定情况下显示不正常。最后经过分析是出在innerHTML这个操作上。原来的函数操作是取出元素的innerHTML然后做相应的处理再将处理后的内容置入原本这个元素中。ff中没有任何问题。ie中显示就会错位。经过对比即使取出innerHTML置入重新置入一遍,问题依然存在。分析之是ie取出元素的时候就经过了处理,这段innerHTML其实结构上有问题,不符合... 阅读全文

理解vetical-align属性

2009-09-21 13:37 by wlstyle, 1468 阅读, 0 推荐, 收藏,
摘要:译文原文:understand vetical-align作者:gavin kistner译文: 在很多聊天室中我帮助解决的疑难问题是:我要如何在一块区域中居中显示我要显示的内容?这个问题紧接着的陈述就是:我使用vertical-align:middle 但是它好像不起作用!" 这个涉及到三方面的问题: A:传统的html布局不是旨在解决垂直方向上的行为.本质上,html布局在水平方向上缩放,内容... 阅读全文

无阻塞下载脚本

2009-09-13 20:33 by wlstyle, 423 阅读, 0 推荐, 收藏,
摘要:原文作者:Nicholas C. Zakas原文链接:Loading JavaScript without blocking译文:我看了Steve Souder的博文scripts without blocking 在这篇博文中他提到动态的创建一个script元素同时为他分配一个src的属性会促成下载这个js文件而不阻塞其他的下载或者页面的其他进程。他的博文 缺少一个如何实现这种方式的例子。所以我... 阅读全文