han8888-CSDN博客

转载 DOM对象和JQuery对象的区别、联系及相互转换

jQuery对象和DOM对象使用说明，从网上收集了一下，供有需要的朋友参考下。1.jQuery对象和DOM对象第一次学习jQuery,经常分辨不清哪些是jQuery对象，哪些是 DOM对象，因此需要重点了解jQuery对象和DOM对象以及它们之间的关系.DOM对象，即是我们用传统的方法(javascript)获得的对象，jQuery对象即是用jQuery类库的选择器获得的对象;复制

2011-11-03 08:42:48 444

转载网页头部SEO优化:Meta标签参数详解http-equiv和name

meta是用来在HTML文档中模拟HTTP协议的响应头报文，META标签分两大部分：HTTP标题信息(HTTP-EQUIV)和页面描述信息(NAME)。http-equiv属性详解:　　1、＜meta http-equiv="Content-Type" content="text/html";charset=gb_2312-80″＞和＜meta http-equiv="Content-

2011-11-03 08:40:56 1274

转载 JavaScript中style后面的css属性与CSS标签属性对照表

我们常常需要用Javascript动态的去更改某一个标签的Css属性。比如：鼠标经过一个图片时我们让图片加一个边框，代码可能是这样：（查看示例）JavaScript Code复制内容到剪贴板"javascript"> function change(obj){ obj.style.border="5px solid red"; } function reco

2011-11-03 08:36:29 772

转载（经典收藏）30个最常用css选择器解析

你也许已经掌握了id、class、后台选择器这些基本的css选择器。但这远远不是css的全部。下面向大家系统的解析css中30个最常用的选择器，包括我们最头痛的浏览器兼容性问题。掌握了它们，才能真正领略css的巨大灵活性。1.*选择符CSS Code复制内容到剪贴板* { margin: 0; padding: 0; } 星状

2011-11-03 08:34:33 540

转载 jquery常用的选择器、事件器、dom操作及执行事件

1、常用的Jquery选择器介绍Jquery选择器，其格式就是：$（"元素"），常用jquery选择器如下：XML/HTML Code复制内容到剪贴板$(this) 当前元素 $("p") 所有p>元素 $("input") 所有input元素 $(".intro")

2011-11-03 08:32:59 599

转载 jQuery强大的选择器 (详解)

1. 基础选择器 Basics名称说明举例#id根据元素Id选择$("divId") 选择ID为divId的元素element根据元素的名称选择,$("a") 选择所有元素.class根据元素的css类选择$(".bgRed") 选择所用CSS类为bgRed的元素

2011-11-03 08:30:38 393

转载 javascript中top、clientTop、scrollTop、offsetTop的用法

js中常用宽度高度表达方式（详情见图）：网页可见区域宽： document.body.clientWidth;网页可见区域高： document.body.clientHeight;网页可见区域宽： document.body.offsetWidth (包括边线的宽);网页可见区域高： document.body.offsetHeight (包括边线的宽);网页正文全文宽

2011-11-03 08:28:48 740 1

转载 CSS Sprites图片切割术与图片优化

图片优化 1.对于非动画的GIF更建议使用PNG8因为它同样能做到一样的效果，而且能为你节省10%-30%的文件体积。 2.Photoshop相比起Fireworks，导出同等质量的PNG图片，体积会稍大。而Fireworks虽然做了相应压缩优化，但没有达到最优秀的压缩。 3.我所知的设计软件，对于PNG图片的处理都没做到最优秀的压缩，图片体积还有一定的压缩空间。可以

2011-10-28 16:54:50 393

转载 WEB前端需要养成的几个习惯

css验证W3CCSS在线验证服务： http://jigsaw.w3.org/css-validator/ 语义化语义化你的HTML标签和属性:http://www.blueidea.com/tech/site/2006/3771.asp 还原设计稿页面制作是如何精确还原设计稿的: http://www.blueidea.com/tech/web/2009/660

2011-10-28 16:53:24 273

转载从微博的改版谈网页重构——bigpipe中的页面构建优化

原文：http://blog.sina.com.cn/s/blog_482611850100xpb1.html 题记：搞互联网的同学也许都知道一个数字——4秒，有研究表明，如果一个网站没有在4秒之内加载完成，用户就会感到焦躁不愉快，并离开这个网站（数据来自性能测试网站http://gtmetrix.com/）。网站的内容、SEO优化、用户体验？哪个更重要呢？在速度面前，也许这些都相对更

2011-10-28 16:51:19 408

转载一位优秀的“网站前端工程师”带来的价值

不知不觉在北京已经从事 WEB 互联网前端开发工作已经三年有余，同时也发现很多公司甚至是多数以互联网站为主要业务的公司都没有“网站前端工程师”这个职位。通常这些公司更多是由设计美工加若干程序员就完全负责了网站的开发，需求通常由老板或投资者甚至是公司各个部门的经理们如：销售经理客服经理等等提出，然后由设计美工负责设计给老板看过没问题后自己排成页面然后交给程序员添加数据和 JS 代码。当然我其实可

2011-10-28 16:44:51 827

转载 Web前端开发规范手册

一、规范目的1.1 概述.....................................................................................................................................1 二、文件规范2.1 文件命名规则.........................

2011-10-27 15:59:31 1492

转载 IE6中CSS常见BUG全集及解决方案

IE6双倍边距bug当页面内有多个连续浮动时，如本页的图标列表是采用左浮动，此时设置li的左侧margin值时，在最左侧呈现双倍情况。如外边距设置为10px，而左侧则呈现出20px，解决它的方法是在浮动元素上加上display:inline;的样式，这样就可避免双倍边距bug。 3像素问题及解决办法当使用float浮动容器后，在IE6下会产生3px的空隙，有意思的是右侧容器没设置

