removeClass,addClass的原生JS代码
摘要:removeClass,addClass的原生JS代码分享额。。。分享了一个代码,但是站长君给移除首页了。原因是禁止分享纯代码,没有学习心得。这里补上,写这段代码的主要是最近招聘写的笔试题经常遇到这样加一个覆盖样式的题有要求代码原生,所以有了一下代码。原理是利用正则匹配找到className,如果没有的话就加上相应的STR属性。相似的,removeClass也是同样的道理。代码如下:addClass:addClass=function(node,str){ if(!new RegExp("(^|\\s+)"+str).test(node.className)){ node.
阅读全文
posted @
2013-04-30 22:51
happycloud~~
阅读(725)
推荐(0)
前端的性能提升的基本原则
摘要:页面的内容的优化1 降低页面请求次数 包括合并CSS,jS文件、CSS Sprites技术,剔除重复脚本2减少交互通信量 压缩技术压缩CSS、JS文件,优化图像,减小cookie体积,使用外部js、css文件,缓存ajax,剔除未用到的脚 本,推迟加载内容,当URL小于2k使用get完成ajax请求,对于静态页面元素使用无cookie请求3合理利用“并行” 尽量避免重定向,慎用IFRAME,把样式表放在顶部,把脚本放在样式后面加载4节约系统消耗避免使用CSS表达式(Expression),避免使用滤镜服务器的优化1使用内容分发网络2配置合理的缓存机智3Gzip压缩文件内容4减少DNS查找次数
阅读全文
posted @
2013-04-23 18:24
happycloud~~
阅读(223)
推荐(0)
IE中的布局BUG和一些可以避开的BUG
摘要:布局中的BUG1.连框的显示是混乱的——IE62.一些selector(如 a:hover foo{})无法正常工作——IE63.连接中定义了display:block 仍然只有文本是可以的点击的——IE64.滚动窗口和最大化,最小化窗口时,有一些内容会重复显示——IE6可以绕开的BUG1.子selector无效——IE62.max-height无效——IE63.min-height无效——IE64.max-width无效——IE65.min-width无效——IE66.opacity属性无效——IE8及以下版本
阅读全文
posted @
2013-04-17 00:13
happycloud~~
阅读(180)
推荐(0)
常用的CSS度量单位
摘要:em相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。ex相对长度单位。相对于字符“x”的高度。此高度通常为字体尺寸的一半。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。px像素(Pixel)。相对长度单位。像素是相对于显示器屏幕分辨率而言的。譬如,WONDOWS的用户所使用的分辨率一般是96像素/英寸。而MAC的用户所使用的分辨率一般是72像素/英寸。pt点(Point)。绝对长度单位。em vs pxem 指字体高,任意浏览器的默认字体高都是16px。所以未经调整的浏览器都符合: 1em=16px。那
阅读全文
posted @
2013-04-15 22:41
happycloud~~
阅读(296)
推荐(0)
去笔试腾讯的前端实习生,题目太尼玛坑爹了
摘要:一定要吐槽,一定要吐槽!!!尼玛全篇没有一道正经的前端题目有木有!!!汇编,数据结构,C,后台,intel技术考了一大片有木有!!!费心准备了html5,css3,木有考有木有!!!各种软件技术类一起考有木有,木有照管前端的同学有木有!!!!怎么也细分一下吧!!!我了个大擦的
阅读全文
posted @
2013-04-15 00:17
happycloud~~
阅读(393)
推荐(0)
一道前端面试题,关于函数声明和函数表达式
摘要:题目如下(这也是我上篇随笔中的代码):<script type="text/javascript" >function x(){ alert(2);}x();var x=function(){ alert(0);};x();var x=function(){ alert(1);};x();function x(){ alert(3);}x();</script>当时我的第一反应就是2013,这不很EASY么(以前高中做数学题,一些答案总会是些该年年份)!得知答案不对时,脑子第一反应居然是函数无重载!!!3333,幸亏没说这个答案,不然对面肯定2333
阅读全文
posted @
2013-04-11 00:25
happycloud~~
阅读(315)
推荐(1)
多想一想,JS中函数声明和函数表达式的区别
摘要:javascript中函数声明和函数表达式的区别 首先来看一看什么是函数声明式呢function myfunc(a,b){} 接下来就是函数表达式了var myfunc=function(a,b){}; 哈哈,估计大多数看官看到这里就会以为云仔在这里故作玄虚了----这两个的区别还不好说! 解析器在向执行环境加载数据时,解析器会优先读取函数声明,并使它能够在执行代码之前可访问。而函数表达式,必须等到解析器执行到它所在的代码行才会被解释执行,加载时只会被赋予undefined。 例子如下://声明不会出错alert(myfunc(1,2));function myfunc(...
阅读全文
posted @
2013-04-10 09:23
happycloud~~
阅读(258)
推荐(0)
前端开发入门的几本推荐书籍
摘要:前端开发入门书 前端开发这门行业呢,在大学之中没有这门专业,很多人都是自学长才的,所以作为初学者选定好入门书籍是很重要的。作为一个初学者,根据自己一直看的书籍通过筛选向大家推荐一下我的入门思路。 在这里就不推荐HTML和CSS的入门书籍了,这些方面知识的书籍很多很丰富,而且内容也都差不多。拿到一本好好研究一下编写一个静态网页还是很容易的。在这里还是主推javascript的入门思路。 首先在codecademy里熟悉一下这门语言。codecademy是一个很好的编程学习网站,包括HTML,CSS(没有HTML+CSS基础的同学也可以来这学 习),PHP,JAVASCRIPT,JQU...
阅读全文
posted @
2013-04-09 12:05
happycloud~~
阅读(1714)
推荐(0)