“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即文 ...
随机推荐
- POJ 1470 Closest Common Ancestors (模板题)(Tarjan离线)【LCA】
<题目链接> 题目大意:给你一棵树,然后进行q次询问,然后要你统计这q次询问中指定的两个节点最近公共祖先出现的次数. 解题分析:LCA模板题,下面用的是离线Tarjan来解决.并且为了代码 ...
- sql server分页存储过程
因项目需要,一次性查询出来的数据过大,内存hold不住,所以特意写成分页查询,减小占用内存. 存储过程如下: USE [XXX] GO SET ANSI_NULLS ON GO SET QUOTED_ ...
- Java笔记(十九) 反射
反射 反射是在运行时获取类型的信息,再根据这些信息进行操作. 一.Class类 每个已加载的类在内存中都有一份类信息,每个对象都有指向它的类信息的引用. 在Java中,类信息对应的类就是java.la ...
- Kotlin基础(四)Lambda编程
Lambda编程 一.Lambda表达式和成员引用 一)Lambda表达式语法 //注意与Java8中的区别 val sum={ x:Int,y:Int -> x+y } println(sum ...
- Scrapy基础(八)————图片下载后将本地路径添加到Item中
前边讲到简单的图片下载,但是怎样将图片的本地路径和存储在Item中的数据对应起来,所以本篇博文讲解到如何将 本地的下载后的图片路径写入到Item中 思路:自定义pipline,多加个管道,该管道继承下 ...
- 通过按键实现LED灯的亮灭(含两种情况)
#include "stm32f10x.h"// 相当于51单片机中的 #include <reg51.h> #include "stm32f10x_gpio ...
- java中的lis数组转为json数据
第一个想到的办法就是 javascript中的replace 也就是先将list数组转为 字符串再对 字符串 replace 但是万万没想到javascript的replace函数在替换数据时, 默 ...
- Python3从零开始爬取今日头条的新闻【二、首页热点新闻抓取】
Python3从零开始爬取今日头条的新闻[一.开发环境搭建] Python3从零开始爬取今日头条的新闻[二.首页热点新闻抓取] Python3从零开始爬取今日头条的新闻[三.滚动到底自动加载] Pyt ...
- 前端里面如何进行搜索引擎优化(SEO)
如何进行SEO优化: (1) 避免head标签js堵塞: 所有放在head标签里面的js和css都会堵塞渲染:如果这些css和js需要加载很久的话,那么页面就空白了: 解决办法:一是把script放到 ...
- keepalived工作原理和配置文件说明
keepalived是什么 keepalived是集群管理中保证集群高可用的一个服务软件,其功能类似于heartbeat,用来防止单点故障. keepalived工作原理 keepalived是以VR ...