日期:2014-05-16 浏览次数:20373 次
作为web前端程序员来说想必这些东西大家都很熟悉了...但是作为初学者来说,如何学习 是一个很重要的问题,其实这些东西并不难,只是我们在学习的时候没有理清楚他们之间的概念导致我们盲目的学习, 以我自己为例子,希望能帮助到大家的学习。
在这之前我假设大家理解了html的概念...
一、 首先学习 javascript
JavaScript 的正式名称是 "ECMAScript"。是基于 JavaScript (Netscape) 和 JScript (Microsoft)的,所以标准来说javascript是ECMAScript ,只是我们习惯上叫javascript .
javascript是一种弱类型脚本语言,是被浏览器解释执行的一种脚本语言,通过javascript 我们可以操作html中的各种元素(也就是html标签).如果你的javascript水平够强大,
那么你可以做出来各种各样的交互式web.
例如一个<img src="xxx.jpg"/> 我们可以通过javascript来实现它的移动 隐藏等等功能。
我建议大家在学习完html之后应该根据W3School的javascript教程来学习,如果你的编程学习的很好,那么学习起来几乎没有困难.
我这里不是介绍javascript的语法,我只是想告诉大家,如果想做web前端,学习完html之后,第一步应该是javascript .,
因为他是以后学习到的各种框架的基础.
关于JDOM只不过是 利用javascript来操作 浏览器定义的多个 对象罢了...这个在学习中可以学习到...
二、第二部学习 JQuery
JQuery是javascript的一个封装,可以说是库..是别人写好了一大堆 基于javascript的代码,我们可以通过别人提供的函数,来实现更简单的操作 html元素 。
JQuery的概念是 更少的代码做更多的事情。 看下面一段代码,我们仅仅写了几行代码就实现了 实现不同id class 属性的标签的隐藏..
JQuery建议大家在学习完javascript之后 再去学习,学习地址还是 w3school
<%@ page language="java" contentType="text/html; charset=gb2312"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript" src="js/jquery.js" ></script>
<script type="text/javascript">
$().ready(function(){ //表示当前文档
$("button.hidep").click(function(){
$("p.one").hide() ;
});
});
$().ready(function(){
$("#hidetext").click(
function(){
$(this).hide() ;//this代表筛选到的元素
}
) ;
}) ;
$().ready( //在 document文档 完全加载的时候执行函数
function(){
$(".chide").click(
function(){ $(this).hide() ;
}
) ;
}
) ;
$().ready(
function() {
$("#show").click(
function() {
$("p").show() ;
}
) ;
}
) ;
</script>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>ECMAScript学习</title>
</head>
<body>
<p class="one">这事被隐藏段落</p>
<button class="hidep" >隐藏段落</button>
<p id="hidetext">
我就会隐藏
</p>
<p class="chide">隐藏的是class帅选的元素</p>
<button id="show">显示所有隐藏元素</button>
</body>
</html>
3、DWZ是一个 RIA(富互联网应用)基于JQuery的框架,目的是更少的代码,可以简单的实现更强大的交互界面,我们在web中
就好像桌面应用程序一样的操作界面,是一个很强大的框架,大家在学习完了以上之后可以考虑学习下这个框架 ,这事很多企业应用的
web框架.... 至于我吗 也是刚学习DWZ,因为企业的需要...
我的学习过程就是以上步骤,我觉得这样学习起来 才思路清晰, 因为我走了很多的弯路 所以我希望大家可以走正确的学习路径,千万不要
还没学会javascript 就去 使用JQuery 和DWZ...这样没有任何的意义。。