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

而通过这次设计模式,从青峰师哥身上看到了非常多。

为何他可以滔滔不绝的为我们解说每个知识点?为何在解说每个模式的时候,他总可以把好几个模式联系到一块呢?为何他总能抓住我们忽略的地方呢?(换成是我们,我们能做到吗?)

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

极端学习法,不论什么事物模式之间都存在着转换的条件,仅仅要你敢于夸大,极端的来转换。

思考方式:为何不论什么的东西,总是能被老师随手拈来。让我理解起来非常easy?这些都须要我们花时间来琢磨的。

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

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

分析

WHAT(是什么)

是一种脚本语言。

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

可插入HTML,而且能够被现代全部的浏览器运行

WHY(为什么会出现)

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

WHEM(什么时候)

当我们要想在网页中添加互动性的时候。

而且javascript可以及时响应用户操作。对提交表单做即时的检查。

WHERE(什么地方)

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

HOW(怎样用)

怎样用就要设计到详细的实现的部分了。

请看以下的导图。

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvbHVja3l6aG91c3Rhcg==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast">

在上图中居然出现了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的更多相关文章

  1. 如何从源码中学习javascript

    艾伦说啊,学习javascript,必须要学会看源码,通过高手的源码,你可以从中吸取很多书本上难以看到的技巧. 看源码就好像喝鸡汤,所有的营养都在这汤里了.这汤就是源码,高手写的源码,就是最好的鸡汤. ...

  2. 学习javascript基础知识系列第三节 - ()()用法

    总目录:通过一段代码学习javascript基础知识系列 注意: 为了便于执行和演示,建议使用chrome浏览器,按F12,然后按Esc(或手动选择)打开console,在console进行执行和演示 ...

  3. 轻松学习 JavaScript——第 6 部分:JavaScript 箭头函数

    JavaScript箭头函数是ECMAScript 6中引入的编写函数表达式的一种简便方法.通常,在JavaScript中,可以通过两种方式创建函数: 函数语句. 函数表达式. 可以如下所示创建函数语 ...

  4. 学习javascript数据结构(四)——树

    前言 总括: 本文讲解了数据结构中的[树]的概念,尽可能通俗易懂的解释树这种数据结构的概念,使用javascript实现了树,如有纰漏,欢迎批评指正. 原文博客地址:学习javascript数据结构( ...

  5. 1、JavaScript 基础一 (从零学习JavaScript)

    1:定义:javascript是一种弱类型.动态类型.解释型的脚本语言. 弱类型:类型检查不严格,偏向于容忍隐式类型转换. 强类型:类型检查严格,偏向于不容忍隐式类型转换. 动态类型:运行的时候执行类 ...

  6. 重读《学习JavaScript数据结构与算法-第三版》- 第4章 栈

    定场诗 金山竹影几千秋,云索高飞水自流: 万里长江飘玉带,一轮银月滚金球. 远自湖北三千里,近到江南十六州: 美景一时观不透,天缘有分画中游. 前言 本章是重读<学习JavaScript数据结构 ...

  7. 一步步学习javascript基础篇(0):开篇索引

    索引: 一步步学习javascript基础篇(1):基本概念 一步步学习javascript基础篇(2):作用域和作用域链 一步步学习javascript基础篇(3):Object.Function等 ...

  8. 一步步学习javascript基础篇(8):细说事件

    终于学到事件了,不知道为何听到“事件”就有一种莫名的兴奋.可能是之前的那些知识点过于枯燥无味吧,说起事件感觉顿时高大上了.今天我们就来好好分析下这个高大上的东西. 可以说,如果没有事件我们的页面就只能 ...

  9. 一步步学习javascript基础篇(7):BOM和DOM

    一.什么是BOM.什么是DOM BOM即浏览器对象模型,主要用了访问一些和网页无关的浏览器功能.如:window.location.navigator.screen.history等对象. DOM即文 ...

随机推荐

  1. 一、利用Python编写飞机大战游戏-面向对象设计思想

    相信大家看到过网上很多关于飞机大战的项目,但是对其中的模块方法,以及使用和游戏工作原理都不了解,看的也是一脸懵逼,根本看不下去.下面我做个详细讲解,在做此游戏需要用到pygame模块,所以这一章先进行 ...

  2. 富文本编辑器Django-ckeditor

    富文本编辑器Django-ckeditor 前言 刚开始学习django的时候,在后台编辑数据的时候,总是在想,功能是否太简陋了点,只能做简单的文本编辑,所以在这里记录一个富文本编辑器Django-c ...

  3. P1967 货车运输

    P1967 货车运输最大生成树+lca+并查集 #include<iostream> #include<cstdio> #include<queue> #inclu ...

  4. django+mongodb 内置用户控制

    0x01 项目:django2.1 数据库:mongodb 这是一个很蛋疼的组合 mongodb并非官方支持使用的数据库,这意味着要使用user group permissions等进行用户和权限控制 ...

  5. 001.Ceph简介概述

    一 Ceph简介 Red Hat Ceph是一个分布式的数据对象存储,系统设计旨在性能.可靠性和可扩展性上能够提供优秀的存储服务.分布式对象存储是存储的未来,因为它们适应非结构化数据,并且客户端可以同 ...

  6. 记录Ubuntu & Windows下安装PyV8

    https://blog.csdn.net/hanshileiai/article/details/51628173

  7. Linux——目录结构思维导图

  8. ReactNative用指定的真机/模拟器运行项目

    使用模拟器运行项目: 命令行中React native项目目录下键入react-native run-ios会启动iOS模拟器, 默认是使用iPhone6,如果想要试用其他版本的模拟器则需要在reac ...

  9. C#文件及数据流技术

    空间名称:Sysytem.IO 一.文件.文件夹操作1.创建.删除.移动.复制文件 2.创建.删除.移动.复制文件夹 二.流操作 1.FileSream - 提供读取和写入文件的方式 文本文件的写入与 ...

  10. VS2013 C#中调用DLL

    winform界面中,使用C#编程调用DLL过程记录: (1)什么是DLL 动态链接库英文为DLL,是Dynamic Link Library 的缩写形式,DLL 是一个包含可由多个程序同时使用的代码 ...