W菜菜-CSDN博客

原创【JavaScript】第二十六天（节流）（防抖）

函数节流和防抖函数防抖和节流，都是控制事件触发频率的方法。应用场景有很多，输入框持续输入，将输入内容远程校验，多次触发点击事件、onScroll等等。一、节流什么是节流？限制一个函数在一定时间内只能执行一次。为什么节流？前端开发过程中，有一些事件或者函数，会被频繁地触发（短时间按内多次触发），最常见的例如，onresize，scroll，mousemove ,mousehover 等，这些事件的触发频率很高，不做限制的话，有可能一秒之内执行几十次、几百次，如果在这些函数内部执行了其他函数，尤其是

2022-03-07 14:58:26 387

原创【JavaScript】第二十五天（闭包）

闭包一、函数复习1.1函数的定义和调用1.1.1 函数的定义方式方式1：函数声明方式 function fn(){}方式2：函数表达式（匿名函数） var fn = function(){}方式3：new Function() var fn = new Function (‘参数1’,‘参数2’…,‘函数体’)● 注意 Function 里面参数都必须是字符串格式● 第三种方式执行效率低，也不方便书写，因此较少使用● 所有函数都是 Function 的实例(对象)● 函数也属于

2022-03-04 19:49:44 427

原创【JavaScript】第二十四天（原型和原型链）

原型和原型链一、构造函数和原型1.1构造函数的问题通过构造函数实例化对象虽然很好用，但是他也存在一些问题，首先一个就是内存浪费的问题。下面我们来看一个例子我们可以给函数的原型添加函数，这样的话，函数所有的实例化对象都可以使用这个函数，大大减少函数重复占用内存。1.2 构造函数原型prototype获取原型的方法：1.通过对象__proto__来获取2.通过构造函数的prototype属性来拿到原型构造函数通过原型分配的函数是所有对象所共享的javascript 规定，每一个构造函数

2022-03-03 19:53:59 112

原创【JavaScript】第二十三天 (jQuery)

jquery1.1jQuey介绍1.1.1javascript库javaScript库：即 library ，是一个封装好的特定集合（方法和函数）。从封装一大堆函数的角度理解库，就是在这个库中，封装了很多预先定义好的函数在里面，比如动画animate、hide、show，比如获取元素等。简单理解：就是一个JS文件，里面对我们原生js代码进行了封装，存放到里面。我们可以快速高效的使用这些封装好的功能了。比如jQuery，就是为了快速方便的操作DOM，里面基本都是函数（方法）。 &nbsp

2022-03-02 20:03:59 447

原创【JavaScript】第二十二天（JSONP）

