光暗中-CSDN博客

原创 javascript 面向对象

向对象首先，我们要明确，面向对象不是语法，是一个思想，是一种编程模式面向：面（脸），向（朝着）面向过程：脸朝着过程 =》关注着过程的编程模式面向对象：脸朝着对象 =》关注着对象的编程模式实现一个效果在面向过程的时候，我们要关注每一个元素，每一个元素之间的关系，顺序，。。。在面向过程的时候，我们要关注的就是找到一个对象来帮我做这个事情，我等待结果例子 ????：我要吃面条面向过程用多少面粉用多少水怎么和面怎么切面条做开水煮面吃面面向对象找到一

2021-08-30 17:31:12 62

原创 javascript ES5和ES6

ES5和ES6我们所说的 ES5 和 ES6 其实就是在 js 语法的发展过程中的一个版本而已比如我们使用的微信最早的版本是没有支付功能的随着时间的流逝，后来出现了一个版本，这个版本里面有支付功能了ECMAScript 就是 js 的语法以前的版本没有某些功能在 ES5 这个版本的时候增加了一些功能在 ES6 这个版本的时候增加了一些功能因为浏览器是浏览器厂商生产的ECMAScript 发布了新的功能以后，浏览器厂商需要让自己的浏览器支持这些功能这个过程是需要时间的所

2021-08-26 17:39:08 198

原创 javascript 正则表达式

正则正则表达式，又名 “规则表达式”由我们自己来书写 “规则”，专门用来检测字符串是否符合 “规则” 使用的我们使用一些特殊的字符或者符号定义一个 “规则公式”，然后用我们定义好的 “规则公式” 去检测字符串是不是合格var reg = /\d+/var str1 = '123'var str2 = 'abc'console.log(reg.test(str1)) // trueconsole.log(reg.test(str2)) // false上面的变量 reg

2021-08-26 17:37:29 55

原创 javascript 事件（下）

EVENT（下）今天来聊一聊事件的执行机制什么是事件的执行机制呢？思考一个问题？当一个大盒子嵌套一个小盒子的时候，并且两个盒子都有点击事件你点击里面的小盒子，外面的大盒子上的点击事件要不要执行事件的传播就像上面那个图片一样，我们点击在红色盒子身上的同时，也是点击在了粉色盒子上这个是既定事实，那么两个盒子的点击事件都会触发这个就叫做事件的传播当元素触发一个事件的时候，其父元素也会触发相同的事件，父元素的父元素也会触发相同的事件就像上面的图片一样点击在

2021-08-23 19:10:42 81

