可我不曾见过海洋-CSDN博客

原创 js数组的扩展------8种多维数组降维的方法

1、数组字符串化let arr = [[123456], [333], 789]arr += ''arr = arr.split(',')console.log(arr)2、递归function demo(arr) { var newArr = [] for (var i = 0; i < arr.length; i++) { if (Array.isArray(arr[i])) { // 如果是数组，调用递归函数 dimension 将其

2021-12-15 13:25:53 993

原创 Js阻止事件冒泡与阻止默认事件

1、event.stopPropagation()方法event.stopPropagation()方法阻止事件冒泡到父元素，阻止任何父事件处理程序被执行。不让事件向documen上蔓延，但是默认事件任然会执行，当你掉用这个方法的时候，如果点击一个连接，这个连接仍然会被打开。提示：请使用 event.isPropagationStopped()方法来检查指定的事件上是否调用了该方法。2、event.preventDefault()方法取消事件的默认动作。该方法将通知 Web 浏览器不要执行与事件关联

2021-12-15 11:05:26 2170 1

原创 Javascript中的内置对象——数组

什么是数组？数组：存储一组或一系列相关数据的窗口，相当于多个变量的组合。当有多个数据进行存储和处理时使用数组，如果存储5个、50个数据呢？数组是在内存中连续开辟的空间，相比变量，对于存储或读取数据的性能更高、更快。数组下标：能够标识唯一一个数组空间的索引号。下标从0开始，最大下标：数组的长度- 1数组的元素：存储在数组中具有唯一索引号中的数据，叫元素。如何声明数组？字面量方式：[]构造函数方式：new Array()var arr = []; //声明一个空数组var list

2021-11-25 10:06:36 173

原创 vue3的新特性（script-setup）如何进行高效开发

在 Vue 3.0 的 .vue 组件里，遵循 SFC 规范要求（注：SFC，即 Single-File Component，.vue 单组件），标准的 setup 用法是，在 setup 里面定义的数据如果需要在 template 使用，都需要 return 出来。如果你使用的是 TypeScript ，还需要借助 defineComponent 来帮助你对类型的自动推导。<script lang="ts">import { defineCom

2021-11-18 14:18:23 949

原创 vue3中的watch与vue2中的watch的对比

新版的 watch 和旧版对比，在使用方式上变化非常大！旧版是这样用的，和 data 、 methods 都在同级配置：// 旧版的写法：复制代码export default { watch: { // ... }, data () { return { // ... } }, methods: { // ... }}新版的 watch 需要在 setup 里使用，在使用之前，还需要先导入该组件。复制代码import {

2021-11-17 11:33:46 1148 1

原创关于堆和栈理解的一句话！

js变量存储有栈存储和堆存储，基本数据类型的变量存储在栈中，引用数据类型的变量存储在堆中引用类型数据的地址也存在栈中当访问基础类型变量时，直接从栈中取值。当访问引用类型变量时，先从栈中读取地址，在根据地址到堆中取出数据...

2021-07-01 16:53:19 54

原创箭头函数和普通函数的区别是什么？

普通函数this：this总是代表它的直接调用者。在默认情况下，没找到直接调用者，this指的是window。在严格模式下，没有直接调用者的函数中的this是undefined。使用call,apply,bind绑定，this指的是绑定的对象。箭头函数this：在使用=>定义函数的时候，this的指向是定义时所在的对象，而不是使用时所在的对象；不能够用作构造函数，这就是说，不能够使用new命令，否则就会抛出一个错误；不能够使用 arguments 对象；不能使用 yield 命令；

2021-07-01 16:51:09 716

原创前端如何优化网站性能？

一、减少 HTTP 请求数量在浏览器与服务器进行通信时，主要是通过 HTTP 进行通信。浏览器与服务器需要经过三次握手，每次握手需要花费大量时间。而且不同浏览器对资源文件并发请求数量有限（不同浏览器允许并发数），一旦 HTTP 请求数量达到一定数量，资源请求就存在等待状　　　　　　　　　　态，这是很致命的，因此减少 HTTP 的请求数量可以很大程度上对网站性能进行优化。CSS Sprites：国内俗称 CSS 精灵，这是将多张图片合并成一张图片达到减少 HTTP 请求的一种解决方案，可以通过 CSS b

2021-06-29 16:49:35 130

原创 instanceof原理

instanceOf用来判断右边的prototype是否在左边的原型链上，告诉我们左边是否是右边的实例。function instanceof(left, right) {// 获得类型的原型let prototype = right.prototype// 获得对象的原型left = left.proto// 判断对象的类型是否等于类型的原型while (true) {if (left === null){return false}if (prototype === left){r

2021-06-28 09:20:57 79

原创 call、apply、bind区别

call、apply区别相同点：都是重定向this指针的方法。不同点：call和apply的第二个参数不相同，call是若干个参数的列表。apply是一个数组手写一个call方法// 在这之前需要重新认识一下call方法的执行操作let mock = { value : 1 };function mockNum(){console.log(‘value’,this.value)}mockNum.call(mock) // 改变了函数中this的指向，当前this指向了mock对象转换一下

2021-06-25 17:31:42 166

原创关于token的理解

什么是tokentoken的意思是“令牌”，是服务端生成的一串字符串，作为客户端进行请求的一个标识。当用户第一次登录后，服务器生成一个token并将此token返回给客户端，以后客户端只需带上这个token前来请求数据即可，无需再次带上用户名和密码。简单token的组成；uid(用户唯一的身份标识)、time(当前时间的时间戳)、sign（签名，token的前几位以哈希算法压缩成的一定长度的十六进制字符串。为防止token泄露）。使用token机制的身份验证方法，在服务器端不需要存储用户的登录记录。

2021-06-25 11:49:47 2563

weixin_44562686的博客