籽沫-CSDN博客

原创 position:fixed之safari的坑

mobile开发如今已经越来越步入正规，很多问题也得到了各大浏览器厂商的支持和修正，比如今天要说的ipone下的fixed，如今Safari也的得到了支持，不过却还有些比较坑得地方。今天要说得这个坑是关于safari全屏模式，当页面进入全屏模式（向下滚动以后页面默认会进入全屏模式）时页面底部就不可交互，看起来好像事件失效了一样，这个是时候窗口底部的任何工具栏，链接或者通过fixed底部

2014-07-23 21:57:59 4129

原创 localStorge之storage事件

随着h5的流行和mobile web端开发，localStorge

2014-06-13 14:52:39 5807

前段时间群里听到有人疑问随着html5的盛行，那div该什么时候用呢？还有article、section、details等等类似的标签该怎么区别分别什么时候使用？我想这个问题其实很多人都会存在，甚至在没html5以前，xhtml中的一些标签灵活使用都会考虑很久，其实这个问题我早期甚至现在也会有，因为有的标签语言是够了，但是却要为它付出些额外代价来渲染它，达到我们的布局效果，但是偶尔这些渲染会带来很

2013-03-27 16:36:32 130

原创基于OO的图片墙展示插件-----【如需动画展开需依附前面的动画插件】

最近项目不多，闲下来看到很多图片墙的展示效果，抽空也写了个小插件如下：PS：这个插件最好在页面载入下animation那个动画插件否则效果有点单一，动画插件地址是：http://blog.csdn.net/nx8823520/article/details/8287506，，顺便附带说下，进步本身基于就是交流和共享，个人不反对转载文章，但是麻烦转载的话标注下原文地址，方便碰到问题后交流谢谢,

2012-12-19 17:08:23 2412

原创 css之六个为什么---关于性能关于习惯【杂记】

一、css为什么放在在head中而不是body里面或者其他地方？都说放body里面是不符合标准，其实最主要的原因不是如此，因为我们在实际情况中会有body中出现css链的存在（虽然这样很二，但是却不得不承认偶尔这样二的事还是会发生），事实也证明在浏览器的宽大下这样的方式也可以正常处理，那么言归正传为什么要尽力把css链放到head头部呢？浏览器页面渲染方式是在所有的stylesheets（

2012-12-17 16:50:27 1444 1

原创 IE6-8 filter双重滤镜bug

