logoHi! I'm Mofei!
  • 首页
  • 博客
  • 实验室
  • 留言
  • 小伙伴
  • English
  • 
全部88前端基础10HTML2CSS3JavaScript45Node.JS4可视化8杂谈15Python学习1

Internet Explorer 10 兼容性白皮书(二) 用HTML5构建应用程序

 Tags:  JavaScript
用HTML5构建应用程序 HTML5的采用策略:一个浏览器也不放弃 点击链接下载示例代码 HTML5有许多激动人心的特性。有了新的标签、新的CSS能力和新的JavaScript API,Web的能力范围有了大的飞跃。除了浏览器厂商的士气高涨之外,令人激动的新功能列表几乎每天都在增加。从“nightly builds”(每夜都构建一版)到开发渠道发行版和正常的平台预览版,浏览器在飞速变化,世界各地Web开发人员们正在加入这个狂欢。 但是,尽管开发和浏览器社区正在把HTML5的喧嚣推到一个极度兴奋的高潮,网上的大多数人却不像我们一样使用最新的浏览器和最新版本。如果你是一个大型开发机...
2012-11-16 22:37:08
 50761  

Internet Explorer 10 兼容性白皮书(一)

 Tags:  JavaScript
让你的网站与最新的网络标准兼容 文档兼容性定义了一个浏览器将如何呈现你的网站。把自己的要求对浏览器告诉得越详细,用户的体验就会越好。在使用HTML5这样的Web标准时,一开始就要明确地声明HTML5的文档类型: 这个标记将触发在IE9和IE10中的标准模式,它在Chrome和Firefox中也工作得非常好。以下4个步骤可以使你的网站在各种浏览器和设备上呈现: 第1步:确认你的网站使用的是标准模式 检查网站目前是否处于标准模式: 1.在IE10平台预览版中打开网站。 注意:也可以按相同步骤更新IE9中的文档模式,这无需下载预览版。...
2012-11-15 22:28:09
 28693  

javascript区分判断ie6、ie7、ie8

 Tags:  JavaScript
经常会用到判断不同浏览器的时候, 这里给出几个区分ie的几款浏览器的方法, 首先判断IE浏览器,主要是通过ActiveXObject这个IE特有的对象来区分是否是IE浏览器, 在此基础上,可以通过XMLHttpRequest来判断是否是IE6,通过documentMode来判断IE8。 至于IE7这里没有给出特别的方法,当然了目前出了IE10,所以要考虑的问题就没有这么简单了,至于如何区分IE10,等我拿到10测试之后再贴出来。 javascript var isIE=!!window.ActiveXObject; var isIE6=isIE&&!window.XMLH...
2012-11-10 20:13:36
 30260  

onhashchange与AJAX无缝刷新

 Tags:  JavaScript
最近忙着网盘项目的改版,由以前的点击目录跳转到下一页的操作方式,改成直接用ajax无刷新的功能实现,考虑到用户会有可能将当前目的的地址分享给好友,于是在HTML5的history AIP和hash中选择了后者,主要还是html5的兼容性处理起来比较麻烦,虽然hashchange也是不支持IE6、IE7的但是好在IE能识别hash,做起兼容还不是很麻烦。 onhashchange主要是针对ajax无刷新交互所导致的浏览器“返回”按钮无效所产生的,应该还是属于比较新的方法。 当js通过改变hash的方法进行交互的时候,比如说a.htmlpage=1,这里的‘page=1’就是hash,...
2012-11-07 13:36:26
 27570  1 

CSS的优先级特性

 Tags:  CSS
新手朋友们在写css的时候,有时会遇到这样的情况,辛辛苦苦写了一条css,刷新页面一看,“OH!Shit!为什么页面没有变化”? 举个栗子! HTML: html 我是列表我是列表我是列表我是列表 CSS: css .nav li {color:red;} .nav_active {color:yellow;} 很典型的例子,当然了如果你能准确的回答第三个列表是红色的话,后面的内容就可以不用看了~ 为什么不是黄色呢?这就是一个典型的权的问题。 下面是我曾经看到过的一篇文章,贴上来,还木有完全搞清楚的童鞋可以看看!时间久远了来源已经...
2012-11-05 00:49:24
 37891  1 

