2011年6月22日
使CSS渲染更高效性能优化介绍
摘要： 先来看一张图 这张图是我之前一个项目的一段css代码，表面看起来没有什么大问题，是可以正常工作的。但是，当你看完下面这篇文章之后，你就会觉得对于页面的性能来说，这样的代码绝对是毒瘤，当到达一定量的时候，肯定会影响页面的性能。好吧，进入正题。今天要讲的是如何使css的渲染效率更高效，也就是如何加快css的渲染速度。先做一个引入。当浏览器解析HTML时首先构造一个内部文件树来代表所有显示的元素。然后浏览器根据标准的CSS级联、继承和排序规则，为元素指定匹配的各种样式。CSS搜索引擎通过样式规则为每个元素找到匹配的样式。该引擎由右至左评估每个规则，从最右边的选择器开始（称为“键”【Key】），并通过 阅读全文
posted @ 2011-06-22 21:31 mmic.net.cn 阅读(230) 评论(0) 推荐(0) 编辑
从哪些方面入手提高网站性能优化
摘要： 站点性能黄金法则：对于一个站点性能来讲，只有10%-20%的最终用户相应时间花在了下载HTML文档上。其余的80%-90%的时间是花在了下载页面中的所有组件上。 这里我们总结一下提交网站性能的几种方案。 A、尽量减少HTTP请求。 B、尽量减少响应数据的大小。 C、使用独立的组件服务器。 D、CSS、JavaScript对性能的影响。 下面我就前面提过的这4点进行具体的说明。 一、尽量减少HTTP请求。 实现该方法的有很多种方式，以下列举几个 1、Image Maps,CSS Sprites,Inline Images,Combined Scripts and Stylesheets. 2、使 阅读全文
posted @ 2011-06-22 21:29 mmic.net.cn 阅读(252) 评论(0) 推荐(0) 编辑
2011年6月21日
web开发CSS标准化设计的命名标准总计
摘要： 网站设计中CSS标准化设计的命名： 一，类class的命名规范示例 1，头：header 2，内容：content/container 3，导航：nav 4，尾：footer 5，栏目：column 6，侧栏：sidebar 7，登录条：loginbar 8，左右中：left right center 9，页面外围把持整体布局IC交易网宽度：wrapper 10，标记：logo 11，广告：banner 12，消息：news 13，热门：hot 14，页面主体：main 15，下载：download 16，子导航：subnav 17，菜单：menu 18，子菜单：submenu 19，搜索：s 阅读全文
posted @ 2011-06-21 21:37 mmic.net.cn 阅读(157) 评论(0) 推荐(0) 编辑
常见的购物网上图片放大JS效果
摘要： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb23 阅读全文
posted @ 2011-06-21 21:36 mmic.net.cn 阅读(183) 评论(0) 推荐(0) 编辑
怎样利用position把div放在flash上
摘要： 只要在Flash对象加入页面时生成的HTML代码中加入以下参数就可以让Div浮动层从Flash下露出来了：<param name="wmode" value="transparent" />另外，发现另外一个更专业的参数：<param name="wmode" value="opaque" />transparent是负责透明的，显出浮动只不过是他的一个副业而已；而IC报价网opaque才是专门负责让Flash位于其它层下的。兼容FF 需要加一段<embed src="heh 阅读全文
posted @ 2011-06-21 21:35 mmic.net.cn 阅读(206) 评论(0) 推荐(0) 编辑
2011年6月19日
解决JavaScript 中小数和大整数的精度丢失
摘要： 先来看两个问题：0.1 + 0.2 == 0.3; // false9999999999999999 == 10000000000000000; // true第一个问题是小数的精度问题，在业界不少博客里已有讨论。第二个问题，去年公司有个系统的数据库在做数据订正时，发现有部分数据重复的诡异现象。本文将从规范出发，对上面的问题做个小结。最大整数JavaScript 中的数字是用 IEEE 754 双精度 64 位浮点数 来存储的，其格式为：s x m x 2^e s 是符号位，表示正负。 m 是尾数，有 52 bits. e 是指数，有 11 bits. 在 ECMAScript 规范 里有给出 阅读全文
posted @ 2011-06-19 17:23 mmic.net.cn 阅读(428) 评论(0) 推荐(0) 编辑
整理不错的jQuery 画廊和幻灯片插件
摘要： 本文向你介绍 19 个 jQuery 的画廊和幻灯片的插件或者是制作教程。TN3 Gallery TN3 Gallery 是一个很成熟的基于 HTML 的可定制的图片画廊和幻灯片展示，支持转换和多相簿选项，支持智能手机设备浏览。Live Demo – Download Supersized 主要特点：图片大小自动调整，以适应浏览器的尺寸 幻灯片时自动预加载图片 Core version is available for those that just want background resizing. 导航控制以及键盘支持 可与 Flickr 集成 Live Demo – Download M 阅读全文
posted @ 2011-06-19 17:20 mmic.net.cn 阅读(401) 评论(0) 推荐(0) 编辑
Javascript1.6数组新特性和jquery相关工具方法
摘要： 前两天看的文章里刚刚说ECMA 262中的一些String特性，又正好看到一篇博客介绍一些其他操作的实现，比如foreach,这个对于PHP用户来说就太常用了，而以前在 javascript中只能用for(i in arr)来实现，虽然都没有问题，但毕竟看起来怪怪的。上次的文章在这里：Javascript中各种trim的实现 ，这次的文章引用自Javascript1.6数组新特性和jquery的几个工具方法 。原文如下，其中会插入自己的内容，会特别标记JavaScript 1.6 引入了几个新的Array 方法，具体的介绍见：New in JavaScript 1.6 。这些方法已经被写进了E 阅读全文
posted @ 2011-06-19 17:18 mmic.net.cn 阅读(212) 评论(0) 推荐(0) 编辑
怎样提取jQuery.ready(),DOM加载完毕执行onDOMReady()方法
摘要： 在大部分中,需要在树载入时马上执行一些函数，但又不愿意仅为了这一个需求而引入整个库，于是就把jQuery的方法提取出来，单独使用了。当然大家可以使用windows.onload事件, 但onload在看来，就是页面上的东西（img,iframe等资源）全部都加载完毕后才能发生，如果页面内有大的图片的话，会在页面展现后好久时间后才执行。如果只需要对DOM进行操作，那么这时就没必要等到页面全部加载了。我们需要更快的方法。Firefox有DOMContentLoaded事件可以轻松解决，可惜的就是IE没有。MSDN关于JSCRIPT的一个方法有段不起眼的话，当页面DOM未加载完成时，调用doScro 阅读全文
posted @ 2011-06-19 09:03 mmic.net.cn 阅读(384) 评论(0) 推荐(0) 编辑
jQuery几行JS代码实现DIV拖拽很实用
摘要： 先直接上代码,以后再解释01$(function(){ 02var _move=false;//移动标记 03var _x,_y;//鼠标离控件左上角的相对位置 04$(".drag").mousedown(function(e){ 05_move=true; 06_x=e.pageX-parseInt($(".drag").css("left")); 07_y=e.pageY-parseInt($(".drag").css("top")); 08$(".drag").fad 阅读全文
posted @ 2011-06-19 09:01 mmic.net.cn 阅读(181) 评论(0) 推荐(0) 编辑