原创 javascript 事件(上）

之前我们简单的了解过一些事件，比如 onclick / onload / onscroll / …今天开始，我们详细的学习一些事件什么是事件一个事件由什么东西组成触发谁的事件：事件源触发什么事件：事件类型触发以后做什么：事件处理函数var oDiv = document.querySelector('div')oDiv.onclick = function () {}// 谁来触发事件 => oDiv => 这个事件的事件源就是 oDiv// 触发什么事件 =.

2021-08-23 19:09:52 50

原创 Javascript DOM（下）

DOM（下）DOM 就是我们 html 结构中一个一个的节点构成的不光我们的标签是一个节点，我们写的文本内容也是一个节点，注释，包括空格都是节点DOM节点DOM 的节点我们一般分为常用的三大类元素节点 / 文本节点 / 属性节点什么是分类，比如我们在获取元素的时候，通过各种方法获取到的我们叫做元素节点（标签节点）比如我们标签里面写的文字，那么就是文本节点写在每一个标签上的属性，就是属性节点元素节点我们通过 getElementBy... 获取到的都是元素节点属性节点我们

2021-08-20 18:42:12 46

原创 javascript BOM和DOM（上）

BOM / DOM（上）今天开始我们开始使用 js 去操作浏览器和页面中的 html 元素了BOMBOM（Browser Object Model）：浏览器对象模型其实就是操作浏览器的一些能力我们可以操作哪些内容获取一些浏览器的相关信息（窗口的大小）操作浏览器进行页面跳转获取当前浏览器地址栏的信息操作浏览器的滚动条浏览器的信息（浏览器的版本）让浏览器出现一个弹出框（alert/confirm/prompt）BOM 的核心就是 window 对象window 是浏览器内

2021-08-20 18:39:28 46

原创 JavaScript Math和Date

Math 和 DateMath 是 js 的一个内置对象，提供了一堆的方法帮助我们操作数字Date 是 js 的一个内置构造函数，提供了一堆的方法帮助我们操作时间Math没有什么多余的东西，就是一堆的方法来操作数字randomMath.random() 这个方法是用来生成一个 0 ~ 1 之间的随机数每次执行生成的数字都不一样，但是一定是 0 ~ 1 之间的生成的数字包含 0 ，但是不包含 1var num = Math.random()console.log(n

2021-08-18 18:53:38 65

原创 javascript 部分数组方法和字符串

ES5/String严格模式（了解）我们都知道 js 是一个相对不很严谨的语言而且开发的时候，一些代码也不是很严格要求而严格模式就是对开发的时候写的一些内容做了要求开启严格模式想开启严格模式，直接在代码最开始的位置写上字符串 use strict<script> 'use strtic' // 下面代码书写就要按照严格模式来书写</script>严格模式的规则声明变量必须有 var 关键字'use strtic'var num = 10

2021-08-17 20:16:14 37

原创 javascript 数组

数组什么是数组？字面理解就是数字的组合其实不太准确，准确的来说数组是一个数据的集合也就是我们把一些数据放在一个盒子里面，按照顺序排好[1, 2, 3, 'hello', true, false]这个东西就是一个数组，存储着一些数据的集合数据类型分类number / string / boolean / undefined / null / object / function / array / …数组也是数据类型中的一种我们简单的把所有数据类型分为两个

2021-08-16 19:35:18 82

原创 JavaScript 函数下

函数-下作用域函数外边的变量叫做全局变量，可以在函数外面和函数里面使用。var num = 1;function test(){ num++; console.log(num);}test(); // 2console.log(num); // 2函数内部的变量叫做局部变量，只能在函数内部使用。function test(){ var num1 = 10; num1++; console.log(num1);}test(); // 11console.log(num1);

2021-08-13 20:43:51 32

原创 javascript函数上

函数-上引入：先问大家一个问题，大家洗过衣服吧？手动怎么洗？那个盆，接水，放衣服，倒洗衣粉，洗，涮，拧干挺费劲的，有没有简便的方法？使用洗衣机，衣服放进去，倒上洗衣粉，按开关，一切就都搞定了在生活中这样的例子有很多，大到洗衣机空调，小到水龙头剪刀。每个工具都有自己不同的功能。为了生活方便简洁，就会使用这些工具。程序员是一群很会享受生活的群体，所以在代码中也有很多这样的工具，就是咱们今天要学习的函数。总结：代码中工具----函数概念：函数就是具备某个功能的一个工具。是完成某个功能的一段代码

2021-08-12 17:29:12 74

原创 javascript循环结构

循环结构引入：操场一圈是400米，在运动会的时候，2000米的跑步比赛，我们需要绕操场跑5圈，如下图：示意图这就是一个循环，那么，在这个过程中，其实我们动作只是跑一圈，剩下的过程只是在重复。从计算机的角度来想，我们可不可以设定一个程序，让他自动跑5圈呢？可以的，用咱们今天要学习的循环结构。循环结构的意义就是让代码重复执行。while循环结构语法：while(条件语句){ 条件成立执行的代码} 例：对女朋友说5句我爱你// 那么既然是循环，咱们需要设定几个条件

2021-08-11 17:16:26 77

原创 javascript 逻辑分支

逻辑分支引入：我们在日常生活中，有很多事情是需要做判断的，比如说，去服装城买衣服，你看中一件衣服，老板要300元，你立马就会想，这个价格是否贵了，判断的结果只有两种可能，一是贵，二是不贵，贵了你就不买了，不贵你就买了。再比如去网吧，网管也要判断你是否满18岁，结果也只有两种，是和否，是就上网，不是就看别人上网，再比如，学校根据考试成绩对每个人进行评级，如果成绩大于60就合格，否则就不合格，如果成绩大于90，就优秀等等。。。在咱们的代码中，也会有很多判断，比如咱们做的练习，小红满足条件了，就能嫁人了，不满足

2021-08-10 19:16:45 39

原创 javascript基本语法

基本语法javascript基本介绍JavaScript的历史：在95年以前，就有很多上网的用户了，当时的带宽只有28.8kb/s，用户要进行表单的验证时，点击提交按钮，直接就将数据发送到服务器了，受限于带宽的关系，浏览器和服务器的通信很慢，大概一次通信需要30s的时间。这样，问题就出现了，我们平常注册一个用户，需要填写很多信息，当我们将所有信息填写好，点击提交按钮后，等待30s以后，提示我们用户名被占用了，修改，提交，等待30s，提示用户名不符合规范，修改，提交，等待30s，密码不符合

2021-08-10 19:14:30 343

vvssv的博客