芒果Cake-CSDN博客

原创 element组件校验规则

在 Element UI 中，您可以使用 el-form、el-form-item 和 el-input 等组件来构建表单，并通过 rules 属性来定义校验规则。

2023-08-22 19:03:57 783

原创 nvm的使用

nvm允许同时安装管理多个Node版本,并且可以很方便地在不同版本之间切换,是Node开发者必备的工具。或者通过wget、git等下载安装脚本,然后运行安装。

2023-08-12 10:48:47 552

原创 Object.values()

Object.values()是一个非常实用的方法,可以快速获取对象中的值组成的数组。配合Object.entries(),可以实现对对象许多实用的操作。

2023-08-11 11:58:17 1455

原创 js函数的形参实参和出参入参有什么区别

在 JavaScript 函数中,形参和实参表示的都是参数,入参和出参表示的的是参数的方向。return 出来的 a + b 的值,就是出参。

2023-07-10 20:12:47 1062

原创端口莫名其妙被占用，试试这招~

当 vscode 运行前端项目时提示端口被使用时,我们可以使用第一种方式检查占用该端口的进程:

2023-07-07 16:08:04 804

本质上 Promise 是一个函数返回的对象，我们可以在它上面绑定回调函数，这样我们就不需要在一开始把回调函数作为参数传入这个函数了。前面的.then都有一个返回值是一个promise对象，就算不写return jiehun()也会自动返回一个promise对象，所有可以继续.then执行，这样的调用叫做链式调用。💡提示：看到这里时是否恍然大悟，resolve和reject都是一个函数名，把函数当作一个参数传到另外一个函数中，当需要用这个函数是，再调用这个函数，这就是回调函数。💡原型：什么是原型？

2023-03-07 19:01:15 533 1

原创【Vue.js】全局状态管理模式插件vuex

状态，驱动应用的数据源视图，以声明方式将状态映射到视图操作，响应式的在视图上的用户输入导致的状态变化当我们的应用遇到多个组件共享状态（数据）时，单项数据流的简洁性很容易被破坏。意思是说vue是单项数据流，数据只能从父的去改变子的，子的是不能操作父的。

2023-03-06 23:19:43 1136

原创【Vue.js】路由基础-动态路由、嵌套路由、编程式导航、重定向

当我们点击outer-link的时候路由就发生改变了，然后就会去路由表里面找对映的是哪个path，找到对应的path就去找对应的组件，将对应的组件放入router-view里面。这里的vue3是通过CDN方式引入, 由于地址在国外可能会比较慢, 可以将代码复制到本地去引入, 注意这个网站有的cdn使用不了(可以往下找使用旧一点版本)这个网站里面有大量的国内镜像资源, cdn是内容分发网络, 可以进入网站直接复制链接浏览器打开将源码复制下来在本地使用, 和vue的本地引入是一样的道理。

2023-03-02 22:07:04 7339 3

原创【JavaScript】正则表达式知识点详解

💻Run：执行结果可以看出没有匹配到的返回null，匹配到的返回一个数组。在不使用全局搜索g时只能捕获（拿到）第一组匹配规则的字符串片段，当使用全局搜索g时，第二次捕获开始会从第一次捕获的结束为止开始检索，依次捕获，直到找不到内容，返回null。💻Run：执行结果可以看出没有匹配到的返回null，匹配到的返回一个数组。💡 Tips：作用: 表示重复第n个小括号的内容，要求和第n个小括号的内容一模一样。💡 Tips：当开头^和结尾$一起使用的时候，表示从开头匹配到结尾。是拥有特殊含义的字符。

2023-02-11 17:20:44 972

原创【AJAX】AJAX、http传输协议、响应状态码、请求方式（知识点串联详解）

💡 AJAX = **A**synchronous **J**avaScript **a**nd **X**ML（异步的 JavaScript 和 XML）。 - Asynchronous 异步的 - JavaScript - and - XML 是可扩展标记语言(Extensible Markup Language)

2023-02-06 20:20:05 835

原创 HTML+CSS+JS制作商城轮播图

