随笔分类 - web前端系列
html 5,css,js,jquery UI,yahoo UI
摘要：首先声明一下. google.com才可优先享受这个特权~ 我是google的忠实用户,今天早上到公司打開电脑.登上google.com,搜索的时候发现体验再次变化~~ 前一段时间.google的变化是 google image 的列表变化 这次主要是体现在 根据sroll滚动动态加载,和分页 接下来就是 google的一个网页预览功能 接下来就是我今天发现的新功能~ 首先分 ie8和ff2种,估计还有其他的浏览器吧,这我还是不太清楚,也没怎么测试! 首先我是在具有google用户的前提下,测试的 在ie8 和 ff google的首页中 搜索 M .
阅读全文
摘要：下面通过创建一个鼠标滑过加亮显示的 HTC 来演示一下创建 HTC 的过程。1、创建 HTC 文件的架构。一个标准的 HTC 文件含有一个 SCRIPT 块和一对可选的 COMPONENT 标记。PUBLIC:COMPONENT SCRIPT /SCRIPT /PUBLIC:COMPONENT2、写一个可执行的脚本。在下面的代码中，ATTACH 被用于设置 HTC 接收元素在 onmouseover 和 onmouseout 事件被触发的消息。它通知 HTC 通过切换颜色来体现鼠标滑过元素时的加亮效果。将上面保存为hilite.htc文件。注意：您可以直接使用属性、方法或者是事
阅读全文
摘要：咱们打开网页的时候,点击一个链接,有时候会出现虚线框是不是很不给力,现在就解决 方法有以下三种: 方法一 IE下可使用其私有的html属性：hideFoucs，在标签的结构中加入hidefocus="true"属性。即： 方法二 也可以使用CSS expression来控制，但不推荐使用，毕竟expression在性能上有问题。方法三 将以下代码保存为link.htc文件：什么是htc以上文章来之:17css的小博
阅读全文
摘要：标准的web前端工程师需要知道 ◎浏览器（或者相应播放器）的渲染/重绘原理 这我得加把劲了。我还真的说的不是很清楚，我就G下，结果不是很多，找到了有一个，就记下来了。。。 以下部分来自handawei－javaeye的blog： 浏览器每天就这么来来回回跑着，要知道不同的人写出来的html和css代码质量参差不齐，说不定哪天跑着跑着就挂掉了。好在这个世界还有这么一群人—&mda...
阅读全文
摘要：重点2： 边框透明css属性：transparent 死亡的IE6中边框透明需要用到滤镜：/*_filter:chroma(color=#000000);色度滤镜,让IE6实现透明borderColor.这里滤镜的颜色值是不可以简写的*/HTML[代码]CSS代码这里为什么会使这个样子（宽高为0，边框设置下怎么就有三角形了呢？）还不是很明白～望 赐教～～
阅读全文
摘要：今天看了 http://snook.ca 的站点，看着他页面的字体蛮好看的，就 firebug 了一下。原来他是这样子做的。也是通过 引用自定义的一个字体。[以前研究过，存了一份 忘记放哪了]。就在这里记录以下吧。。暂时记录这么多吧，碰到类似的还会继续添加~~~
阅读全文
摘要：如果在使用 css Sprites 背景图你没有指定一次，而是采用 Workaround，而非 Fix那么就会出现一个bug ：如果IE 的缓存控制为不缓存，每次都去服务器取资源的话，背景图会闪这个是 chen yagnjian 提供的方案：转载请注明：小贺的博儿/小河的博儿
阅读全文
摘要：ie6下面不支持position:fix的已经是一个比较旧的问题,现在拿出来呢,就是温习一下.目前我知道 解决方案大致有这么几种:1.通过 <!--[if lte IE 7]> <![endif] --> 用导入js解决2.通过css hack 解决目前我就知道大致这么几个..现在写一下 css hack的 方案 主要是通过 ie css中的 expression 做的/*让position:fixed在IE6下可用! */ .fixed-top /* 头部固定 */{ position:fixed;bottom:auto;top:0px;}.fixed-bottom
阅读全文
摘要：今天研究了一下,滚动条事件,也是在无忧上看到的,顺便做下记录@比如做一个浮动广告效果,原理就是 设置一个定时器0.1秒检测层所在的位置 并将他指定到 相当于窗口的位置. 核心代码如下:代码重点,也是常犯错误的地方:在xhtml页面中，document.body.scrollTop始终为0，即该属性无效，因此必须用其他的属性来判断，为兼容新旧标准，应该对属性的可用性进行判断。解决办法：使用： doc...
阅读全文
摘要：群里一兄弟提一问题,@"jquery中attr("href")在IE下转化为了绝对地址 有没有什么参数使其和ff相同啊"@如果是取href属性，ie下都是绝对地址，以前碰到的，得针对ie做网址处理经过讨论,在csdn一贴子中找到答案;测试1输出：http://blog.csdn.net/zswang测试2输出：hello#163.net这是为什么呢？就是文本存在“@”字符导...
阅读全文
摘要：引用[china-aspx]的话说,location是javascript里面管理地址栏的内置对象.比如loation.href是 页面的url .但是 location.hash可以获取或设置页面的 标签值 比如http://domain/#testDemo中 咱们的location.hash 就是 #testDemo 下面引用一个 网上的demo一个搜索版块,功能有3个:普通搜索,高级搜索,...
阅读全文
摘要：if( typeof XMLHttpRequeat == "undefined" ) XMLHtppRequest = function(){ //ie 用ActiveXObject //XMLHttpRequest对象 return new ActiveXOject( navigator.userAgent.indexOf("MSIE5")>=0 ? "Microsoft.XMLHTT...
阅读全文
摘要：//获取指定元素(elem)的样式属性(name)function getStyle( elem ,name){ //如果属性存在与style[]中,那么他已被设置了(并且是当前的) if(elem.style(name)) return elem.style[name]; //否则,尝试使用ie的方法 else if( elem.currentStyle ) return elem.curren...
阅读全文
摘要：来自[twinsenliang]的文章早段时间特别的忙，忙到站点一直没有更新；但是这段时间也是偷偷的做了一些的工作，比如对站点的JS进行了压缩，构思labs分站以及聚合分站。而此段时间最烦的是森林群里面的一群人每天上班都在吵，然后我就每次都装嫩的在里面问：“各位高手，劳烦请问一下；清除浮动怎么弄？”清除浮动一个凡是做页面的人都会遇到的一个东西，但是是否大家都能够清楚的知道，...
阅读全文
摘要：在使用eval生成JSON对象时，一定要注意添加一对圆括号，例如：var json = eval(‘(‘+ret+’)');假设我们在服务器端使用php的encode_json()生成需要返回的字符串如果生成的字符串是[{"name":"boke"},{"age":"23"}]，我们可以直接使用eval([{"name":"boke"},{"age":"23"}...
阅读全文
摘要：这个算是一个参考文档吧!1. 集合类对象问题 现有代码中许多集合类对象取用时使用 ()，IE 能接受，Firefox 不能。 解决方法：改用 [] 作为下标运算。如：document.forms("formName") 改为 Js代码document.forms["formName"]; //又如： document.getElementsByName("inputName")(1); //改为 ...
阅读全文
摘要：Google Wave is far from dead, and developers, early adopters and enterprises will be glad to hear it. Today Google announced it will expand on the code it has already open sourced, building Wave into ...
阅读全文
摘要：大家用过css,继承虽然大家都知道,但是真正知道那些东东是,会继承过来的,那些是不会 "子承父业" 的.现在,就告诉大家哈.[小贺有错误的地方请大家指出,不胜感激!] 在设计css的时候,很多 属性 都是可以继承的. 1.可继承的属性: >>>visibility 和 cursor 可以被所有元素继承 >>>以下只可被 内联元素 继承 : letter-...
阅读全文