随笔分类 - js进阶
摘要：如何给函数如何新增一个参数 <el-form-item :prop="`userSelectData.${index}.pageShowResourceNameIdArr`" :rules="{ required: true, validator:checkWatchHandler }"> </el
阅读全文
摘要：str.charAt(index) 获取字符串的值 【兼容性非常好】 兼容所有浏览器，包括 IE6、IE7、IE8 参数：index 是一个整数，表示字符的位置（从 0 开始计数）。 index 在有效范围内（0 到 str.length - 1），返回对应的字符 index 超出范围（小于 0
阅读全文
摘要：核心 基本数据类型，解构赋值时复制的是值，是值的拷贝，不是引用。hooks里面的更改，外面的不变。 点击更改值，然后点击获取值，输出的是？ <button onclick="timeChange()">更改值</button> <button onclick="getTime()">获取值</but
阅读全文
摘要：下面这个例子可以获取到最新的值吗？ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"
阅读全文
摘要：这两种绑定事件有什么区别？ 第一种方式绑定事件： <el-switch :before-change="() => beforeChangeHandler(scope.row)"/> 第二种方式绑定事件： <el-switch :before-change="beforeChangeHandler(
阅读全文
摘要：前言 有些时候，我们需要生成唯一 ID 看上去很简单的样子，但真要做到百分百不重复，可比想的要坑。 第一个坑：拿时间戳加随机数凑数 很多小伙伴的第一反应可能会这样来写 function backUniqueIDvalue() { return Date.now().toString(36) + Ma
阅读全文
摘要：判断是否为数字(不够完美) function isNumber(value) { return typeof value 'number' && !isNaN(value); } // 测试 isNumber(123); // true isNumber(0); // true isNumber(N
阅读全文
摘要：什么是 JavaScript Worker？ Worker 是在Web应用程序中实现多线程的机制。 它可以在一个单独的线程中运行脚本，独立于主线程。 这样，我们可以将一些耗时的计算任务交给Worker线程处理。 以保证主线程的不会被阻塞。 为什么需要Worker？ 由于JavaScript是单线程的
阅读全文
摘要：什么是函数声明 以 function 关键字开头，必须指定函数名（如 function greet() {}），且不能作为其他语句的一部分。 函数声明会被提升 在JS中,函数声明会被提升，这意味着函数可以在声明之前被调用。 当你使用函数声明的方式定义函数: function resizeFn()
阅读全文
摘要：需求描述 今天遇见一个问题，再请求接口的时候。 需要知道返回来的url中某个参数的值与返回来的数据是否匹配。 因此我们需要获取URL携带的参数的参数值。 我知道这个需求对很多小伙伴来说，非常简单。三下五除二就写下了如下的代码 获取url地址栏中的参数 思路如下： 1，通过string.split方法
阅读全文
摘要：需求的产生 今天在需求评审的过程中，遇见一个排序问题 地区的拼音按照a-z的顺序进行排序。 研究了一下，主要有下面三种做法。 1,使用 String.prototype.localeCompare() 2,new Intl.Collator() 3,使用第3方库 pinyin 下面我们来详细的介绍一
阅读全文
摘要：ResizeObserver 的介绍 ResizeObserver 用于异步观察元素的尺寸大小变化。 如：动态改变某个元素的尺寸大小时，调整浏览器窗口大小、SVG 元素或文本节点的大小变化、 可以触发相应的回调处理逻辑。 当这些目标的大小变化时，ResizeObserver 将会触发一个回调函数 特
阅读全文
摘要：线上效果图 思路分析 图片我们使用背景图片的方式插入 如果我们的图片大于容器的话 我们使用background-size: cover 进行比例缩放,覆盖整个容器 毛玻璃效果使用 backdrop-filter 来进行处理，值越大模糊程度越大 使用毛玻璃实现图片模糊效果 <!DOCTYPE html
阅读全文
摘要：
SSE简介 SSE(Server-Sent Events)是一种实现服务器主动向客户端推送数据的技术,也称为 “事件流”。 它基于 HTTP 协议,是一个get请求。 利用了其长连接特性,从而实现:服务器向客户端的实时数据推送。 但客户端不能通过 SSE 向服务端发送数据。因此它是单向通信的。 SS
阅读全文
SSE简介 SSE(Server-Sent Events)是一种实现服务器主动向客户端推送数据的技术,也称为 “事件流”。 它基于 HTTP 协议,是一个get请求。 利用了其长连接特性,从而实现:服务器向客户端的实时数据推送。 但客户端不能通过 SSE 向服务端发送数据。因此它是单向通信的。 SS
阅读全文
摘要：捕获异常 捕获异常：处理可能出现的异常，当发生错误后，我们对它进行处理，不让程序崩溃。 异常处理 try-catch-finally try{ // 可能出现异常的:代码1 }catch(err){ // 当代码发生异常后，会执行这里，异常对象会传递给 err // 代码不发生异常，则不会执行这里
阅读全文
摘要：使用node实现请求的需要的接口 newList.js // var express = require('express'); var router = express.Router(); // 动态路由处理 for (let i = 1; i <= 100; i++) { router.get(
阅读全文
摘要：使用 eval 将字符串当做代码来执行 function zhiXing(strCode){ eval(strCode) } zhiXing("console.log('hello')") 在控制台会输出: hello eval 的简单介绍 1,eval是同步代码 2,eval()执行代码时，读取变
阅读全文
摘要：ES6 数字类型范围在-2^53 + 1 与 2^53 - 1 在ES6(ECMAScript 2015)之前， 所有的数字都被表示为双精度64位浮点数(遵循IEEE 754标准) 也就是说:js能够安全的表示整数范围是从{-2^53 + 1, 2^53 - 1} 如果超出这个范围会出现精度丢失 我
阅读全文
摘要：闭包 闭包官方的解释：闭包（closure）是一个函数以及其捆绑的周边环境状态（词法环境）的引用的组合。 也就是说：闭包让开发者可以从内部函数访问外部函数的作用域。 在 JavaScript 中，闭包会随着函数的创建而被同时创建。 上面这3句话是mdn的解释。太复杂了。笨笨的我理解不了。 我的理解：
阅读全文
摘要：消息队列的解释 每个任务都有一个任务类型。 同一个类型的任务必须在一个队列中。 不同类型的任务可以分属于不同的队列中。 在一次事件循环中，浏览器可以【根据实际情况】从不同的队列中取出任务执行。 浏览器必须准备好一个微队列，微队列中的任务优先其他所有类型的任务。 chrome中的常见队列 在 chro
阅读全文
浙公网安备 33010602011771号