摘要: 这次项目中 要引入flash,但是又不能让用户点击,思路很简单,用一个透明的div挡住flash不就好了么,事实也确实如此,然而在IE6却并非如此,这个问题纠结了一天,最后左试又试,问题解决了,原来在一个透明的div 放一个iframe 就好了,iframe 不用定宽高。pefect,问题解决,但是还得吐槽一下IE6,尼玛,浪费我一天的时间。代码如下:/*这里放flash*///下面这个div用绝对定位盖住flash的容器 阅读全文
posted @ 2013-11-27 10:21 黑暗骑士之“闪” 阅读(155) 评论(0) 推荐(0) 编辑
摘要: 作为一个名前端技术人员,IE浏览器的兼容问题是一个不得不跨越的坎。为了能够在不同浏览器达到同样的显示效果,就不得不花心思想出办法实现兼容。由于各大主流浏览器内核不同,各自的实现标准有所差异,因此同样的CSS样式表可能无法同时适应其它的浏览器,特别是IE6更是让人感觉崩溃。因此就需要用到CSS HACK技术。(针对不同浏览器写不同的CSS代码)兼容IE6的第一步就是单独对IE进行兼容,你针对IE6所写的代码只影响IE6;有几种方法可以区分开IE6:IE特有条件注释、CSS选择器、JavaScript,我们将逐一讨论。一、使用IE特有条件注释微软给IE添加了条件注释以区分不同版本,任何东西都可以塞 阅读全文
posted @ 2013-11-15 17:20 黑暗骑士之“闪” 阅读(314) 评论(0) 推荐(0) 编辑
摘要: 1. 技术背景 FaceBook页面加载技术试想这样一个场景,一个经常访问的网站,每次打开它的页面都要要花费6 秒;同时另外一个网站提供了相似的服务,但响应时间只需3 秒,那么你会如何选择呢?数据表明,如果用户打开一个网站,等待3~4 秒还没有任何反应,他们会变得急躁,焦虑,抱怨,甚至关闭网页并且不再访问,这是非常糟糕的情况。所以,网页加载的速度十分重要,尤其对于拥有遍布全球的5亿用户的Facebook(全球最大的社交服务网站)这样的大型网站,有着大量并发请求、海量数据等客观情况,速度就成了必须攻克的难题之一。2010 年初的时候,Facebook 的前端性能研究小组开始了他们的优化项目,经过 阅读全文
posted @ 2013-11-06 11:21 黑暗骑士之“闪” 阅读(146) 评论(0) 推荐(0) 编辑
摘要: 一、为什么要用require.js?最早的时候,所有Javascript代码都写在一个文件里面,只要加载这一个文件就够了。后来,代码越来越多,一个文件不够了,必须分成多个文件,依次加载。下面的网页代码,相信很多人都见过。 这段代码依次加载多个js文件。这样的写法有很大的缺点。首先,加载的时候,浏览器会停止网页渲染,加载文件越多,网页失去响应的时间就会越长;其次,由于js文件之间存在依赖关 系,因此必须严格保证加载顺序(比如上例的1.js要在2.js的前面),依赖性最大的模块一定要放到最后加载,当依赖关系很复杂的时候,代码的编写和维 护都会变得困难。require.js的诞... 阅读全文
posted @ 2013-10-17 20:50 黑暗骑士之“闪” 阅读(223) 评论(0) 推荐(0) 编辑
摘要: //在textarea光标处插入内容 function Insert(str) { var obj = document.getElementsByTagName("textarea")[0]; if(document.selection) { obj.focus(); var sel=document.selection.createRange(); document.selection.empty(); sel.text = str; } else { var prefix, main, suffix; prefix = obj.value.substring... 阅读全文
posted @ 2013-09-30 10:11 黑暗骑士之“闪” 阅读(297) 评论(1) 推荐(0) 编辑
摘要: (function(){ var jQuery = function(id){ return new _jquery(id); }; var _jquery = function(id){ //此处各种选择分支神马的都忽略~ this[0] = document.getElementById(id); this.length = 1; }; jQuery.fn = jQuery.prototype = { constructor: jQuery, addClass: functio... 阅读全文
posted @ 2013-09-24 14:39 黑暗骑士之“闪” 阅读(174) 评论(0) 推荐(0) 编辑
摘要: 一、大小不固定,多行文字的垂直居中① 单行文字可能很多人都知道如何让单行文字垂直居中显示,就是使用line-height,将line-height值与外部标签盒子的高度值设置成一致就可以了。例如:单行文字居中显示测试,css样式为:height:3em; line-height:3em;……② 多行文字但是对于外框高度固定,文字大小个数不固定的多行文字呢?文字可能一行显示,也有可能多行显示;文字可能是小号字体,也有可能是大号的。这时候如何让其垂直居中显示呢?看下面!这里的文字用来做多行文字垂直居中对齐的测试。这是第二行文字,您还可以再添加一行文字做测试!上面所展示的就是多行文字垂直居中的效果! 阅读全文
posted @ 2013-09-16 17:22 黑暗骑士之“闪” 阅读(179) 评论(0) 推荐(0) 编辑
摘要: 1- AJAX状态值与状态码区别AJAX状态值是指,运行AJAX所经历过的几种状态,无论访问是否成功都将响应的步骤,可以理解成为AJAX运行步骤。如:正在发送,正在响应等,由AJAX对象与服务器交互时所得;使用“ajax.readyState”获得。(由数字1~4单位数字组成)AJAX状态码是指,无论AJAX访问是否成功,由HTTP协议根据所提交的信息,服务器所返回的HTTP头信息代码,该信息使用“ajax.status”所获得;(由数字1XX,2XX三位数字组成,详细查看RFC)这就是我们在使用AJAX时为什么采用下面的方式判断所获得的信息是否正确的原因。if(ajax.readyState 阅读全文
posted @ 2013-09-06 10:28 黑暗骑士之“闪” 阅读(192) 评论(0) 推荐(0) 编辑
摘要: var Hash = function(obj) { obj = obj || {}; for (var key in obj) { this[key] = obj[key]; } return this;};Hash.prototype = { author: "zxx", each: function(fn) { for (var key in this) { this.has(key) && fn(this[key], key, this); } return this; }, has: function(key) { return this.hasO 阅读全文
posted @ 2013-08-01 15:34 黑暗骑士之“闪” 阅读(166) 评论(0) 推荐(0) 编辑
摘要: 一、看似偶然的东西实际是必然会发生的我大学时候在图书馆翻过一本很破旧的书,讲生物理论的,主要内容就是探讨生命的产生是偶然还是必然。里面很多亚里士多德都看不懂的公式计算什么的,还有模拟原始地球环境出现了有机物的实验什么的。总之,书论述的观点是:“在当时的地球环境下,生命的产生是必然的!” 无数次机会的偶然条件、无数次化合物的相遇反应等必定会产生有机物,再有N多偶然,有机物必然形成了有机体……这种理论类似于,你是个过马路非常小心的人,且你万寿无疆,除了怕被汽车撞。给你100万年的寿命,你最后必然还是被车撞死。如果以这种理论来看jQuery的出现,结论也应该是必然的!二、需求、动力、发展、事物产生与 阅读全文
posted @ 2013-08-01 15:11 黑暗骑士之“闪” 阅读(234) 评论(0) 推荐(0) 编辑