最近在做一个旋转木马的特效时候碰到了一个很诡异的问题在IE8以下的IE内核浏览器中，当一个父级定义了filter的alpha时，如果它子级也有滤镜则这个层中的文字全部会变为灰色（小半透明形式展示）如下例： .box-item{width:500px;height:200px;border:1px solid #333;position:relative;background:#f5

2012-11-06 16:24:36 2090

原创 jquery性能优化及注意事项

PS：因为是抽空在记事本上手打的所以格式不太好谅解，如果有不对的希望指正一、性能： 1、首先jquery是基于js的一个内库，它最强大的和我们最常用的就是它的属性选择符（当然我是基于根本来说），因此对于优化最先开始的也就是选择器性能优化。 2、jquery选择器是通过getElementById、getElementsByTagName等等来

2012-04-19 11:25:08 1415

原创 IE6浮动多余3pxBug及多类选择符Bug

最近刚刚忙完了，碰到了2个很好玩但是个人却一直没注意的问题，这2个问题都是出现在IE6中虽说微软明年“可能"决定彻底废除IE6，不过就像你们所看到的，这个只是个可能或许只是个传言，对此我们却不能不考虑这些IE6的用户，如下看段代码： body,img,div,a{ margin:0; padding:0;

2011-12-31 15:12:23 1066

原创父级隐藏时子级高度获取

今天同事碰到了一个在iframe中自适应高度的问题，描述如下：有2个iframe 一个iframe是父级是隐藏的一个默认是显示的（其实就是个tab选项卡示例，tab的内容是iframe载入的），这个时候这2个iframe要自适应高度，但是第二个默认隐藏的iframe却怎么都不会获取到高度。因为如果父容器设为隐藏，子容器宽高设为自适应（这里iframe默认肯定是自适应的）这个时候js

2011-12-07 17:14:39 2831

转载 JavaScript闭包取for循环i 【转】

有个网友问了个问题，如下的html，为什么每次输出都是5，而不是点击每个p，就alert出对应的1，2，3，4，5。闭包演示 function init() {

2011-10-10 10:20:17 5866 6

转载【转】IE对CSS的渲染引擎hasLayout

haslayout 是Windows Internet Explorer渲染引擎的一个内部组成部分。在InternetExplorer中，一个元素要么自己对自身的内容进行计算大小和组织，要么依赖于父元素来计算尺寸和组织内容。为了调节这两个不同的概念，渲染引擎采用了 hasLayout 的属性，属性值可以为true或false。当一个元素的 hasLayout属性值为true时，我们说这个元素有一个布局（layout） 　　要想更好的理解 css，尤其是 IE 下对 css

2011-04-15 10:14:00 362

原创浮动元素后元素外边距失效

在浮动元素后面的元素中，定义上外边距会失效，解决办法为定义此元素内边距去达到外边距的效果，不过如有边框线则需要定义浮动元素的下外边距去解决！ 在css权威指南中有说！

2011-03-28 13:53:00 1755

原创 javascript加载和执行【转】

阻塞特性：JS 有个很无语的阻塞特性，就是当浏览器在执行JS 代码时，不能同时做其他任何事情，无论其代码是内嵌的还是外部的。脚本位置：浏览器在碰到一个引入外部JS 文件的

2011-03-07 15:49:00 498

原创 IE6和FF的一些bug

今天在做网站的时候发现了些关于IE6和FF的奇怪bug记下来免得以后忘记吧！（这里对于FF的bug或许是我自己在某些东西上不标准产生的吧，这里我先还是定义为bug吧有清楚的同仁可给我指出下）第一个问题是关于JS的，在除了IE和其他所有的浏览器中，网站的js都没任何问题可以跑起来，唯独在IE6中会报异常出现“语法错误”没办法我只能一行行的删除代码才找到了问题，原来在我写的JS里面有段JS的注释是用的中文，晕死，只需要把这段注释改成英文的或者去掉就没问题，可能是我JS文件的编码问题吧，总之这个确实是

2011-01-13 12:10:00 514

转载正因为我们是前端，所以代码更需要优雅【转】

前端是个很特殊，带点矛盾的职位。所以我们的“前端攻城师”也大都是些矛盾体。矛盾在感性和理性之间，矛盾在文艺和三俗之间，矛盾在放任和严谨之间。作为所谓的“攻城师”，攻的不仅是“前端”这座善变诡异的高城，同时也是在攻我们自己对于艺术和编码的心防。【关于HTML】--语义化语义化，是什么？即用正确的标签做正确的事。我一直认为学一种编程语言和学一门我们常规意义里的“语言”如汉语，英语，其实是类似的。单字和单词以及语法都是一门语言的组成部分，但却不是最重要的部分。怎么去组织这些单字和语法去表达正确的意思才

2010-12-07 13:24:00 501

原创 removeChild方法的参数错误解决方案

刚刚在应用removeChild对一个子元素移出的时候不管怎么试都发现参数错误，然后仔细的调整了下都没发现自己错在哪里了，按照3cshool的说法removeChild() 方法删除指定节点，好像在用法在也哪里错误啊，没办法只好接触google网络老师搜了下才发现问题，原来removeChild这个方法删除节点的时候只能直接从属父元素的子元素，不能用于N层子元素，如果要删除的元素不是它的直接子节点时是没法作用的比如在一个form里面有N个标签，然后我要删除form里面第N个标签中的一个ID为

2010-10-27 15:04:00 2734

原创关于javascript中关于new

今天在做这个事例的时候，无意碰到了一个关于new新建对象的问题，事例是这样的，查找html文档中的class然后当这个class存在到时候就取出这个class的内容，我开始的做法如下： //获取classfunction getThisClass(theClass){ var allElements = document.getElementsByTagName("*");//获取所有的文本节点 for(n=0;n<allElements.lengt

2010-10-27 12:45:00 402

转载 IE6/IE7/IE8/Firefox/Chrome/Safari的CSS hack兼容一览表【转】

今日整理网站的 CSS 的时候发现我的网站在 Firefox下面出现了变形的情况,这个时候我急啊.我就到网上找了很多资料,最后发现下面的内容比较实用:熟悉CSS的朋友一定对CSS hack十分了解了，现在IE浏览器、Firefox浏览器、Chrome浏览器、Opera浏览器、Safari浏览器百家争鸣，可苦了我们这些Web前端开发人员了。西部e网的icech这里稍微整理了一下前面了解的各浏览器的CSS hack，打包奉献一下，哈哈。各浏览器CSS hack兼容表： IE6IE7IE8FirefoxChr

2010-10-20 11:25:00 484

原创空白边叠和怪异模型

众所周知在2个盒模型中当他们并排或者上下排列或者一个元素包含在另一个元素里面时，它们的空白边会进行叠加，同时空白边也就是外边距会取较大的那个外边距的值作为新的外边距。 然而你自己测试下会发现，空白边叠加只是针对于普通文档流中块框的垂直空白边，当你给这2个盒模型元素加上浮动，他们的空白边是不会进行叠加的，这个时候他们的空白边将为这2个盒模型外围空白边的总和！总的来说行内元素、浮动元素、绝对定位元素都是不会进行空白叠加的。 在Standars mode

2010-10-07 10:49:00 611

原创 IE6 链接字体色为什么会是定义的a字体色？

看到这个问题我想在很多要兼容IE6浏览器的web构架师上都会碰到过，最初我也曾经在这个问题上纠结过，当时由于工作时间的需要一直没想过为什么IE会这样，今天在逛论坛的时候无意看到也有人碰到这个问题，而别人帮助他所说的解决方法实在让人无语，之后自己重新的测试了下，也终于明白了问题的所在，分享出来大家都看看，学习本来就是共同分享提高的，好了废话也不多说了首先看看下面的代码：（这个是段很简单的页面代码也是别人出问题的页面我拿过来测试的当然里面的样式还有其他问题，这里我们不讨论现在我们现在只讨论字体色问题）

2010-08-11 09:55:00 2183

原创切记CMYK图片格式在IE中将无法显示

最近频繁的看到有人在制作网页的过程中发现网页无法无法显示的问题，针对这个问题来详细的说明下。其实网页中图片无法显示最常见错误就是文件的路径问题，针对整个问题只需要检查下自己的路径名和文件存放地址很快就能接近了，对于这个我想就不需要多说了，接下来我还是说说最诡异的图片无法显示的问题，在这个问题中我自己也曾经花费了半天的时间去查找最后无意才解决了，不过那段时间由于工作繁忙也没有发帖，今天在逛论坛的时候发现很多人也遇到这个问题，就想起了写出来希望还不算太晚能帮助到一些人吧。好废话到这里结束了，我们首先来看看吧。先

2010-07-20 10:25:00 1929

原创 CSS显示三角符号等视觉模拟效果

今天在帮别人解决一个问题的时候看到那个提示框第一反应还以为是图片做出来的，后来拿到代码仔细了的看了下才发现又是一个利用css模拟的效果：http://topic.csdn.net/u/20100714/13/8d77ae9d-1864-444e-9d33-2c3b6e7d280c.html?58629 而且这个用css模拟的三角形和用css模拟的圆角方法却一点都不同，虽然都是用视觉差所展示出来的不过前者的方法却很有意思（关于css模拟圆角效果，这个我在另外篇文章中详细的说

2010-07-15 14:07:00 1427 1

原创 jQuery中特效在FF中展现问题

在近端时间用jQuery做一个公司内部的系统帮助中心，遇到了个很有意思的问题，关于jQuery效果里面收缩时改变文档块状属性。在帮助中心中左侧的栏目导航中成树状结构进行排列的，同时每个dd（我是用dl做的导航，因为栏目是分父级、子集栏目的我觉的这个表述更加适合）都有背景标签，然后利用jQuery的slideUp和slideDown去进行滑动的收缩特效，这个效果在IE中没任何问题，但是在FF中却出现问题了，FF中当展开时dd会全部成内联元素并排排列如下图：然后查看看此时的元素属性会发现：所有的dt此时都强制的

2010-07-14 20:15:00 454