码迷,mamicode.com
首页 > 编程语言 > 详细

“5W1H”带你来学习JavaScript

时间:2014-08-13 13:05:26      阅读:305      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   color   java   strong   数据   ar   

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


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


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


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

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


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

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

bubuko.com,布布扣



  分析


  WHAT(是什么)

    是一种脚本语言!

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

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


  WHY(为什么会出现)

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


  WHEM(什么时候)

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


  WHERE(什么地方)

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


  HOW(如何用)

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

bubuko.com,布布扣


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

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


  DOM简介

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

bubuko.com,布布扣


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

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

  与数据库对比

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

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

DOM简介

  

   总结

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

 

 

“5W1H”带你来学习JavaScript,布布扣,bubuko.com

“5W1H”带你来学习JavaScript

标签:style   blog   http   color   java   strong   数据   ar   

原文地址:http://blog.csdn.net/luckyzhoustar/article/details/38534039

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!