爱莲学堂

爱莲学堂

2012年6月11日 #

到处都是jQuery选择器的年代,不了解它们的性能,行吗?

摘要: 如今jQuery在网站上普及的程度越来越高,所以,对于jQuery的使用,即使再小的一点认识、一点优势、一点不足,也显得越来越值得研究和探讨。最近,我就对jQuery的选择器使用做了一个小小的实验,用来说明jQuery的不同选择器在不同的情况下,哪个效率更高,更值得使用。 阅读全文

posted @ 2012-06-11 15:35 爱莲学堂 阅读(5435) 评论(20) 推荐(14) 编辑

2012年6月7日 #

纯CSS的方法解决文字溢出与截断的问题

摘要: 在网站的首页或者边栏输出新闻条目的时候,经常会遇到文字溢出与截断的问题。这个问题曾经困扰了我很久,最近又重新遇到,我本着“每天进步一点点”的态度,继续改进方法,查阅文章,几经测试,终于确定使用纯CSS的方法解决这个问题。关于这个问题,我用编程的方式解决过,也用js攻克过,现在CSS的标准属性和各浏览器私有属性的发展给我们带来重新解决这一问题的机会,我这样做也算是一种新的尝试吧。 阅读全文

posted @ 2012-06-07 23:05 爱莲学堂 阅读(5926) 评论(12) 推荐(3) 编辑

2012年6月5日 #

最近很火的图片遮罩层展示页面的实现【前端开发技能必备系列】

摘要: 以新建的遮罩层显示大图片越来越受到主流网站的认可和重视,现在QQ空间和人人网两大社区都采用了此种方法来展示照片。这种展示照片的方式确实很实用:不用重新打开窗口;点击空白区域自动关闭;背景半透明,突出主题。 我也忍不住学习和模仿一下这种实现,以备不时之需。 阅读全文

posted @ 2012-06-05 09:20 爱莲学堂 阅读(7553) 评论(15) 推荐(8) 编辑

2012年5月31日 #

纯CSS实现平滑伸缩的搜索框【前端开发技能必备系列】

摘要: 有个朋友看到一个能伸缩的搜索框,叫我给他做。我到他所说的网站看了一下,马上告诉他:这个能伸缩的框框得用 js 辅助才能实现,要是为了图方便,在页面上调用一个百十来K的js框架,就太不值得了,建议他不要实现这个功能了。但是,今天又看到类似的一个搜索框,仔细扒了代码,才发现,这个伸缩功能只用CSS就可以实现!我又误人子弟了...... 阅读全文

posted @ 2012-05-31 23:39 爱莲学堂 阅读(4701) 评论(15) 推荐(2) 编辑

2012年5月29日 #

让CSS3圆角兼容所有的浏览器

摘要: CSS3出现以后,WEB前端的美化变得更加容易,一些原本要用图片才能实现的外观,现在用样式表就可以搞定,也因而使得页面变得更小。但令人头疼的是CSS3的很多属性并不被所有的浏览器支持。本人向来喜欢使用圆角矩形作为容器,经过寻找和探索终于找到了实现让圆角兼容所有浏览器的方法。 阅读全文

posted @ 2012-05-29 20:30 爱莲学堂 阅读(3378) 评论(16) 推荐(6) 编辑

2012年5月23日 #

W3标准不变,清除浮动不止

摘要: 对于日新月异的WEB开发技术和浏览器更新频率来说,清除浮动已然是一个被人嚼碎了的话题。说是这些年过去了,有关float的地方,还依然少不了清除浮动的标签和css代码。W3C整天研究html5,就不能抽出点时间来把这种烦人的小细节修正一下吗?抱怨归抱怨,饭还得吃,钱还得挣,清除浮动就不能停止。 阅读全文

posted @ 2012-05-23 22:50 爱莲学堂 阅读(1639) 评论(6) 推荐(3) 编辑

Web安全色记录

摘要: Web安全色记录 阅读全文

posted @ 2012-05-23 20:57 爱莲学堂 阅读(439) 评论(0) 推荐(0) 编辑

2012年5月18日 #

利用javascript解决图片缩放及其优化

摘要: 查看代码,明明写好了max-width,怎么还会出现这种情况。突然发现他发来的图上,那个浏览器看着不顺眼,像是古老的而神圣的IE6!经过确认,果然是它,又是它!我真是疏忽,没给他在IE6下测试就交工了。说起IE6,真是让我们这些做前端的人又恨又无奈,许多属性都不支持。可不少用户还在用它,我们也不能无视。为了兼容,我只好跟同事请教了一下,然后针对IE6用js缩放来显示图片并进行了一些细节上的优化。 阅读全文

posted @ 2012-05-18 15:48 爱莲学堂 阅读(3152) 评论(3) 推荐(2) 编辑

导航