“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即文 ...
随机推荐
- php 图形用户界面GUI 开发
php 图形用户界面GUI 开发 一.下载指定系统扩展 1 2 http://pecl.php.net/package/ui http://pecl.php.net/package/ui/2.0.0/ ...
- CodeForces 1117C Magic Ship (循环节+二分答案)
<题目链接> 题目大意: 给定起点和终点,某艘船想从起点走到终点,但是海面上会周期性的刮风,船在任何时候都能够向四个方向走,或者选择不走,船的真正行走路线是船的行走和风的走向叠加的,求船从 ...
- Mysql数据库报错:Cannot add or update a child row: a foreign key constraint fails(添加多对多关系)
#创建班级表 class Classes(models.Model): title = models.CharField(max_length=32) n=models.ManyToManyField ...
- 超出JavaScript安全整数限制的数字计算-BigInt
JavaScript中的基本数据类Number是双精度浮点数,它可以表示的最大安全范围是正负9007199254740991,也就是2的53次方减一,在浏览器控制台分别输入Number.MAX_SAF ...
- [洛谷P1880][NOI1995]石子合并
区间DP模板题 区间DP模板Code: ;len<=n;len++) { ;i<=*n-;i++) //区间左端点 { ; //区间右端点 for(int k=i;k<j;k++) ...
- Win userAccountControl 基本属性
userAccountControl 基本属性 属性标志 十六进制 十进制 说明 SCRIPT 0x0001 1 运行登录脚本 ACCOUNTDISABLE 0x0002 2 账户禁用 HOMEDIR ...
- java课程作业一,传入字符串求和
设计思想:在命令行下以字符串形式输入几个数字,使用Double类的静态方法valueof传入字符串得到相应的数值型变量,一个for即可将所有的字符串转化为数值型相加. 程序流程图: 源代码: publ ...
- java发送邮件高级篇
package com.xiets.javamaildemo; import java.util.Date; import java.util.Properties; import javax.act ...
- ns2.34 移植MFLOOD协议时出现的问题
安全按照<NS网络模拟核协议仿真>第11章的步骤进行修改,但是make的时候出现了一下错误: make[1]: 正在进入目录 `/home/wang/ns/ns-allinone-2.34 ...
- 【OpenCV】访问Mat中的每个像素值
其中注意i,j的位置,写错了好几次.第二个for循环中的if语句用异或来判断图像中哪些像素点发生了改变.