“5W1H”带你来学习JavaScript

上次的设计模式讲课,从中学习到了很多,不仅是技术上,更重要的是如何来学习。我们学习的技术,科技的更新速度超过我们的想象,对于我们这个有生命年限的个体,如何能够在有生之年能够让自己立足于科技的不败浪潮,这应该是我们思考的问题。

而通过这次设计模式,从青峰师哥身上看到了很多。为何他能够滔滔不绝的为我们讲解每一个知识点?为何在讲解每个模式的时候,他总能够把好几个模式联系到一块呢?为何他总能抓住我们忽略的地方呢?(换成是我们,我们能做到吗?)

还有我们的老师,总能够把学习与生活联系的一块,生活即学习。并且把生活与学习这么一交融,理解的更加的深刻;(平日里,这些东东我们想过吗?)

极端学习法,任何事物模式之间都存在着转换的条件,只要你敢于夸大,极端的来转换。

思考方式:为何任何的东西,总是能被老师随手拈来,让我理解起来很容易?这些都需要我们花时间来琢磨的。

接着进入正题,学习JavaScript一段时间了,现在终于挣扎出来了。今天采取一种新的方法(5W1H)来给大家介绍有关JavaScript相关内容。

5W1H(WWWWWH)分析法也叫六何分析法,是一种思考方法,也可以说是一种创造技法。在企业管理、日常工作生活和学习中得到广泛的应用。

分析

WHAT(是什么)

是一种脚本语言!

用来改进网页、验证表单等

可插入HTML,并且可以被现代所有的浏览器执行

WHY(为什么会出现)

以前有好几家牛X的公司,各个都有自己在浏览器上执行的脚本语言。比如微软的JScript;CEnvi推出ScriptEase。因此为了统一标准、统一规格就有了JavaScript的出现。

WHEM(什么时候)

当我们要想在网页中增加互动性的时候。并且javascript能够及时响应用户操作,对提交表单做即时的检查。

WHERE(什么地方)

这就无须我们多说,一般用在网页中,用来增加网页的互动性。

HOW(如何用)

如何用就要设计到具体的实现的部分了。请看下面的导图。

在上图中竟然出现了VB的身影,确实是如此。因为JavaScript也中语言,任何的语言来说都有自己的对象、属性、事件。往下再说的话,就是一些数据类型、变量、三大结构啊等等,这些都是与VB相似的地方。

正如上图所示,出现了与VB与众不同的地方DOM,这又是何方神圣呢?

DOM简介

是一种文档对象模型,就是通过这种文档对象模型,可以把HTML或者XML翻译成一种类似树的结构,通过这种结构,Javas就可以实现对HTML相应的操作。

通过可编程的对象模型,javascript就可以有足够的能力来实现对HTML的操作

  • JavaScript 能够改变页面中的所有 HTML 元素
  • JavaScript 能够改变页面中的所有 HTML 属性
  • JavaScript 能够改变页面中的所有 CSS 样式
  • JavaScript 能够对页面中的所有事件做出反应

与数据库对比

用你的脚拇指想一想就知道,JavaScript是如何利用的DOM的呢?

是不是如果要对HTML中的某个节点修改的话,先是查,接着改呢?说白了也就是一些列增删改的操作,是不是这就有点类似于数据库的几大功能呢?至于如何找、怎样改?这就设计到具体的实现了。再想想也就是通过一些对象的属性或者事件来操作的吧!具体的实现操作,只要练习个小DEMO就OK了,给大家推荐个网站,只要耐先的敲上几个,就OK了。

DOM简介

总结

以上就是本阶段对javascript学习的全部内容。当然这只是简单的起步,随着后面的学习深入将会不断的完善对javascript更深层次的理解。

“5W1H”带你来学习JavaScript

时间: 2024-10-26 01:20:04

“5W1H”带你来学习JavaScript的相关文章

学习JavaScript

学习JavaScript JavaScript的历史虽短,但却发展迅速.最初NetScape开发了LiveScript语言,使得它的Navigator和Web服务器产品有了基本的脚本编写功能.当Navigator2.0中加入了Java小程序后,NetScape才把LiveScript变成了JavaScript,至此JavaScript诞生. 本文将以一个有趣的小程序为开端,介绍JavaScript的基本语法与功能.此趣味程序为小球碰撞仿真程序,它可仿真弹性碰撞和动能有损的不完全恢复碰撞.你若想了

