nestjs实现图形校验和单点登录的示例代码
目录实现图形校验和单点登录前置条件安装Moduleservice如何生成图形验证码如何使用 session接入 mongose实现图形校验和单点登录效果图前置条件学习一下 nest安装新建项目 n...
2023-05-17
JS时间戳转换方式示例详解
目录前言1、js 时间戳转日期（可直接复制）2、在main.js中创建过滤器3、day.js（链接直达）前言在js中将时间戳转换为常用的时间格式，有三种主要的方式
1、使用JS中已有的函数，例如get...
2023-05-17
深度剖析JavaScript作用域从局部到全局一网打尽
目录JavaScript作用域深度剖析：从局部到全局一网打尽1.1 编译原理1.2 理解作用域1.2.1 演员表1.2.2 对话1.2.3 编译器有话说1.2.51.3 作用域嵌套1.4 异常1.5 小结特殊字符描...
2023-05-17
JavaScrip简单数据类型隐式转换的实现
目录JavaScrip隐式转换规则JavaScrip类型转换详解转换成Number类型转换为String类型转换为Boolean类型JavaScrip特殊操作符对类型转换的影响！逻辑非运算符== 相等运算符比较...
2023-05-17
一文搞懂 parseInt()函数异常行为
目录正文1. parseInt() 的怪异行为2.解决parseInt()怪异行为3.总结正文parseInt()是内置的 JS 函数，用于解析数字字符串中的整数。 例如，解析数字字符串'100'：const nu...
2023-05-17
Javascript脚本获取form和input内容的方法(两种方法)
目录Javascript脚本获取form和input内容的方法第一种方法：第二种方法：补充：form提交不刷新网页方法Javascript脚本获取form和input内容的方法随着js的发展，许多的网页数据处理完...
2023-05-17
js中textContent、innerText和innerHTML的用法以及区别
一.textContent的用法1.设置标签中的文本内容<body><input type="button" value="按钮" id="btn"><div id="dv">这是一个div</div><script> document.getElementById("bt...
2023-05-17
JavaScript中的纯函数与偏函数你了解吗
目录纯函数介绍示例详解偏函数纯函数介绍在JavaScript中，纯函数是指在相同的输入下，始终产生相同的输出，并且没有副作用的函数。纯函数不会修改或依赖于函数之外的状态，也不会对...
2023-05-17
JavaScript中高阶函数的巧妙运用
目录1.接受函数作为参数的高阶函数2.返回函数的高阶函数3.同时接受和返回函数的高阶函数JavaScript中的高阶函数是指可以接受其他函数作为参数或者返回一个函数作为结果的函...
2023-05-17
js判断两个字符串是否相等的两种方法
目录1、使用比较运算符判断两个字符串是否相等2、使用 localeCompare() 方法判断两个字符串是否相等补充知识：== 操作符总结1、使用比较运算符判断两个字符串是否相等可以使...
2023-05-17
js获取今天、昨天、明天的日期函数代码
今天发现的一个比较好的函数/* * @params date 日期 * @params type 日期 prev/current/next 昨天/今天/明天 * @params fmt 日期拼接符*/function getDays(date, type,...
2023-05-17
js保留两位小数最简单的实现方法
目录前言1. toFixed() 方法2. Math.floor() 方法3. 字符串+正则匹配4. 强制保留2位小数（例如3.00）5. 四舍五入保留2位小数（若第二位小数为0，则保留一位小数）6. substring()方法 +...
2023-05-17
JavaScript实现组件化和模块化方法详解
目录组件化和模块化模块化组件化Vue中的组件化组件化和模块化为什么会有组件化和模块化？当我们的项目复杂度不断上升，项目维护成本逐渐提高之后，对于旧项目的维护就变得格外困...
2023-05-17
细说JS数组遍历的一些细节及实现
目录1. 数组空位问题 1.1 空位判断 1.2 刚列举了数组的一些操作会对空位进行跳过，但其实，它们在处理上也还是存在一些差异的2. 是否修改原数组 3. 附一下数组遍历的几种...
2023-05-17
JavaScript中常见的几种获取元素的方式
1.根据id获取元素document.getElementById("id属性的值");返回值是一个元素对象案例：点击按钮弹框<body><input type="button" value="弹框" id="btn"><script> //根据id...
2023-05-17
JavaScript中的location、history、navigator对象实例介绍
1.location//地址栏上#及后面的内容console.log(window.location.hash);//主机名及端口号console.log(window.location.host);//主机名console.log(window.location.hostnam...
2023-05-17
JavaScript使用Promise封装Axios进行高效开发
目录一、为什么要使用promise封装二、如何封装以及使用三、拓展一、为什么要使用promise封装原生的axios书写是这样的：axios({ url: 接口地址, method:请求方法, data:携...
2023-05-17
JS实现"上次操作未完成禁止新操作"逻辑特事特办方案
目录场景1.初步解决方案：特事特办2. 基于约定回调的条件式回调函数3. 基于 Promise 的条件式回调函数4. React hook 版场景相信很多人都遇到过类似的场景：某一个按钮是用来发...
2023-05-17
JavaScript中内置函数Map()的使用
目录Map()的定义和基础使用Map()的高级特性易于迭代所有元素易于检测元素是否存在易于删除元素具有可扩展的属性和方法Map()的使用场景缓存数据带键的循环翻译文本结论JavaS...
2023-05-17
JavaScript中的预解析你了解吗
JS的预解析是指在代码执行之前，JavaScript引擎会先对代码进行一次扫描，将变量声明和函数声明提升到当前作用域的顶部，以便在代码执行时能够正确地访问这些变量和函数。这个过程...
2023-05-17
JS树形结构根据id获取父级节点元素的示例代码
目录封装函数调用函数封装函数// 传入 id、树形结构数据export function getParentTree(id, tree) { let arr = [] //要返回的数组 for (let i = 0; i < tree.length; i++...
2023-05-17
深入浅出JavaScript前端中的设计模式
目录关于设计模式七种常见的设计模式单例模式工厂模式适配器模式装饰器模式策略模式观察者模式发布-订阅模式关于设计模式软件设计模式，又称设计模式，是一套被反复使用、多数...
2023-05-17
TypeScript接口和类型的区别小结
目录接口（interface）类型（type）interface vs type结论TypeScript 是由 Microsoft 开发的一种开源的编程语言。它是 JavaScript 的超集，添加了静态类型和其他功能，使代码更为健壮且...
2023-05-17
JavaScript中的构造函数和实例对象之间的关系(构造器)
1.自定义构造函数function Person(name,age,sex) { this.name=name; this.age=age; this.sex=sex; this.eat=function () { console.log("吃"); };}2...
2023-05-17
网页加载速度优化技巧的方案详解
目录引言部分图片采用雪碧图部分图片采用svg部分图片转 base64 编码压缩 html、css、js 等静态资源CDNGzip引言由于最近工作需求，需要极大优化用户的加载速度。下面我就从网...
2023-05-17
JS中的常见数组遍历案例详解(forEach, map, filter, sort, reduce, every)
目录1. forEach2. map3. filter4. sort5. reduce6. every在ES6的语法中，数组新添了好几种新的和遍历有关的方法。虽然这些函数本质上都是语法糖，理论上说，离开他们一样可以写码...
2023-05-17
TS如何从目录中提取所有指定扩展名的文件
目录TS如何从目录中提取所有指定扩展名的文件“.ts”是一种高清视频封装格式文件，全称为MPEG2-TS，TS表示TransportStream；MPEG2-TS格式的特点就是从视频流的任一片段...
2023-05-17
vue2中使用axios及axios拦截器的配置教程
目录一、vue2项目中如何实现异步请求1、axios：是一个基于Promise的网络请求库。2、vue中的使用方法3、axios中不同请求方式向服务器提交数据的格式：二、axios拦截器的配置1、a...
2023-05-17
Vue.js结合SortableJS实现树形数据拖拽
目录需求实现避坑(树形结构导致下标错乱)避坑(树形结构导致拖拽父级子级数据不跟随父级移动)避坑(刷新表格导致抖动)平级数据拖拽小结需求表格实现行拖拽,要求只支持同级拖...
2023-05-17
Vue插槽具体用法及实例分析
目录单个插槽具名插槽作用域插槽Vue的插槽（Slot）是一种可以让父组件向子组件传递内容的机制。插槽可以让开发者将组件的结构和内容分离开来，从而实现更好的可维护性和复用性。...
2023-05-17
Vue中的侦听器及使用场景
目录基本示例深层侦听器即时回调的侦听器回调的触发时机this.$watch()停止侦听器基本示例计算属性允许我们声明性地计算衍生值。然而在有些情况下，我们需要在...
2023-05-17
Vue中常见的几种传参方式小结
目录前言父子组件之间传参兄弟组件之间传参provide/inject传参总结前言Vue组件传参方也是面试最常考的内容，犹记得当初刚出来实习的时候，遇到一个需求，大概就是一个tabs下面有...
2023-05-17
详解Vue的组件注册
引言一个 Vue 组件在使用前需要先被“注册”，这样 Vue 才能在渲染模板时找到其对应的实现。组件注册有两种方式：全局注册和局部注册。全局注册我们可以使用 Vue...
2023-05-17
浅谈Vue DIFF
目录不带 key 的操作带 key 的操作简单 DIFFVue是如何找到需要进行移动的元素Vue是如何移动元素的Vue是如何进行新增元素的Vue 是如何删除多余的旧元素的双指针 DIFF快速 DI...
2023-05-17
el-date-picker日期范围限制的实现
目录前言实现思路具体实现组件模板定义定义props属性 type设置默认属性值定义核心计算属性pickerOptions处理手动输入的情况使用效果完整代码实现前言最近遇到一个需求：需要...
2023-05-17
Vue3+axios+Mock.js实现登录功能的示例代码
目录前言一、Vue3 + Element Plus + Mock.js + axios实现登录功能1.登录页面配置路由、编写表单内容2.编写表单校验规则3.登录触发表单预验证4.Mock.js模拟登录请求5.Vue3引...
2023-05-17
Vue首屏白屏问题的原因和解决方法讲解
目录一.路由模式错误(路由重复或者没有配置路由)二.dist中文件引用路径错误(vue项目打包的路径问题)三.浏览器不支持es6四.加载文件资源过大vue首屏白屏原因大概有以下几点：...
2023-05-17
Vue3 Watch踩坑实战之watch监听无效
目录ref 与 reactivewatch总结ref 与 reactiveref函数和reactive函数都是用来定义响应式数据但是reactive更适合定义引用类型、ref适合定义基本数据类型（可接收基本数据类型...
2023-05-17
vue执行配置选项npm run serve的本质图文详解
目录一、启动开发服务器、调用“工具链”、编译、并运行当前工程二、npm run serve内部原理分析三、vue编译运行过程总结一、启动开发服务器、调用“工具链&...
2023-05-17
详解Vue如何实现字母验证码
目录1. 确定需求2. 设计组件结构3. 实现功能3.1 生成随机字母验证码3.2 刷新验证码3.3 提交验证码4. 效果演示5. 总结1. 确定需求在实现字母验证码之前，我们需要明确需求并准...
2023-05-17
el-form-renderer使用教程
目录前言起步 使用update-form && getFormValue表单项动态显示或隐藏(hidden)表单数据联动(on)输入/输出格式化(inputFormat/outputFormat)set-optionsel-form-renderer 实...
2023-05-17
深入探讨Vue 3中的组合式函数编程方式
目录什么是组合式函数鼠标跟踪器示例异步状态示例约定和最佳实践 命名输入参数返回值副作用使用限制通过抽取组合式函数改善代码结构选项式API中使用组合...
2023-05-17
Vue中的组件注册方法及注意事项
目录Vue组件的基本概念Vue组件的注册全局注册局部注册如何使用Vue组件组件之间嵌套Vue组件的基本概念Vue组件是一种可复用的Vue实例，用于封装可重用的HTML元素、JavaScript代...
2023-05-17
element-ui中el-cascader动态加载和默认值详解
刚解决了这个问题，趁热赶快拿出来凉凉，明天早上起来估计会忘下拉框的选择和默认值对于我来说一直都是个让人头疼的事，倒不是有多么难，而是很繁琐。要保证有值，还要有显示的文字。...
2023-05-17
element-ui中表格设置正确的排序及设置默认排序
本文主要解决两个问题，第一个，在element-ui中，直接设置参数排序，达不到预期效果，预期是按照数字的大小进行排序；第二个，想对表格中某个字段设置默认的排序方式现象：
直接设置在 el-t...
2023-05-17
教你使用vue-autofit 一行代码搞定自适应可视化大屏
目录可视化大屏适配/自适应现状三大常用方式解决留白问题常用分辨率计算补齐白边所需的px最终效果亲手打造集成工具：vue-autofit可视化大屏适配/自适应现状可视化大屏的适配...
2023-05-17
VueRouter 原理解读之初始化流程
目录1.1 核心概念官方介绍使用与阅读源码的必要性1.2 基本使用路由配置与项目引入路由组件使用跳转 api 调用2.1 createRouter 初始化入口分析大致流程Router 对象的定义：创...
2023-05-17
深入了解Vue3中props的原理与使用
目录前言介绍原理前提创建组件实例对象初始化Props操作创建proxy对象去获取Propsprops作为参数传入setup将proxy挂载到render上总结前言props指父组件往子组件中传入参数，我...
2023-05-17
VUE项目启动没有问题但代码中script标签有蓝色波浪线标注
目录项目场景：问题描述原因分析：解决方案：总结项目场景：VUE 中项目启动没有问题，代码中 script 标签有蓝色波浪线标注：并且有相关的 提示信息Virtual script not found, may missi...
2023-05-17
Vue3中watch无法监听的解决办法
下面的代码在对ref实例赋值完之后。既：test.value = { name: 1 }，会发现不执行watch里面的回调函数了，这是为什么呢？<!DOCTYPE html><html lang="en"><head> <meta charset="UT...
2023-05-17