人的一生,到底在追求什么?

 Tags:  杂谈
有一个美国商人坐在墨西哥海边一个小渔村的码头上,看着一个墨西哥渔夫划着一艘小船靠岸,小船上有好几尾大黄鳍鲔鱼。这个美国商人对墨西哥渔夫能抓这么高档的鱼恭维了一番,还问要多少时间才能抓这么多?墨西哥渔夫说,才一会儿功夫就抓到了。美国人再问,你为什么不待久一点,好多抓一些鱼?墨西哥渔夫觉得不以为然:这些鱼已经足够我一家人生活所需啦! 美国人又问:那么你一天剩下那么多时间都在干什么? 墨西哥渔夫解释:我呀?我每天睡到自然醒,出海抓几条鱼,回来后跟孩子们玩一玩;再跟老婆睡个午觉,黄昏时晃到村子里喝点小酒,跟哥儿们玩玩吉他。我的日子可过得充满又忙碌呢! 美国人不以为然,帮他出主意,他说...
2012-10-31 18:00:17
 36577  36 

IE下“怪异模式”的触发

 Tags:  HTML
问题从做一个布局的水平居中开始,比如: (head省略) 要让wrapper定宽并水平居中,需要 css wrapper {width:960px;margin:0 auto;} 即可,但是在IE的怪异模式下需要加上 css body {text-align:center;} wrapper {text-align:left;} 曾经一度认为这个是IE6的hack,正确认识后,这只是IE在怪异模式下才有的问题,那么,通常什么什么情况下会触发IE的怪异模式: 1.没写DOCTYPE,这个最常见; 2.写了DOCT...
2012-10-31 09:12:35
 34380  

jQuery.proxy(function,obj)

 Tags:  JavaScript
无意中看到proxy,以前不曾用到过,记录之! jquery1.4新增,返回一个新函数,并且这个函数始终保持了特定的作用域。 当有事件处理函数要附加到元素上,但他们的作用域实际是指向另一个对象时,这个方法最有用了。此外,最妙的是,jQuery能够确保即便你绑定的函数是经过jQuery.proxy()处理过的函数,你依然可以传递原先的函数来准确无误地取消绑定。请参考下面的例子。 这个函数还有另一种用法,jQuery.proxy( scope, name )。第一个参数是要设定的作用域对象。第二个参数是将要设置作用域的函数名(必须是第一个作用域对象的一个属性)。 看起来有点callapply的意...
2012-10-29 13:40:01
 31405  

小心 -webkit-text-size-adjust:none![译]

 Tags:  JavaScript
有一天我打开一个网站,上面的文字很小,看起来很不舒服。我按了很多次Command加希望Safari能放大一点字体...但是什么都没有发生。怎么了?! 研究了网站的css之后,发现“真凶”是下面的CSS(千万别这样用): css body { -webkit-text-size-adjust:none; } 这断代码阻止webkit内核浏览器自动调整文字大小,甚至是整个页面。现在,对于如何阻止你的用户去放大页面的文字难道不是个好的方法么? 根据 Safari 的CSS参考 -webkit-text-size-adjust 用来指定iOS的Safar...
2012-10-10 14:53:19
 31941  

预加载和javascript Image()对象

 Tags:  JavaScript
首先是Image()对象的使用,直接贴代码 javascitpt function preloader() { heavyImage = new Image(); heavyImage.src = "heavyimagefile.jpg"; } 以下代码预先加载了heavyimgefile.jpg,当在onMouseOver的时候就不会出现等待的情况。 如果想一次预加载很多张图片可以用以下的代码 javascitpt function preloader() { counter var i ...
2012-09-23 01:12:50
 24588  
上一页1...56789下一页
(C) 2010-2020 Code & Design by Mofei
Powered by Dufing (2010-2020) & Express
IPC证:皖ICP备11015043号