轻松学习JavaScript八:JavaScript函数

函数是一组可以随时随地运行的语句,函数作为ECMAScript的核心是很重要的.函数是由事件驱动的或者当它被 调用时执行的可重复使用的代码块.也就是函数是定义一次但却可以调用或执行任意多次的一段JavaScript代码.函 数有时会有参数,即函数被调用时指定了值的局部变量.函数常常使用这些参数来计算一个返回值,这个值也成为函 数调用表达式的值. 一函数声明 函数对于任何语言来说都是一个核心的概念.通过函数可以封装任意多条语句,而且可以在任何地方,任何时候 调用执行.JS中的函数使用functio

菜鸟学习javascript实例教程

菜鸟学习javascript实例教程 1.用JS显示文字的例子: <html><body> <script type="text/javascript">document.write("Hello World!")</script> </body></html> 2.用HTML标签来格式化文本的例子: <html><body> <script type="

轻松学习JavaScript十三:JavaScript基于面向对象之继承(包含面向对象继承机制)

一面相对象继承机制 今天算是什么都没干,尽在了解面向对象三大特性之一的继承了,过去的学习的C++和C#都是正统的面向对象语 言,学习的时候也没有怎么深入了解过,只是简单的学习最基础的继承.下午在看继承机制的时候,看到一个很经典 的继承机制实例.这个实例使用UML很好的解释了继承机制. 说明继承机制最简单的方式是,利用一个经典的例子就是几何形状.实际上,几何形状只有两种,即椭圆形(是圆 形的)和多边形(具有一定数量的边).圆是椭圆的一种,它只有一个焦点.三角形.矩形和五边形都是多边形的一种, 具有

帮助你更快学习JavaScript的六个思维技巧

? ? ? ? ? ? ? ? 当人们试图学习JavaScript或其他编程语言的时候,他们通常会遇到如下挑战. 一些概念让他们感到困惑,特别是如果之前学过其他类型的语言. 很难找到学习的时间(或者动力)去学习. 你很容易忘掉之前学到的东西. JavaScript工具太多并且经常更新,以至于很难找到学习的切入点. 幸运的是,这些难题最终能够被克服.在这篇文章,我将展示六个能够帮助你更快.更开心.更高效地学习JavaScript的六个思维技巧. 1   不要让未来的忧虑干扰你现在的学习 有些Jav

如何系统地学习JavaScript

在过去,JavaScript只是被用来做一些简单的网页效果,比如表单验证.浮动广告等,所以那时候JavaScript并没有受到重视.自从AJAX开始流行后,人们发现利用JavaScript可以给用户带来更好的体验,甚至利用这一优点开发了大型网页游戏,于是这门小语言被重视了起来.现在,很多公司会招专门的JavaScript工程师,通常JavaScript是WEB前端开发的必备技能.简单介绍了JavaScriptr的好处,并不代表大家就会去学习甚至把它学好,兴趣是很关键的,我认为兴趣是最好的老师,它

如何正确学习JavaScript

学习时长:6-8周学习前提:中学水平,无需编程经验 更新(2014-1-7) 在Reddit上创建了一个学习小组January 2014, “Learn JavaScript” Study Group on Reddit 目录 不要这样学习JavaScript 本课程资源 1-2周(简介,数据类型,表达式和操作符) 3~4周(对象,数组,函数,DOM,jQuery) JavaScript终极编辑器:WebStorm 第一个项目-动态问答应用 5-6周(正则表达式,Window对象,事件,jQue

如何理解并学习javascript中的面向对象(OOP) [转]

如果你想让你的javascript代码变得更加优美,性能更加卓越.或者,你想像jQuery的作者一样,写出属于自己优秀的类库(哪怕是基于 jquery的插件).那么,你请务必要学习javascript面向对象,否则你无法更灵活的使用javascript这门语言. 什么事闭包?到底什么是原型?(知道闭包和原型的,就算得上是javascript的高手了.但真正能够理解,并且灵活运用的人并不多)到底该如何学习javascript中的面向对象呢?在javascript这么语言正如日中天,相信不少人正在为

学习JavaScript王者归来_02

? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 <html>     <head>         <title></title>         <script>             function ArrayList(array) {                 this._arr =