“5W1H”带你来学习JavaScript
上次的设计模式讲课,从中学习到了非常多。不仅是技术上,更重要的是怎样来学习。我们学习的技术。科技的更新速度超过我们的想象,对于我们这个有生命年限的个体,怎样可以在有生之年可以让自己立足于科技的不败浪潮。这应该是我们思考的问题。
而通过这次设计模式,从青峰师哥身上看到了非常多。
为何他可以滔滔不绝的为我们解说每个知识点?为何在解说每个模式的时候,他总可以把好几个模式联系到一块呢?为何他总能抓住我们忽略的地方呢?(换成是我们,我们能做到吗?)
还有我们的老师,总可以把学习与生活联系的一块,生活即学习。而且把生活与学习这么一交融。理解的更加的深刻;(平日里,这些东东我们想过吗?)
极端学习法,不论什么事物模式之间都存在着转换的条件,仅仅要你敢于夸大,极端的来转换。
思考方式:为何不论什么的东西,总是能被老师随手拈来。让我理解起来非常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了。
总结
以上就是本阶段对javascript学习的所有内容。当然这仅仅是简单的起步,随着后面的学习深入将会不断的完好对javascript更深层次的理解。
“5W1H”带你来学习JavaScript的更多相关文章
- 如何从源码中学习javascript
艾伦说啊,学习javascript,必须要学会看源码,通过高手的源码,你可以从中吸取很多书本上难以看到的技巧. 看源码就好像喝鸡汤,所有的营养都在这汤里了.这汤就是源码,高手写的源码,就是最好的鸡汤. ...
- 学习javascript基础知识系列第三节 - ()()用法
总目录:通过一段代码学习javascript基础知识系列 注意: 为了便于执行和演示,建议使用chrome浏览器,按F12,然后按Esc(或手动选择)打开console,在console进行执行和演示 ...
- 轻松学习 JavaScript——第 6 部分:JavaScript 箭头函数
JavaScript箭头函数是ECMAScript 6中引入的编写函数表达式的一种简便方法.通常,在JavaScript中,可以通过两种方式创建函数: 函数语句. 函数表达式. 可以如下所示创建函数语 ...
- 学习javascript数据结构(四)——树
前言 总括: 本文讲解了数据结构中的[树]的概念,尽可能通俗易懂的解释树这种数据结构的概念,使用javascript实现了树,如有纰漏,欢迎批评指正. 原文博客地址:学习javascript数据结构( ...
- 1、JavaScript 基础一 (从零学习JavaScript)
1:定义:javascript是一种弱类型.动态类型.解释型的脚本语言. 弱类型:类型检查不严格,偏向于容忍隐式类型转换. 强类型:类型检查严格,偏向于不容忍隐式类型转换. 动态类型:运行的时候执行类 ...
- 重读《学习JavaScript数据结构与算法-第三版》- 第4章 栈
定场诗 金山竹影几千秋,云索高飞水自流: 万里长江飘玉带,一轮银月滚金球. 远自湖北三千里,近到江南十六州: 美景一时观不透,天缘有分画中游. 前言 本章是重读<学习JavaScript数据结构 ...
- 一步步学习javascript基础篇(0):开篇索引
索引: 一步步学习javascript基础篇(1):基本概念 一步步学习javascript基础篇(2):作用域和作用域链 一步步学习javascript基础篇(3):Object.Function等 ...
- 一步步学习javascript基础篇(8):细说事件
终于学到事件了,不知道为何听到“事件”就有一种莫名的兴奋.可能是之前的那些知识点过于枯燥无味吧,说起事件感觉顿时高大上了.今天我们就来好好分析下这个高大上的东西. 可以说,如果没有事件我们的页面就只能 ...
- 一步步学习javascript基础篇(7):BOM和DOM
一.什么是BOM.什么是DOM BOM即浏览器对象模型,主要用了访问一些和网页无关的浏览器功能.如:window.location.navigator.screen.history等对象. DOM即文 ...
随机推荐
- Spark 常见问题集合
一.Spark 为什么比 MapReduce 要高效? 举一个例子: select a.state,count(*),AVERAGE(c.price) from a join b on (a.id=b ...
- KO的使用例子
var model; function QueuingRecordViewModel() { model = this; // model = this 不可缺少 model.info = ko.ob ...
- [Python]mysql-python 安装错误 fatal error C1083: Cannot open include file: 'config-win.h': No such file or directory
需要安装mysql connector 前往 https://dev.mysql.com/downloads/connector/python/ 下载 选择Platform independence, ...
- Java笔记(十九) 反射
反射 反射是在运行时获取类型的信息,再根据这些信息进行操作. 一.Class类 每个已加载的类在内存中都有一份类信息,每个对象都有指向它的类信息的引用. 在Java中,类信息对应的类就是java.la ...
- 潭州课堂25班:Ph201805201 tornado 项目 第四课 增加用户注册登录(课堂笔记)
tornado 相关说明 在 handlers 中创建个 auth.py 用来做用户登录,在这文件中创建个类,并逐步完善 在 tornado 中创建 login.html 文件,是个登录页面 {% e ...
- 潭州课堂25班:Ph201805201 django框架 第一课 环境搭建 (课堂笔记)
在虚拟机中创建虚拟环 mkvirtualenv -p /usr/bin/python3 djtest mkvirtualenv 是创建命令, -p /usr/bin/python3 是指定在 pyt ...
- 读《31天学会CRM项目开发》记录1 - 认识软件开发
今天闲来无事,心中又对软件开发充满了向往和憧憬.一直认为实践是检验真知的唯一标准,也是快速提升的绝密方法,是巩固基础加深基础的好去处.故在JD上搜了下软件开发,看到了这本<31天学会CRM项目开 ...
- jemter模拟高并发访问(亲测ok)
https://blog.csdn.net/a574258039/article/details/19549407
- Yii2 组件
组件的命名空间: 响应组件: yii\web\Response Yii预定义的HTTP异常组件: yii\web\BadRequestHttpException: //状态码 400. yii\web ...
- HTTP断点续传
一.概述 所谓断点续传,其实只是指下载,也就是要从文件已经下载的地方开始继续下载.在以前版本的HTTP协议是不支持断点的,HTTP/1.1开始就支持了.一般断点下载时才用到Range和Conten ...