2011年11月_han8888

转载 web前端开发学习经验总结

web开发大概分为前台和后端，前台又可以分为美工，交互设计，js编程。后端了解不多，前端的话，可以按如下思路系统学习：基础知识：1. html + css。这部分建议在 www.w3school.com.cn 上学习，边学边练，每章后还有小测试。之后可以模仿一些网站做些页面。在实践中积累了一些经验后，可以系统的读一两本书，推荐《head first html 与 css 中文版》，不过这本

2011-11-27 00:02:34 1798

转载网页布局流程

其实标准的网制作完成的工作实际是：psd to html，一般情况下，我们会拿到美工的psd,这时候不同的人会有不同的做法：1.打开fireworks将图片切割导出为html。2.直接在dreamweaver之类的工具去拖拉布局，导入相关的图片,flash资源。3.先在ps中完成切图后，在文本编辑器中看着效果图一步步的制作。以上是大多被采用的方法，但都不好：第一种方

2011-11-26 23:58:32 375

转载网页重构之资源加载和优化

一、HTTP请求数的权衡　　1、为什么要关心http请求？　　当浏览器向Web服务器发出请求时，它向服务器传递了一个数据块，也就是请求信息。在用户打开一个页面的初初，包括等待时间、请求时间、建立响应时间、渲染时间……，都是消耗在前端的。比如下载图片、下载样式表、JavaScript脚本、flash等文件。大家应该都经历过那个“多图杀猫”的时代，加载那样一个网页会花费大量的时间。减少这些资源

2011-11-26 23:55:59 399

转载 Javascript作用域、闭包原理以及性能问题

这可能是每一个jser都曾经为之头疼的却又非常经典的问题，关系到内存，关系到闭包，关系到javascript运行机制。关系到功能，关系到性能。文章内容主要参考自《High Performance JavaScript》，这本书对javascript性能方面确实讲的比较深入，大家有空都可以尝试着阅读一下，我这里有中英电子版，需要的话QQ317665171或者QQ邮箱联系。复习，笔记，更深入的

2011-11-26 23:51:21 596

转载网页布局中易犯的10个小错误

即使是CSS高手，也难免在书写CSS代码的时候出一些小错误，或者说，任何一种代码都是如此。小错误却往往造成大问题，浪费很多无辜的时间来调试和排错。查看下面这份CSS网页布局中易犯的10个小错误，努力的修正你可能会犯的错误，加速你的前端开发效率。1. 检查html元素是否有拼写错误、是否忘记结束标记即使是老手也经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误

2011-11-26 23:49:55 320

转载 CSS3为什么有一堆前缀

CSS3的前缀是一个浏览器生产商经常使用的一种方式。它暗示该CSS属性或规则尚未成为W3C标准的一部分。看看都有哪些前缀：-webkit-moz-ms-o举例来说，一个CSS3旋转的代码是：-webkit-transform:rotate(-3deg); /*为Chrome/Safari*/-moz-transform:rotate(-3deg); /*为Firefox*/

2011-11-26 23:48:51 527

转载 Javascript和CSS浏览器兼容总结

javascript部分1. document.form.item 问题问题：代码中存在 document.formName.item(“itemName”) 这样的语句，不能在FF下运行解决方法：改用 document.formName.elements["elementName"]2. 集合类对象问题问题：代码中许多集合类对象取用时使用()，IE能接受，

2011-11-26 23:47:16 242

转载 javascript面向对象基础——作用域、闭包、模拟私有属性

Js代码 var sco ="global"; //全局变量 function t() { var sco ="local"; //函数内部的局部变量 alert(sco); //local 优先调用局部变量 } t(); //local alert(sco); //global 不能使用

2011-11-24 09:34:53 444

转载不要告诉我你懂margin

你真的了解margin吗？你知道margin有什么特性吗？你知道什么是垂直外边距合并？margin在块元素、内联元素中的区别？什么时候该用padding而不是margin？你知道负margin吗？你知道负margin在实际工作中的用途吗？常见的浏览器下margin出现的bug有哪些？……写css，你少不了与margin打交道，而对于这个平时我们最常用的css属性我们并非十分了解。介于此我打算写

2011-11-03 08:52:36 266

转载 HTTP常用的状态码（HTTP Status Code）

HTTP状态码（HTTP Status Code）是用以表示网页服务器HTTP响应状态的3位数字代码。经常还访问某个网页时会遇到，如503,404等错误。一些常见的状态码为：200 - 服务器成功返回网页 404 - 请求的网页不存在 503 - 服务不可用详细分解：1xx（临时响应）表示临时响应并需要请求者继续执行操作的状态代码。代码说明 100

2011-11-03 08:47:30 626

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

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

2011-11-03 08:42:48 457

转载网页头部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 1367

转载 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 799

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

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

2011-11-03 08:34:33 551

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

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

2011-11-03 08:32:59 611

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

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

2011-11-03 08:30:38 402

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

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

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

han8888的专栏