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

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

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

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

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

思考方式:为何不论什么的东西,总是能被老师随手拈来。让我理解起来非常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. SVM:利用SVM算法实现手写图片识别(数据集50000张图片)—Jason niu

    import mnist_loader # Third-party libraries from sklearn import svm def svm_baseline(): training_dat ...

  2. datetime.timedelta类

    datetime.timedelta对象代表两个时间之间的时间差,两个date或datetime对象相减就可以返回一个timedelta对象. Python中datetime模块中的timedelta ...

  3. Python并发复习1 - 多线程

    一.基本概念 程序: 指令集,静态, 进程: 当程序运行时,会创建进程,是操作系统资源分配的基本单位 线程: 进程的基本执行单元,每个进程至少包含一个线程,是任务调度和执行的基本单位 > 进程和 ...

  4. 002.Zabbix简介

    一 Zabbix简介 1.1 概述 Zabbix是一个企业级的高度集成开源监控软件,提供分布式监控解决方案.可以用来监控设备.服务等可用性和性能. 1.2 所支持监控方式 目前由zabbix提供包括但 ...

  5. 给有C或C++基础的Python入门 :Python Crash Course 4 操作列表 4.1--4.3

    操作列表,也就是遍历列表.本章我们要学的就是如何遍历列表. 4.1--4.2 遍历列表 遍历列表,用for循环. 不同于C++或者C语言的for循环,Python的for循环更容易让人理解. 看一个例 ...

  6. 潭州课堂25班:Ph201805201 django 项目 第三十课 linux 系统迁移 (课堂笔记)

    进入虚拟环境, 冷冻 把安装环境放到这个文档中 pip freeze >> requirements.txt 在另一台机器中 pip install -r requirements.txt ...

  7. vue的生存周期

    钩子函数 created 实例已经创建 befoCompile 编译之前 compiled 编译之后 ready 插入到文档 beforeDestroy 销毁之前 destroyed 销毁之后

  8. ReactNative bug:Application XXX has not bean registered.

    故障现象 当react-native init新项目之后运行react-native run -android/ios时手机报错 Application XXX has not bean regist ...

  9. BZOJ5057 : 区间k小值5

    整体二分,按时间顺序依次考虑对于权值落在$[l,r]$内的所有操作. 对于每个修改操作,若权值范围完全包含了$[l,r]$,那么在更深层的分治中它都完全包含它,对每个询问的贡献是定值,因此在当前层将贡 ...

  10. NOIP不开心记(不开心的东西肯定不能给别人看!)

    写在前面的.. noip之后一直很想写一下什么的.. 老师:这就是你逃晚自习来机房的原因?? Day 0 坐了好久的车来到GZ.. 年年都是GZ.. sb酒店垃圾的要死.. 路上都是杀马特.. 隔壁还 ...