G018_star sky♬-CSDN博客

原创 vue watch用法使用说明

对象是个引用类型，虽然打印的是，两个数据，但是他们在内存中指向的是同一个地址，一个改变另一个也会改变。

2023-02-24 21:37:11 192 1

原创如何更新-node版本

下载你想安装的node版本的msi程序所有版本的msi地址：https://nodejs.org/dist。

2023-02-23 00:15:10 205

promise本身是同步的，then，catch是异步的Promise是异步编程的一种解决方案，将异步操作以同步操作的流程表达出来，避免了层层嵌套的回调函数，是为了解决异步处理回调地狱而产生的Promise构造函数是同步执行的then 方法是异步执行的，所以Promise创建后里面的函数会立即执行，构造函数中的resolve和reject只有第一次执行有效，也就是说Promise状态一旦改变就不能再变async函数返回一个Promise对象，可以使用then方法添加回调函数，

2023-01-15 23:27:57 823

原创 ES6 解构赋值 const {} =this

上面的这句话是一个简写，最终的含义相当于....

2023-01-15 23:13:34 466

原创 TCP与UDP的区别

udp还有重要的应用场景：即隧道网络（即常用的VPN，以及在SDN中用到的VXLAN也是一种），但是对少量丢包，并没有太大要求的场景，比如域名查询，电话通信，视频直播等。UDP- 写信-（对方是否收到，内容是否完整，顺序是否正确）第一种为书信方式，第二种方式为打电话（不考虑速度因素）TCP- 电话-（电话接通，相互通话，结束通话）给对方，比如传输文件，发送邮件，浏览网页等），但是可能产生丢包，所以适用于。三次握手，运输确认，四次挥手。（适用于要求较高的场景，需要。

2022-09-15 21:01:28 572

原创 JS中Object.assign()方法

Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象分配到目标对象。它将返回目标对象。democonst target = { a: 1, b: 2 };const source = { b: 4, c: 5 };const returnedTarget = Object.assign(target, source);console.log(target);// expected output: Object { a: 1, b: 4, c: 5 }consol

2022-05-01 21:55:13 196

原创 JS-解构赋值如何使用

解构赋值是一种特殊的语法，它使我们可以将数组或对象“拆包”为到一系列变量中，因为有时候使用变量更加方便。解构操作对那些具有很多参数和默认值等的函数也很奏效。 let arr = [ "john", "lily" ] let [ first, second ] = arr console.log(first, second) // john lilylet [ firstName, secondName ] = "Neal Caffiry".split(" ") console.log(f

2022-05-01 21:44:52 392

原创完成三级联动的路由跳转与传递参数业务

三级联动如下图所示：给a标签添加自定义属性data-categoryName，保证这个节点带data-categoryName，一定是a标签可以通过节点的dataset属性获取相应节点的自定义属性，返回的是一个对象KV【自定义属性相关的】如果带有categoryname字段的一定是a标签解构赋值:let { categoryname, category1id, category2id, category3id } = nodeElement.dataset;两个对象如下

2022-05-01 21:07:10 220

原创 CSS实现炫彩文字和滚动变色动画

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Multi-colo

2022-05-01 19:20:23 811

原创 JS算法-整数转罗马数字

回顾前言中列出的这 13 个符号，可以发现：千位数字只能由M 表示；百位数字只能由C，CD，D 和CM 表示；十位数字只能由X，XL，L 和XC 表示；个位数字只能由I，IV，V 和IX 表示。这恰好把这13 个符号分为四组，且组与组之间没有公共的符号。因此，整数num 的十进制表示中的每一个数字都是可以单独处理的。进一步地，我们可以计算出每个数字在每个位上的表示形式，整理成一张硬编码表。如下图所示，其中 0 对应的是空字符串。利用模运算和除法运算，我们可以得到num 每个位上的数字：t.

2022-04-30 23:05:21 630

原创 JS中Array.prototype.some()方法

some() 方法测试数组中是不是至少有1个元素通过了被提供的函数测试。它返回的是一个Boolean类型的值。democonst array = [1, 2, 3, 4, 5];// checks whether an element is evenconst even = function (element,index) { return element % 2 === 0 & &index === 3}console.log(array.some(even));//