百度网盘下载地址链接：https://pan.baidu.com/s/1btcsI-hdbJ1O-adVD7J5tg提取码：d604国内码云Gitee下载地址（内含超多有趣案例）https://gitee.com/huang_weifu/JavaScript_demo.git喜欢的老铁们可以点赞收藏喔~

2023-02-04 23:52:13 716

原创【JavaScript】Set和Map数据结构

💡 Map数据结构是一个类似于对象的数据结构，它的key可以是任何数据类型, 可以被看做为一个值 = 值的数据结构。💡 Set数据结构是ES6新增的数据结构，是一个类似于数组的数据结构，按照索引排列。var s = new Set([数据1, 数据2, 数据3…利用Set不接受重复数据的特点封装函数给数组去重。

2023-02-04 19:47:38 1658

原创【JavaScript】扩展运算符

允许一个表达式在期望多个参数（用于函数调用）或多个元素（用于数组字面量）或多个变量（用于解构赋值）的位置扩展。接受两个参数，第一个参数表示[0]实参,第二个参数表示从[1] ~ [最后]新增的特殊符号，拓展运算符。

2023-02-04 19:10:34 954

原创【JavaScript】解构赋值

语法是一种 Javascript 表达式。可以将数组中的值或对象的属性取出，赋值给其他变量。💡对象怎么书写，解构就怎么书写，数据换成变变量。

2023-02-04 19:06:12 412

原创【JavaScript】箭头函数

箭头函数的this不取决于调用取决于定义, 定义在哪个作用域就是指向谁, 这里的箭头函数定义在了事件处理函数中, 所以this指向事件源。注意: 这里的定时器已经不再是原来的定时器, 原来的定时器里面的参数写的是普通函数, 将普通函数改成箭头函数之后就按照箭头函数的情况考虑。这里的this在定时器内, 定时器里的函数是自动执行, 指向window, 我们需要将this指向li, 所以接下来修改代码。箭头函数外面的函数this是啥，箭头函数this就是啥。会自动把这句话的结果当做函数的返回值。

2023-02-04 15:53:07 848 1

原创【JavaScript】let、const、var的区别(面试题)

let 定义的变量可以修改值const 定义的常量不可以修改值

2023-02-04 15:49:05 741

原创【JavaScript】this指向

是一个js内的关键字是一个使用在作用域内的关键字1. 要么使用在全局 (this => window)2. 要么使用在函数内。

2023-02-02 17:19:07 151

原创【JavaScript】防抖和节流、数据驱动视图、数据劫持

/ return 'xxx' // 当我们设置一个返回值的时候，就表示该属性被设置了值 // }, // set(val) { // // 可以监听到设置的值 // console.log('set', val);// } // }) // obj.age = 19 // 设置的时候，会触发 set方法 // console.log(obj.age);// 获取的时候，会触发 get方法 // console.log(obj);

2023-02-02 00:46:01 364

原创【JavaScript】闭包、函数柯理化与封装

利用了闭包, 把每一次传递的参数保存下来(延长变量的生命周期)把一次传递两个参数,变成两次,每次传递一个参数。

2023-02-02 00:44:25 378

原创【JavaScript】深拷贝、浅拷贝

语法 Object.assign(新对象, 原始对象)返回值把原始对象内的数据浅拷贝放到新对象中。把一个数据结构的地址复制一份给另一个变量。

2023-01-31 22:14:23 349

原创【JavaScript】原型继承、借用继承、组合继承、类继承、拷贝继承

希望Son调用的时候，既使用Father里面的内容，同时希望Father里面的内容改成自己的，也就是说，希望使用的时候，this指向自己的this。- 在继承中，父类的部分方法和属性不希望子类继承。特点: ES6的类可以继承ES5的构造函数。继承下来的属性不在子类身上，在原型身上。只能继承父类的属性，不能继承原型的方法。- 把原型继承和借用继承组合在一起。借用构造函数继承/call继承。true 表示该属性在该对象上。2. 继承的属性在自己身上。可以继承父类的属性和方法。1. 能继承属性和方法。

2023-01-31 22:12:48 264

原创【JavaScript】原型链

小结: 之前的思路是直接给构造函数单独创建一个方法,这样每个构造函数都需要创建一个相同的方法会很麻烦,所以我们直接给内置的构造函数扩展一个方法,这样所有的对象都可以直接使用。现在我们来解决: 把公共的方法提取出来，在原型上书写，只用书写和创建一次, 这样所有的对象都可以使用。在内置构造函数的原型上扩展一个新方法，所有的数组都可以使用这个方法。问题6 Function.prototype.问题2 Person.prototype.问题7 Object.prototype.问题4 Function.

2023-01-30 20:34:11 365

原创 HTML+CSS+JS制作炫酷【烟花特效】

/this绑定的属性可以在整个构造函数内部都可以使用，而变量只能在函数内部使用。//this绑定的属性可以在整个构造函数内部都可以使用，而变量只能在函数内部使用。//this绑定的属性可以在整个构造函数内部都可以使用，而变量只能在函数内部使用。//将当前创建的碎片传过去，方便运动和删除。//将当前创建的碎片传过去，方便运动和删除。//将当前创建的碎片传过去，方便运动和删除。//整个构造函数内部都可以使用。//烟花消失，碎片产生。//3.创建烟花的碎片。//烟花消失，碎片产生。//3.创建烟花的碎片。

2023-01-23 20:49:53 8437

原创【JavaScript】事件绑定、事件解绑、常见事件类型、事件对象

/ // 5. dragleave 拖拽元素离开拖放元素范围触发。// console.log("表单空间获取焦点");// console.log("把别的元素拖进来");// console.log("把别的元素拖走了");// console.log("表单失去焦点");// console.log("表单输入事件");// * // 10. mouseleave 鼠标离开。// console.log("开始拖拽");

2023-01-04 21:11:32 1672 2

原创【JavaScript】DOM节点-创建、插入、删除、替换、克隆节点

/ 把res这个节点放到body里面的最后面 appendChild。

2023-01-04 20:24:34 1358

原创【JavaScript】数组的常用方法

方法返回指定元素（也即有效的 JavaScript 值或变量）在数组中的最后一个的索引，如果不存在则返回 -1。方法将数组中元素的位置颠倒，并返回该数组。数组的第一个元素会变成最后一个，数组的最后一个元素变成第一个。方法通过删除或替换现有元素或者原地添加新的元素来修改数组，并以数组形式返回被修改的内容。方法返回一个新的数组对象，这一对象是一个由 begin 和 end 决定的原数组的。方法从数组中删除最后一个元素，并返回该元素的值。方法返回在数组中可以找到给定元素的第一个索引，如果不存在，则返回 -1。

2023-01-03 22:38:15 1307

原创【JavaScript】DOM全篇详解

获取元素1. 非常规元素2. 常规元素操作元素属性认识元素属性属性的格式 - 自定义属性- H5 自定义属性操作元素属性原生属性操作自定义属性H5 自定义属性案例一：列表渲染代码执行结果代码执行结果代码执行结果1. 获取元素行内样式2. 获取元素非行内样式可以获取行内样式，以及非行内样式- 语法 window.getComputedStyle(元素).样式名- 得到该样式的值3. 设置元素样式

2023-01-01 16:20:21 229

原创【JavaScript】JS的三大组成-BOM

> 对象中可以填写 behavior 属性，值为 smooth 的时候表示可以平滑的滚动过去。- 语法 window.history.forward()- 语法 window.history.back()- 语法 window.history.go(参数)注意获取的尺寸不包含滚动条的，滚动条是浏览器的内容。- 回到上一级历史记录相当于浏览器上的回退 ←。- 去到下一级历史记录相当于浏览器上的前进 →。- 在浏览器这个 ‘软件’ 中存储的一些内容。浏览器的历史记录 history。

2023-01-01 16:18:24 466

原创【JavaScript】定时器

/ 开始抽奖 ---- 不断的从arr中随机产生一项，放到box中。// 需求点击 box开始抽奖再次点击停止抽奖。// 2. 生成一个随机数 0 ~ 9。// 根据t判断是否应该生成一个定时器。// 准备一个变量，接受定时器结果。// 生成一个0 ~ 9的随机数。// 生成一个0 ~ 9的随机数。// 把抽奖的状态改成正在抽奖。// 停止抽奖做的是什么事情。// 点击开始按钮开始抽奖。// 点击结束按钮结束抽奖。// 用来接受定时器的结果。"执行了延迟定时器"// 当前抽奖的状态。

2022-12-29 21:48:54 754

原创【JavaScript】查询字符串、JSON字符串、时间对象、定时器、同步异步、BOM

统一语法 window.xxwindow介绍- 浏览器内置的一个对象，包含操作浏览器的方法x , window可以不写示例 alert() window.alert()特点1. 在各个浏览器表现不一2. 不能用css控制。

2022-12-29 21:46:45 757

原创 HTML+CSS+JS制作【俄罗斯方块】小游戏

程序虽然很难写，却很美妙。要想把程序写好，需要写好一定的基础知识，包括编程语言、数据结构与算法。程序写得好，需要缜密的逻辑思维能力和良好的梳理基础，而且熟悉编程环境和编程工具二、CSS代码三、JS代码四、代码资源分享💡网页简单版小游戏俄罗斯方块代码资源分享点击进入仓库下载

2022-12-29 08:58:54 3621

原创【JavaScript】字符串常用方法

如果该参数为负数，则被看作是 strLength + endIndex，这里的 strLength 就是字符串的长度 (例如，如果 endIndex 是 -3，则是，strLength - 3)。方法，给定一个参数：要搜索的子字符串，搜索整个调用字符串，并返回指定子字符串第一次出现的索引。方法返回一个字符串在开始索引到结束索引之间的一个子集，或从开始索引直到字符串的末尾的一个子集。需要截取的第一个字符的索引，该索引位置的字符作为返回的字符串的首字母。该索引位置的字符，如果没有该索引位置，返回空字符串。

2022-12-28 23:05:17 244

原创 HTML+CSS+JS制作【飞机大战】小游戏（键盘版和鼠标版）

需要代码的小伙伴可以在文章末尾自行下载，下载打开运行在浏览器即可游戏，本篇资源分享分为两个版本，一个是键盘版本（awsd移动和k攻击），一个是鼠标移动版。

2022-12-27 16:54:11 3807 6

原创【JavaScript】for循环

水仙花数一般都是由三位数字组成，特点是当前三位数刚好等于每一位数字的立方和。continue:结束这一次循环，继续下一次的循环。for循环理解成循环的一种简洁(结构)的写法.对比while和for循环结构上面的区别。break:结束整个循环,提升性能。分母：1->100 循环。

2022-12-17 22:36:10 649

原创【JavaScrip】while循环

特点：do while循环是，先不管条件，先执行一回，然后在开始进行条件判断。语法： while(限制条件){满足条件执行的循环体(代码块)}while会先进行条件判断，满足就执行，不满足直接就不执行了。循环嵌套的描述：外层循环一次，里面的存在的循环全部完成一次。输出1-100之间能同时被3和7整除的数字。语法：do { 循环体 }while(条件)是一个和while循环类似的循环。

2022-12-17 22:29:42 714

原创【JavaScript】预解析

/第一步: 还是先分析预编译的结果：注意这里的变量名与函数名重名，所以函数名优先(提前将整个函数体赋值给函数名)，因此console.log(a)输出的是函数体function a() {console.log(‘函数’);} //由于预编译规则，找到undefined，提前将整个函数体赋值给函数名。//var a = undefined //由于预编译规则，找到var，提前赋值undefined给变量。//第一步: 分析预编译的结果：提前进入浏览器的引擎（整个预编译的过程不可见！

2022-12-17 16:12:34 738

原创【JavaScript】系统提供的对象方法

将括号里面的信息输出到浏览器控制面板的console面板下，多个信息中间可以逗号分割。var num = window.prompt(‘请输入一个数字’);弹出一个信息提示框，输出括号里面的信息，具有阻止代码继续执行的能力。将括号里面的信息输出到浏览器的文档区，可以解析html标签。弹出一个选择框，选择确定输出真true，取消输出假false。显示操作html和css的页面内容的区域，代码html页面。浏览器类下面的对象，浏览器打开的一个窗口。浏览器下面控制面板中的一个对象。输入的一定是字符串格式的内容。

2022-12-16 22:52:34 236

AJAX、http传输协议、响应状态码、请求方式

空空如也