2011-10-21 18:03:05 325

转载 JavaScript开发经验谈

一、简化代码采用更为简短的写法，不仅可以减少输入的字符数，还可以减少文件大小。大部分采用简单写法的代码，执行效率都有轻微提高。1.1 简化常用对象定义：使用 var obj = {}; 代替 var obj = new Object();使用 var arr = []; 代替 var arr = new Array();1.2 精简if语句三元操作符可以有效精简只

2011-10-21 17:57:35 233

转载深入理解Javascript闭包(closure)

导读：　　最近在网上查阅了不少Javascript闭包(closure)相关的资料，写的大多是非常的学术和专业。对于初学者来说别说理解闭包了，就连文字叙述都很难看懂。撰写此文的目的就是用最通俗的文字揭开Javascript闭包的真实面目。　　一、什么是闭包？　　“官方”的解释是：所谓“闭包”，指的是一个拥有许多变量和绑定了这些变量的环境的表达式（通常是一个函数），因

2011-10-21 17:10:52 236

转载 javascript面向对象技术基础(六)

看了那么多关于闭包的文章，觉得这篇写的不错，分享给大家。转自:http://www.iteye.com/wiki/Object_Oriented_JavaScript/1317-javascript-object-oriented-technology-6作用域、闭包、模拟私有属性先来简单说一下变量作用域，这些东西我们都很熟悉了，所以也不详细介绍。Js代码

2011-10-21 17:08:13 235

转载优秀的网页前端设计的一些指标

网页的可访问性，似乎只能由前端来重视并实现。这点挺可悲，作为可用性的一部分——可访问性，居然只能由技术人员来掌控，这是我不愿意看到的。但反过来，这给前端开发工程师们新增加了一个责任，同时为如何区分优秀的前端增加了一个指标. 事情的缘由是，前两个礼拜打了个“飞的”去北京玩，见了一位

2011-10-19 00:06:56 1001

转载让你了解HTML及资源是如何加载的

本文主要介绍浏览器请求一个URI后, 相应的html及其包含的外部资源(如js/css/image/flash)的下载顺序及其执行顺序.引入完成了若干个基于WEB的项目, 也了解了从前端的js,css,html到后端python/php等, 二者如何交互, 最终浏

2011-10-19 00:03:46 506

转载静态页面与动态页面各自的执行机制说明

1、静态页面，是指网页中只有HTML标记，只要WEB开发人员没有修改过这些HTML标记，页面内容就不会更改。静态页面的工作机制： 1.使用HTML编写静态页面，发布到WEB服务器端； 2.客户端通过浏览器请求该静态页面； 3.Web服务器根据请求

2011-10-19 00:01:12 1066

转载六招提高网页加载速度的小技巧

我们知道用户上网不喜欢用太多的时间等待网页的打开，等待的越长，用户会变的越来越不耐烦，甚至烦躁时会直接关闭网页，这样就会失去一些潜在的客户了!其次，关键字的排名与网页的打开速度也有关系（参考：影响关键字排名的重要因素），这个主要体现搜索引擎对用户体验度上，用户体验度好，排名相

2011-10-18 23:58:12 440

转载对于大流量网站的解决方案

第一:首先，确认服务器硬件是否足够支持当前的流量。普通的P4服务器一般最多能支持每天10万独立IP，如果访问量比这个还要大，那么必须首先配置一台更高性能的专用服务器才能解决问题，否则怎么优化都不可能彻底解决性能问题。第二：其次，优化访问。数据库　前台实现完全的

2011-10-18 23:52:42 270

转载提高网站访问速度的六种方法

1.把你的 .js 库文件地址替换成 Google CDN的地址：(google apis目前在中国地区访问不是很稳定，不是很建议使用这条。) 随着 jquery 和 mootools 等js库的使用需要加载的.js文件越来越多也越来越大，通常传统的网站是上传到网站本身的

2011-10-18 23:51:04 480

转载网页设计中要关注的搜索优化知识

一、新站首页的链接布置　　1、链接布置的位置：链接布置的位置决定了链接的权重分配，一般来说，链接靠近头部和底部的链接是权重最高的链接，尤其是头部，“龙头凤尾猪肚子”在网站主页布置也适用，那么在您整合好关键词以后就要考虑目标关键词的位置了，目标关键词是以栏目的方式布置，还是

2011-10-18 23:48:23 425

转载 Web 前端性能优化

根据yahoo的经验,web前端性能的优化,应该有下面几条：1、减少http请求（1）尽量将图片放在一个大图片里面。（2）使用3-4个js脚本和1-2个样式表，全部集合在一个文件的话，不方便管理。2、使用内容发布网络（CDN）CDN是指一组分布在多个不同地理位置的web服务器，用于更加快速有效的向用户发布内容。3、添加expires头（1）expires的局限

2011-10-18 23:43:32 354

转载 javascript 避免闭包引发的问题

闭包的功能强大，但如果没有正确理解闭包的概念，其结果往往出乎人的意料。例如，下面是一个较常见的问题第一个第二个第三个第四个 function test() { var els = document.getElementById(

2011-10-17 17:15:06 267

转载如何面试Web前端开发工程师

近来几个月，一直在努力寻找前端战友，未果，一路的招聘经历下来，心生不少感慨，一直都很小心翼翼的，怕错失了高人，又更加怕失误把关不够招到不合格的同学进来公司，对公司对项目造成某些影响。面试前端工程师对我来说是一件非常有意思的事，因为面试过程很大程度上也是自我提升的过程。无

2011-10-17 17:00:47 1118

han8888的专栏