Hoogle的博客_前端开发(2)

img标签src=”"带来的性能问题

本文永久链接：http://comdeng.com/blog/article/10030.html 有一个页面是这样一种情况，当整个页面加载完了，然后会发出一次异步请求，完成列表数据的载入和显示。不过这几天，明显感觉到列表加载的速度太慢了，老是在页面显示完整了以后好几秒才开始进行异步的请求。通过用firebug分析，发现在页面加载完毕后，在异步请求发出之前，竟然又重复发出了三个对当前页面的请

前端

请求

负载

img

src

转载精选 2011-11-01 10:26:51 1915 阅读

块级元素和内联元素

我们经常在css论坛上看到高手间在CSS讨论时都会用到块级元素和内联级元素这2个专业词汇。这到底是什么？或许你还在迷惑中寻找答案。看了下面这篇文章，也许你就会豁然开朗！ Block element 块级元素顾名思义就是以块显示的元素，高度宽度都是可以设置的。比如我们常用的div、p、ul默认状态下都是属于块级元素。块级元素比较霸道，默认状态下每次都占据一整个行，后面的内容也必须再新起一

css

休闲

块级元素

行级元素

可变元素

转载精选 2011-10-28 00:03:11 333 阅读

CSS的display属性对js获取元素宽高的影响

很多时候会用到js控制某个元素的display样式来实现它显示或不显示；但是对于这个元素的父元素来讲用js获取父元素的宽高时会出现问题。比如： <div id="wrap" class=""> <div id="Layer" style="display:none&

性能

css

休闲

display

获取宽高

置顶原创 2011-10-26 13:06:39 942 阅读

repaint和reflow的相关知识

最近了解了下repaint和reflow的相关知识，觉得在页面重构过程中就应该考虑前端开发（js）人员对dom进行操作，能够减轻客户浏览器的鸭梨。在这里整理了一下相关资料，推荐看帖子底部的文章，如果觉得排版不够好请移步我的博客围观。这是一个讨论帖，抛砖引玉，大家说说自己工作中的经验~ 1. 什么是 repaint 和 reflow？一个页面由两部分组成： DOM：描述该页面的结构 r

样式

重绘

回流

reflow

repaint

转载精选 2011-10-26 11:51:53 360 阅读

JavaScript正则表达式

基础符号限定字符 * 匹配0个或多个前面的字符 + 匹配1个或多个前面的字符 ?

正则表达式

JavaScript

exec

reg

match

转载精选 2011-08-10 15:21:04 392 阅读

jQuery 1.6发布：性能提升，同时包含破坏性的变更

jQuery 1.6刚刚发布了，有几处性能和跨浏览器兼容性的改进，专门重写了属性模块。新版本中的部分重要改进： attr()、val()和data()方法有了更好的性能；在attr()方法中支持Boolean属性；添加了钩子函数，允许对attr()和val()方法进行扩展；

性能

开发

休闲

改进

jQuery1.6

转载精选 2011-07-29 15:27:09 359 阅读

为什么使用Google CDN

自从之前jQuery 1.3版起，就已经没有提供pack版了，而我也十分赞成使用Google CDN进行代码托管。这样做有以下几个好处： 1，更小下载量。都知道jQuery 1.3 pack后有38k之多，如果当然可以删除版权注释以获得更小的代码，遗憾的是这不仅无耻且只节约1个k都不到。而同样利用Google APIs 提供的GZip过的Min版，只有18k，对用户来说下载量更小。

职场

google

服务器

休闲

cdn

转载精选 2011-07-27 16:19:32 525 阅读 1点赞 1评论

不同CSS技术及其CSS性能

翻译-不同CSS技术及其CSS性能原作者：Dave Gregory 原文地址：http://screwlewse.com/20…d-their-performance/ 翻译：张鑫旭 //zxx:以下非特别标注的内容均来自原文，不代表个人观点一、为什么我要测试CSS的性能这是背景：我是OOCSS(译者注：面向对象CSS)的忠实粉丝。但是最近工作，我一直使用C

测试

性能

技巧

CSS

休闲

翻译精选 2011-07-27 11:30:07 367 阅读 1点赞

常用的CSS缩写写法

在编写CSS代码时，经常会出现冗余的代码，为了提高代码的质量及文件压缩到最小。CSS代码简化也是必要的。 css缩写的主要规则如下： margin和padding缩写 margin和padding的写法有一条很重要的规则，即缩写的顺序是：上(top)、右(right)、下(bottom)、左(left)，逆时针顺序。通常有下面四种书写方法: property:value

职场

css

休闲

css代码

常用缩写

转载精选 2011-07-27 11:12:51 407 阅读

走进移动web开发的四大框架

　　伴随着智能手机的发展，电子商务的下一个金矿将是移动互联网，移动web开发也必将成为一个趋势。　　目前，各种移动web开发的框架也纷纷到来，相信您也会很快投入其中！下面简单介绍一下各种框架。　　iUI: 它是一个javascript和css库，用于在网页中模拟iphone的外观和感觉。虽然是专为iphone设计的UI,但在android上90%以上的功能是完全可以使用的，因为androi

电子商务

Mobile

jQuery

移动web开发

jQTouch

原创 2011-07-24 23:23:14 613 阅读

2011 Web设计的10大趋势

遵循最为时兴的设计原则是开办设计事务所的重要一环。过去的一年或多或少造就了这样的观念，即设计越简单就越好越有效。一、更大的LOGO 曾几何时，醒目页面(Splash page)极为流行，连那时的男用背包也是如此。但今天，这两者都风光不再了!何不用一个超大的LOGO来营造醒目页面的感觉呢?你可以把页首 (header)做得比普通的尺寸大一点，来获得同样的效果。没错，我们说的是，你可以把Log

职场

web开发

休闲

web设计

10大趋势

转载精选 2011-07-24 16:13:42 418 阅读

雅虎网站页面性能优化的34条黄金守则

雅虎团队经验：网站页面性能优化的34条黄金守则 1、尽量减少HTTP请求次数终端用户响应的时间中，有80%用于下载各项内容。这部分时间包括下载页面中的图像、样式表、脚本、Flash等。通过减少页面中的元素可以减少HTTP请求的次数。这是提高网页速度的关键步骤。减少页面组件的方法其实就是

网站

性能

原则

休闲

前端

转载精选 2011-07-24 16:08:01 687 阅读

说说掌握JavaScript语言的思想前提[淘宝玉伯]

无论是公司的同事还是外界的程序员朋友们，大部分人对JavaScript的高级应用不甚了解，已有的知识架构里会认为JavaScript仅仅是一门脚本语言，其作用是给页面做一些锦上添花的效果，比如表单验证等等。潜意识里也就不会用面向对象的思想去编写JavaScript代码，也很少会去深入了解 prototype, closures等概念。这导致书写的代码经常很糟糕。对于JavaScript

职场

html

javascript

休闲

前端技术

转载精选 2011-07-23 16:23:14 467 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

专注于Web开发领域