作为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...这样没有任何的意义。。

转载于:https://www.cnblogs.com/yuedongwei/archive/2012/07/11/4145445.html

新手应该如何Javascript,JDom,JQuery,DWZ。。相关推荐

  1. 十大免费教程资源帮助新手快速学习JavaScript

    "JavaScript"的名头相信大家肯定是耳熟能详,但只有一小部分人群了解它的使用与应用程序构建方式.这"一小部分"人指的当然是技术过硬的有为青年.网络程序员 ...

  2. 新手如何使用JavaScript读取json文件 v2.0

    前言 3年前,我在纯小白时期写的一篇文章:新手如何使用JavaScript读取json文件 至今仍时常有小伙伴点击. 如今自己在此知识领域已经有所成长,故重写一篇更高质量,更有帮助的文章,希望更有效的 ...

  3. javascript技术教程蔡敏_十大免费教程资源帮助新手快速学习JavaScript

    "JavaScript"的名头相信大家肯定是耳熟能详,但只有一小部分人群了解它的使用与应用程序构建方式.这"一小部分"人指的当然是技术过硬的有为青年.网络程序员 ...

  4. Javascript及Jquery获取元素节点以及添加和删除操作

    用了javascript和jquery很久,把所有元素节点的操作总结了下,放在博客上作为记录. Javascript获取元素的主要方式有三种 1.document.getElementById('ma ...

  5. javascript与jQuery对照学习总结(一)(一些常规操作)

    <html xmlns="http://www.w3.org/1999/xhtml" > <head>     <title>javascrip ...

  6. 解决【Bootstrap‘s JavaScript requires jQuery】的问题

    解决[Bootstrap's JavaScript requires jQuery]的问题 参考文章: (1)解决[Bootstrap's JavaScript requires jQuery]的问题 ...

  7. 在C#后端处理一些结果然传给前端Javascript或是jQuery

    在C#后端处理一些结果然传给前端Javascript或是jQuery,以前Insus.NET有做过一个例子<把CS值传给JS使用 >http://www.cnblogs.com/insus ...

  8. JavaScript、jQuery、HTML5、Node.js实例大全-读书笔记3

    技术非常多,样例非常多.仅仅好慢慢学,慢慢实践!!如今学的这本书是[JavaScript实战----JavaScript.jQuery.HTML5.Node.js实例大全] JavaScript.jQ ...

  9. JavaScript那些事儿(1):对比JavaScript和jQuery的Dom操作

    正在着手看<javascript权威指南>,整理点儿笔记,也算是督促自己学习,每天看一点,特立此贴,希望自己能坚持下去. 对比:用javascript和jQuery分别判断某元素是否存在, ...

最新文章

  1. 用SQL命令查看Mysql数据库大小
  2. Cordova:安卓启动页图片变形
  3. Bit-Z召开全球生态联盟暨韩国战略发布会 将成立BZ资本
  4. BZOJ 3329 Xorequ (数位DP、矩阵乘法)
  5. matlab设置随机流的种子
  6. ABP文档翻译--值对象
  7. mysql 1317,MySQL 中的-Error_code:1317-爱可生
  8. camera(24)---camera 客观测试 Imatest教程--噪声测试
  9. 1004 C语言设置测试数据个数和测试结束标志
  10. 头信息_如何在 Spring REST Controller 中获取 HTTP 头信息
  11. js插入元素的新方法insertAdjacentHTML
  12. linux自学笔记--DNS服务器
  13. 建模的计算机基础理论,数学建模基础理论
  14. 【论文笔记】Imagenet-trained cnns are Biased towards Texture; Increasing Shape Bias Improves accuracy
  15. 为老人和残障人士“铺路搭桥”,这家银行是认真的
  16. 关于POI设置打印区域 动态添加打印区域问题
  17. 【5G核心网】5G概念以及名词缩写解释
  18. 概率论与数理统计(2.1-2.2)随机变量和离散型分布
  19. 【ftp】725本电子书下载
  20. CC2530串口控制LED灯奇怪玩法

热门文章

  1. java线程实现排序_【多线程实现快速排序】
  2. php中嵌套调用的原理,嵌套调用
  3. java js highcharts_Highcharts.js -纯javasctipt图表库初体验
  4. abs std::abs_ABS的完整形式是什么?
  5. HTML5 学习笔记
  6. uva 11584——Partitioning by Palindromes
  7. 免密登录堡垒机和服务器
  8. linux查漏补缺之常用命令
  9. 再写单链表(不带头单链表)
  10. (C语言版)栈和队列(一)——实现链式栈和链式队列的基本操作以及遇到的问题