js原生对象扩展,addRule的实现 2

今天群聊时谈到了解决ie6背景透明问题的方法时提到了DD_belatedPNG这个插件,以下是聊天原文。

西门: DD_belatedPNG.fix(‘.small_frame_01′)这个地方要跟jquery一样写.

Elva: 还需要写jquery?这个地方不是说要写样式的名字?

___7: 传类名?我还以为这种一般会传一个object的数组。。

深圳-_Afei: D_belatedPNG.fix(“你的选择器/要操作的元素”);

___7<levis_liu@qq.com> 14:02:36 :也就是说那插件应该可以传”#id”  ”.class”  ”div”这样的东西,用逗号隔开就行

一直以为这类的插件都是传一个object的数组进行遍历绑定,这里居然是直接传个类名进去,岂不是要遍历全部dom?出于好奇看了下这个插件的源码.下面是fix函数部分:

Read more >>>

《javascript设计模式》之继承 1

javascript面向对象编程应该算得上是现在的一个热门话题,众所周知面向对象开发的三个特征就是(封装,继承,多态),javascript里面不存多态的概念,今天先主要介绍一下继承的实现。网上教程很多,但很多都是不全面,或者很多点都没有说到,建议大家看一下《javascript设计模式》这本书,还找一些权威前端博客看看。我这里是把自己近一周学到的内容进行一次总结,不足之处,欢迎大家指出。

javascript继承的实现从本质上说有3种,类继承,原型链继承,掺元类。网上可能叫法不一样,其实原理是一致。大家百度搜索出来的一般只有类继承,这也是最常用的。

Read more >>>

《高性能Javascript》笔记I 2

缘起

周末利用时间拜读了taobaoUED极力推荐的《高性能Javascript》,醍醐灌顶,就像第一次在css forest博客上看到css模块化时的感觉,那时是对自己以前写的css代码感到羞愧,这次是对自己近半年来一直在写的js代码感到愧疚,知耻而后勇,前端的路还很漫长,现先将书里过于性能优化的内容总结一下,分享给大家

内容是从书中的内容加上自己的经验总结出来的,去除一些平时很少会接触到的,和实际应用较少的部分

1,尽量避免对dom对象的访问,有2次以上使用时,要把dom对象存放在变量中,如:var tagdiv=document.getElementById(“m-rice”)

2,在上下文环境中,全局变量总是在最底部,常用的变量尽可能使用局部变量(可考虑把全局变量赋值给局部变量),如document,window都是全局变量,在函数中使用可以是:
function addElement(){
var doc = document,
bd = document.body;
//do something
}

(不能用于方法,用局部变量保存方法会导致方法中this绑定到window)

Read more >>>

Ajax页面实现模拟浏览器的Back功能 0

Demo页面 :http://www.7rice.org/demofile/ajaxback/index.html

文章以后才补。。懒死懒死

瀑布了布局的两种实现(上) 8

基本思路

初次接触到这种布局要追溯到3个月前老马很兴奋的丢了个网站过来,大概类似下面这种——
2011-12-17

问我有没有看过这么复杂的页面,肯定是用js布局的。我非常冷静的在心里略过一个词:inline-block,不就是一个等宽布局,然后各列再插进不同高度的元素罢里,有什么好好奇的,于是不到5分钟就丢了一个页面过去。
2011121702
Read more >>>

css3软文一篇 0

最近一段时间工作一忙,再加上主要工作方向变成了js,懵懂懵懂的,也就不随便发文章误导大家,上周开始较为系统的学习了css3相关的东西,稍微总结一下。

静态css3

很多人刚接触css3总觉得是非常高深的东西,随便一个效果都要写上大量代码。比如这样一个效果:

需要的css代码为 Read more >>>