web前端优化

JavaScript方面

脚本尽量放在页面的底部

尽量使用外联的javascript和css文件

最小化javascript和css文件

去除重复脚本

在IE中重复脚本会导致用户加载页面的时候多了一次http请求，虽然 这个在firefox下面会被缓存

但是在IE和firefox下面都会花费很多时间来重复执行这些重复脚本 很影响性能。

使用更加智能的事件监听句柄

如果你有10个按钮在同一个div下面

请直接在这个div上面监听事件，而不要监听每个button按钮

一些Javascript的IE和Firefox兼容性问题

以下以 IE 代替 Internet Explorer，以 MF 代替 Mozzila Firefox

1. document.form.item 问题

(1)现有问题：

现有代码中存在许多 document.formName.item("itemName") 这样的语句，不能在 MF 下运行

(2)解决方法：

改用 document.formName.elements["elementName"]

关于frame

(1)现有问题

在 IE中 可以用window.testFrame取得该frame，mf中不行

(2)解决方法

在frame的使用方面mf和ie的最主要的区别是：

如果在frame标签中书写了以下属性：

那么ie可以通过id或者name访问这个frame对应的window对象

而mf只可以通过name来访问这个frame对应的window对象

javascript一些DOM操作

1. js事件兼容：

function（ev）{ var oEvent=ev||window.event;}

2. js组织事件冒泡：

oEvent.cancelBubble=true;

3. 获取屏幕的的高度和宽度：

var screenWidth=window.screen.availWidth;

var screenHeight=window.screen.availHeight;

4. 可视区尺寸：

var viewWidth=document.documentElement.clientWidth;

var viewHeight=document.documentElement.clientHeight;

5. 获取工作区尺寸：

var workWidth=document.body.offsetWidth;

var workHeight=document.body.offsetHeight;

怎样成为优秀的前端工程师

首先，前端工程师必须得掌握HTML、CSS和JavaScript。只懂其中一个或两个还不行，你必须对这三门语言都很熟悉。也不是说必须对这三门语言都非常精通，但你至少要能够运用它们完成大多数任务，而无需地频繁地寻求别人的帮助

优秀的前端工程师应该具备快速学习能力。推动Web发展的技术并不是静止不动的，没错吧？我甚至可以说这些技术几乎每天都在变化，如果没有快速学习能力，你就跟不上Web发展的步伐。你必须不断提升自己，不断学习新技术、新模式；仅仅依靠今天的知识无法适应未来。Web的明天与今天必将有天壤之别，而你的工作就是要搞清楚如何通过自己的Web应用程序来体现这种翻天覆地的变化。

计算机科学这个大门类下面的许多分支在人们眼中实际上都不外乎科学。但是，我们所说的前端不是什么科学，而是艺术。艺术家不仅要掌握谋生的技术，还要懂得如何运用。对同一个问题的解决方案在这种情况适用，在另一种情况下可能就不适用。对Web应用程序的前端而言，解决同一问题的方案经常会有很多。没有哪个方案是错的，但其中确实有一些是更合适的。优秀的前端工程师应该知道在什么情况下使用哪种方案更合适，而在什么情况下应该重新选择。

web前端开发入门提高 js书籍

WEB前端研发工程师，在国内算是一个朝阳职业，这个领域没有学校的正规教育，大多数人都是靠自己自学成才。本文主要介绍一些web开发的书籍，目的是给想了解JavaScript或者是刚接触JavaScript的朋友，介绍如何通过循序渐进的看书来学习javascript。

一. 入门级 ：就是有一定的基础(比如最常见的HTML标签及其属性、事件、方法;最常见的CSS属性;基础的JavaScript编程能力)，能够完成一些简单的WEB前端需求。

推荐：《JavaScript dom 编程艺术》

评价：简洁，实用，详细，易懂，书不厚，相信很快就能看完。

二.初级开发：不要苛责代码的对错严谨，毕竟每个程序员都有这样的一个过程，就是这个级别的特征。

推荐：《javascript高级程序设计》(第二版)

理由：这本书的作者是 Nicholas C.Zakas ,博客地址是 http://www.nczonline.net/ ,大家可以去多关注，雅虎的前端工程师，是YUI的代码贡献者，可想而知这本书得含金量，他出的书都广受好评。不要被书名的“高级”唬住，只要有JS基础语法知识和DOM基础知识就行，而且本书开始阶段还是介绍JS和DOM的语法知识。

web前端开发入门提高 js书籍

WEB前端研发工程师，在国内算是一个朝阳职业，这个领域没有学校的正规教育，大多数人都是靠自己自学成才。本文主要介绍一些web开发的书籍，目的是给想了解JavaScript或者是刚接触JavaScript的朋友，介绍如何通过循序渐进的看书来学习javascript。

一. 入门级 ：就是有一定的基础(比如最常见的HTML标签及其属性、事件、方法;最常见的CSS属性;基础的JavaScript编程能力)，能够完成一些简单的WEB前端需求。

推荐：《JavaScript dom 编程艺术》

评价：简洁，实用，详细，易懂，书不厚，相信很快就能看完。

二.初级开发：不要苛责代码的对错严谨，毕竟每个程序员都有这样的一个过程，就是这个级别的特征。

推荐：《javascript高级程序设计》(第二版)

理由：这本书的作者是 Nicholas C.Zakas ,博客地址是 http://www.nczonline.net/ ,大家可以去多关注，雅虎的前端工程师，是YUI的代码贡献者，可想而知这本书得含金量，他出的书都广受好评。不要被书名的“高级”唬住，只要有JS基础语法知识和DOM基础知识就行，而且本书开始阶段还是介绍JS和DOM的语法知识。