JSONP一、cookie封装function getCookie(key) { // 获取所有的cookie document.cookie let cookie = document.cookie;//"username=zhangsan; password=123456" let arr = cookie.split('; '); //['username=zhangsan','password=123456'] // 遍历arr for (let i =

2022-02-25 20:48:50 576

原创【JavaScript】第二十一天（Cookie）

cookie一、回调函数一个函数被作为参数传递给另一个函数，函数B作为函数A的参数，函数B在函数A内部调用，函数B称为函数A的回调函数。语法：function A(callback){ callBack()}B也是一个函数A(B)语法一： function success(callback){ callback() } success(function(){

2022-02-25 17:53:06 372

原创【JavaScript】第二十天（AJAX）

AJAX一、ajax的概念和优势 AJAX（Asynchronous Javascript And XML）是异步的javascript和XML 传统网站中，如果需要更新页面内容，必须重载整个网页页面。 ajax是可以在不刷新加载整个页面的情况下，对网页的某部分进行更新。网站欣赏：htt

2022-02-24 22:28:07 72

原创【JavaScript】第十九天（PHP&MySql）

PHP语言一、认识前后端前端：用户可见的界面，数据展示在页面上给用户看到后端：分为服务器端和数据库服务器端：把前端要展示的数据存储到数据库中，前端需要时把数据库的数据再传递给前端（服务器端：我们学习php语言，php语言运行在apache服务器上）数据库：一个存储数据的仓库（mysql），可以让后端进行数据的增删改查（mysql）展示方面：前端之间看到，布局，图文，交互和特效。 &nb

2022-02-21 17:48:41 668

原创【JavaScript】第十八天（面向对象）

一、为什么要使用面向对象1.现有的数据类型没法描述复杂的社会（复杂的数据），如：医生，患者，老师，学生等等。因为，现实生活中每个数据都是复杂的（包括了很多数据）如：医生包括（工号，年龄，性别，科室等等）2.怎么办？用自定义类型来完成现实生活中的类型的定义。这就是类二、基本概念：类和对象1.类：就是分类，类型，数据类型，包括了很

2022-02-16 20:37:41 248

原创【JavaScript】学习第十六天（ES5和ES6）

ES6语法ES5和ES6我们说的ES5和ES6其实就是在 js 语法的发展过程中的一个版本而已ES5新增一、数组的相关方法1. 数组.forEach(function (item, index, arr) {})2. 数组.map(function (item, index, arr) {})3. 数组.filter(function (item, index, arr) {})4. 数组.every(function (item, index, arr) {})5. 数组.some(fu

2021-12-20 21:01:50 148

原创【JavaScript】学习第十五天（正则表达式）

正则表达式1.正则的概念：用于匹配一个字符串满足某种规则（即正则表达式）2.正则的创建：var a = /abc/var a = new RegExp('abc')3.正则的元字符：\d ：表示一位数字\D ：表示一位非数字\w ：表示一位数字，字母下划线中的任意一个\W ：表示一位非(数字，字母，下划线)中的任意一个\s ：匹配空白字符（空格）\S ：非空白. ：任意字符（非换行）如果就指向匹配. 是true\ . ：匹配 .\ ：匹配 \4.正则的限定符：

2021-12-17 15:01:47 1032

原创【JavaScript】学习第十四天（事件传播、阻止事件冒泡、事件委托）

1.事件流（事件传播）概念：描述页面接收事件的顺序，事件发生时，事件会在元素节点之间按照特定的顺序，依次传播。思考：互相嵌套的div，同时给每个元素绑定了不同结果的相同事件，事件会如何传播IE提出的是冒泡流：事件开始时由最具体的元素接收，然后逐级向上到DOM顶级节点网景提出的是捕获流：事件开始时从DOM顶级节点开始，然后逐层向下传递到最具体的元素W3C规范：js事件传播流程主要有三个阶段：事件捕获阶段：从window向目标传递的过程处于目标阶段：具体点击的是谁？事件发生在目标身

2021-12-16 15:11:59 1121

原创【JavaScript】学习十三天（DOM事件、事件类型、事件对象）

1.DOM事件事件：能被javascript监听到的行为事件三要素：事件源：触发事件的源头，谁触发的这个事件事件类型：是哪种时间类型，如：鼠标事件，键盘事件…（click、dblclick、mouseover、mouseout…）事件处理函数：事件触发后执行的行为（{ }中会执行的代码）this事件中的this：指向事件源普通函数中的this：指向的是window// 1、形式一 oBtn.onclick = function(){ this指向的

2021-12-15 16:20:01 690

原创【JavaScript】学习第十二天（DOM节点）

1.什么是DOM节点DOM树：DOM以树状结构出现的(倒立的树)，方便开发人员获取，添加，删除和修改页面上的某一部分DOM节点：w3c，页面上所有的内容都可以称为节点，DOM的最小单元就是节点DOM节点的种类：节点包含一共12种，本节课就认识5种节点1.元素节点：标签： nodeType 12.属性节点：属性： nodeType 23.文本节点：文本： nodeType 34.注释节点：注释： nodeType 45.文档节点：文档： nodeType 52.如何获取

2021-12-15 14:23:35 508

原创【JavaScript】第十一天（DOM的深入操作）

1.DOM操作之innerHTML//设置内容//针对非表单控件//支持标签。可以解析标签tianIn.innerHTML//获取内容tianIn.innerHTML = "<b></b>";//设置内容//不支持标签，可以解析标签tianIn.innerText//获取内容tianIn.innerText = "";//设置内容//针对表单控件tianIn.value//获取内容tianIn.value = "";//设置内容2.DOM操作之自定义属

2021-12-15 14:22:03 76

原创【JavaScript】学习第十天（BOM、DOM）

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

2021-12-10 19:58:52 119

原创【JavaScript】学习第九天（Math对象、Date对象）（倒计时、计时器）

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

2021-12-09 21:13:04 690

原创【JavaScript】学习第八天（创建字符串）（ASCII字符集）（字符串常用的方法）

创建字符串（了解）我们创建字符串也分为两种方法字面量和构造函数字面量：var str = 'hello'构造函数创建var str = new String('hello')ASCII 字符集（了解）我们都知道，计算机只能存储 0101010 这样的二进制数字那么我们的 a ~ z / A ~ Z / ``/ @ /… 之类的内容也有由二进制数字组成的我们可以简单的理解为， a ~ z / A ~ Z / ``/ @ /… 之类的内容都有一个自己的编号，然后在计算机存储

2021-12-09 19:59:35 836

原创【JavaScript】学习第七天（冒泡排序、选择排序）（基本数据类型、引用数据类型）

for 和 for in 循环因为数组的索引就可以获取数组中的内容数组的索引有事按照 0 ~ n 顺序排序我们就可以使用 for循环来循环数组，因为 for循环我们也可以设置值成 0 ~ n顺序增加我们把这个行为叫做遍历var arr = [1,2,3,4,5]//使用 for 循环遍历数组for (var i = 0; i < arr.length; i++){ console.log(arr[i])}//会在控制台一次打印出 1,2,3,4,5i <

2021-12-09 14:36:13 174

原创【JavaScript】学习第六天【数组及常用方法】

数组什么是数组？字面理解就是数字的组合其实不太准确，准确的来说数组是一个数据的集合也就是我们把一些数据放在一个盒子里面，按顺序排好

2021-12-07 15:29:15 353

原创【JavaScript】学习第五天（函数下）（预解析）（作用域）（变量使用规则）

函数（下）预解析（重点）预解析其实就是聊聊 js 代码的编译和执行js 是一个解释型语言，就是在代码执行之前，先对代码进行通读和解释，然后在执行代码也就是说，我们的 js 代码在运行的时候，会经历两个环节解释代码和执行代码解释代码因为是在所有代码执行之前进行解释，所以叫做预解析（预解释）需要解释的内容有两个【声明式代码】在内存中先声明有一个变量名是函数名，并且这个名字代表的内容是一个函数 var关键字在内存中先声明有一个变量名看下面一段代码

2021-12-03 20:44:18 60

原创【JavaScript】学习第四天【for双重循环】【函数（上）】

双重for循环双重for循环概述循环嵌套是指在一个循环语句中在定义一个循环语句的语法结构，例如在for循环语句中，可以再嵌套一个for循环，这样的for循环语句我们称之为双重for循环。双重 for 循环语法for(外循环的初始;外循环的条件;外循环的操作表达式){ for(内循环的初始;内循环的条件;内循环的操作表达式){ } }1.内层循环可以看做外层循环的循环语句2.内层循环执行的顺序也要遵循 for 循环的执行顺序3.外层循环执行一次，内

2021-12-02 20:52:25 645

原创【JavaScript】学习第三天（switch语句、循环结构）

分支语句之switch语句SWITCH 条件分支结构也是条件判断语句的一种是对于某一个变量的判断语法： switch (表达方式) { case 表达方式: 代码块 break; case 表达方式: 代码块 break; case 表达方式: 代码块 break; case 表达方式:

2021-12-01 21:24:15 110

原创【JavaScript】学习第二天（类型转换、运算符）

判断数据类型既然已经把数据分开了类型，那么我们就要知道我们存储的数据是一个什么类型的数据使用 typeof 关键字来进行判断// 第一种使用方式var n1 = 100;console.log(typeof n1);//第二种使用方式var s1 = 'abcdefg';console.log(typeof(s1));判断一个变量是不是数字可以使用 isNaN 这个方法来判断一个变量是不是数字isNaN ：is not a number//如果变量是一个数字var n1

2021-12-01 20:57:50 55

原创【JavaScript】学习第一天（认识JS、js基础写法、变量、数据类型）

1、认识js什么是js： HTML：超文本标记语言（网页）-->页面的结构，段落，标题，图片 CSS：层叠样式表（美化）--->美化结构的，排列方式，放的位置 JavaScript：---> 页面的行为（点击按钮会发生什么事，轮播图，游戏。表单验证，回到顶部，楼层，放大镜，tab切换，二级菜单，拖拽，瀑布流。。。） JS的核心： ECMAScipt：制定js语法标准, 我们后期写代码的规范 DOM：Doucment object model

2021-11-29 17:23:11 176

wu12378900的博客