2022-04-28 20:54:57 686

原创 CSS之一直在爬坡的盒子

HTML：<div id="loader"> <div id="box"></div> <div id="hill"></div></div>CSS：html,body { background-color: #404456;}#loader { position: absolute; top: 50%; left: 50%; margin-top: -2.7em; margin-lef

2022-04-27 16:23:04 248

原创通过random加floor方法返回0-n(不包括n)的整数

Math.random()Math.random() 函数返回一个浮点数, 伪随机数在范围从0到小于1，也就是说，从0（包括0）往上，但是不包括1（排除1），然后您可以缩放到所需的范围。实现将初始种子选择到随机数生成算法;它不能被用户选择或重置。function getRandomInt(max) { return Math.floor(Math.random() * max);}通过Math的获取随机数*arr的长度然后向下取整，得到一个0-n的整数随机数获取的是0-1不包括1，将其与n

2022-04-25 22:10:38 238

原创正则表达式中test()方法

test() 方法是正则表达式的一个方法，用于检测一个字符串是否匹配某个模式.test 方法检查字符串是否与给出的正则表达式模式相匹配，如果是则返回 true，否则就返回 false。每个正则表达式都有一个 lastIndex 属性，用于记录上一次匹配结束的位置.语法：regexp.test(str) 在全局匹配模式下对于同一个正则对象重复调用就会出现下一次的匹配位置从上一次匹配结束的位置开始,解决方法重置lastIndex为0let reg = /^[\d]{2}$/g; let str

2022-04-25 21:40:07 7505

原创常见的JavaScript 字符串方法汇总

01、str.length这个简单的命令返回字符串的长度，这在前端很常见，用于对文本字段输入进行数据验证、限制某些数据对象的长度等等。let str = "matt";console.log(str.length); // this outputs 402、charAr(index)此函数将字符串视为字符数组。它检索你提供的索引处的字符。下面是一个例子：let str = ‘The cool programmer’; console.log(str.charAt(0)); // this ou

2022-04-24 18:29:26 1265

原创如何隐藏电脑的第三方输入法-windows高级键盘设置

若是点击了该红框内的选项便会多出如下：可以看到，此时输入法在左边显示，而非默认的右边。亦可在第三方输入法的此处设置更快捷的方法便是直接在windows的键盘更改默认输入法。

2022-04-24 18:23:55 400

原创常用sql语句整合(持续更新)

最常用的显示命令：1、显示数据库列表。show databases;2、显示库中的数据表：use mysql;show tables;3、显示数据表的结构：describe 表名;4、建库：create database 库名;5、建表：use 库名；create table 表名 (字段设定列表);6、删库和删表:drop database 库名;drop table 表名;7、将表中记录清空：delete from 表名;(这个清空表只是把数据表内容数据清掉

2022-04-24 16:14:56 117

原创 Array.prototype.flat()方法

flat() 方法会按照一个可指定的深度递归遍历数组，并将所有元素与遍历到的子数组中的元素合并为一个新数组返回。const arr1 = [0, 1, 2, [3, 4]];console.log(arr1.flat());// expected output: [0, 1, 2, 3, 4]const arr2 = [0, 1, 2, [[[3, 4]]]];console.log(arr2.flat(2));// expected output: [0, 1, 2, [3, 4]]

2022-04-23 16:36:31 189 2

原创 CSS-filter-hue-rotate()属性实现酷炫文字特效

hue-rotate()hue-rotate() (en-US) 函数在输入图像上应用色相旋转。angle 一值设定图像会被调整的色环角度值。值为 0deg，则图像无变化。若值未设置值，默认为 0deg。该值虽然没有最大值，超过 360deg 的值相当于又绕一圈。应用实例:<!DOCTYPE html><html><head> <meta http-equiv="content-type" content="text/html; charset=u

2022-04-22 15:16:24 735

原创 JS-如何将字符串中最后一个元素“,“逗号去掉

//第一种方法 str = str.substring(0, str.lastIndexOf(','));//第二种方法 str = (str.substring(str.length - 1) == ',') ? str.substring(0, str.length - 1) : str;//第三种方法 var str=str.substring(0,str.length-1);//3、将字符串中最后一个元素","逗号去掉，//第四种方法 var re

2022-04-18 22:53:24 1546

原创 VUE中$refs和$el的使用详解

ref: 给元素或者子组件注册引用信息ref有三种用法：1.ref加在普通元素上，获取用this.$ref.xxx可以获取到dom元素。<div ref="system">测试</div>// 获取mounted() { console.log(this.$refs.system);}2.ref加在子组件上，用this.$ref.xxx可以获取到组件实例，可以使用子组件的所有方法。使用：// this.$ref.xxx.方法名()// 父组件<co

2022-04-17 16:50:34 2393

原创 CSS滚动条实现步骤及美化小技巧

css控制的滚动条应该如何实现和隐藏呢？滚动条能不能换颜色或者做的更好看一些。1、overflow-y : 设置当对象的内容超过其指定高度时如何管理内容；overflow-x : 设置当对象的内容超过其指定宽度时如何管理内容。参数:visible：扩大面积以显示所有内容auto：仅当内容超出限定值时添加滚动条hidden：总是隐藏滚动条scroll：总是显示滚动条2、height : 设置滚动条的高度（修改其后数值即可）。3、滚动条颜色参数设置：scrollb

2022-04-17 14:54:54 532

原创 Vue项目的常见报错问题解决

1、‘webpack-dev-server’ 不是内部或外部命令，也不是可运行的程序或批处理文件解决办法：现在使用webpack要同时安装webpack-cli这个包，才可以调用webpack和webpack-dev-server这些命令。cnpm install webpack webpack-dev-server webpack-cli --save-dev2、"export 'default' (imported as 'ol') was not found in 'ol' （黄色警告，但

2022-04-16 23:46:06 8714

原创 JS求幂的另一个方式

求幂运算符（**）返回将第一个操作数加到第二个操作数的幂的结果。它等效于Math.pow，不同之处在于它也接受BigInts作为操作数。democonsole.log(3 ** 4);// expected output: 81console.log(10 ** -2);// expected output: 0.01console.log(2 ** 3 ** 2);// expected output: 512console.log((2 ** 3) ** 2);// expect

2022-04-16 23:02:56 1051

原创 js中BigInt()方法

在js中超过16位就会丢失精度，统一使用BigInt()，BigInt()是一种特殊的数字类型，它支持任意长度的整数，且不可以与number混用。BigInt 是一种内置对象，它提供了一种方法来表示大于 2^53 - 1 的整数。这原本是 Javascript中可以用 Number 表示的最大数字。BigInt 可以表示任意大的整数。描述可以用在一个整数字面量后面加 n 的方式定义一个 BigInt ，如：10n，或者调用函数 BigInt()（但不包含 new 运算符）并传递一个整数值或字符串值。

2022-04-16 22:51:18 5442 1

原创 JS算法-反向遍历

给你一个字符串 s，由若干单词组成，单词前后用一些空格字符隔开。返回字符串中最后一个单词的长度。单词是指仅由字母组成、不包含任何空格字符的最大子字符串。var lengthOfLastWord = function(s) { var wordWidth=0; for(var i=s.length-1;i>=0;i--){ if (s[i] == " " && wordWidth == 0) continue; if(s[i]!=" "){

2022-04-13 23:32:23 651 1

原创 js中的break,continue, return的区别

js中的break,continue, return面向对象编程语法中我们会碰到break ,continue, return这三个常用的关键字，那么关于这三个关键字的使用具体的操作是什么呢？我们在使用这三关键字的时候需要注意和需要理解的规则是什么呢？让我们开始介绍吧：js编程语法之break语句：break语句会使运行的程序立刻退出包含在最内层的循环或者退出一个switch语句。由于它是用来退出循环或者switch语句，所以只有当它出现在这些语句时，这种形式的break语句才是合法的。如果一个循

2022-04-13 23:30:33 120

简易清晰_网上家电购物网站下载_购物网站毕业设计下载

空空如也