关于JS中的箭头函数
更简短的函数并且不绑定this。箭头函数表达式的语法比函数表达式更简洁，并且没有自己的this，arguments，super或new.target。箭头函数表达式更适用于那些本来需要匿名函数的地方...
2023-05-17
Echarts实现点击列表联动饼图的示例代码
目录简单易懂的Echars案例，实现点击列表联动饼图效果图1. 首先我们先写一个左侧列表 StageLineStageLine 子组件 StageItem2.接下来我们写右侧饼图3. 在最外层父级，写一些方法...
2023-05-17
JavaScript 中的 parseInt() 函数详解
目录参数描述总结parseInt() 函数可解析一个字符串，并返回一个整数。parseInt 可以接受 2 个函数。parseInt(string, radix) 解析一个字符串并返回指定基数的十进制整数， radi...
2023-05-17
flv.js的具体使用教程
目录简介flv.js常用方法flv.js简单使用简介Flv.js 是 HTML5 Flash 视频（FLV）播放器，纯原生 JavaScript 开发，没有用到 Flash。由 bilibili 网站开源。它的工作原理是将 FLV 文件...
2023-05-17
JavaScript 装饰器模式用法详解
目录什么是装饰器模式为什么要有装饰器模式装饰器模式应用场景举个栗子给汽车加个真皮座椅一个简单的数据缓存总结什么是装饰器模式装饰器模式（Decorator Pattern）是一种结构...
2023-05-17
JavaScript中的this关键字用法详解
目录this的绑定call与apply当方法失去主语的时候，this不再有？不可见的调用总结先举一个生活例子：小明正在跑步，他看起来很开心这里的小明是主语，如果没有这个主语，那么后面的代词...
2023-05-17
JS+CSS实现超漂亮的动态翻书效果(思路详解)
目录前言思路准备正文一、CSS实现1、搭建基本框架2、编写CSS二、JS实现总结前言本文将带大家来实现一个非常有趣的案例——打开书本效果。我们平常冲浪时是不是看...
2023-05-17
JS中null和undefined的区别
目录前言定义异同点实际应用总结1.JS 中如何判断 undefined2.JS 中如何判断 null前言在JavaScript中，null和undefined是两个常见的数据类型，但总是在使用时由于对两者区别不清...
2023-05-17
千万别错过的JavaScript sort方法使用指南
目录JS的方法sort默认是按什么方式排序的sort方法介绍sort方法默认排序规则数字排序字符串排序对象排序附加内容sort方法是否改变原数组？sort方法在处理非ASCII字符时的问题s...
2023-05-17
JavaScript中好用的数组对象排序方法分享
目录简单的排序方法实现多重排序具有通用性的排序方法使用 Lodash 库结论在日常工作中，我们经常需要对数组对象进行排序。尤其是在处理数据可视化需求中，根据不同的数值维度进...
2023-05-17
js select支持手动输入功能实现代码
select下拉框的onkeydown事件，修改下拉框的值 function catch_keydown(sel){ switch(event.keyCode) { case 13: //回车键 event.returnValue = false; break;...
2023-05-17
前端JS,删除JSON数据(JSON数组)中的指定元素方式
目录前端JS,删除JSON数据(JSON数组)中的指定元素JS删除JSON数组中的元素的两种方法：delete和splice总结前端JS,删除JSON数据(JSON数组)中的指定元素在前端处理JSON的时候，可能...
2023-05-17
iframe实现与父页面跨域隔离的JavaScript 代码沙箱
目录正文1. iframe2. data URL3. 将 JavaScript 代码变成 data URL4. 如果需要获取执行结果的话，基于 postMessage 定制通信机制正文假如让你实现一个在线的 JavaScript 代码...
2023-05-17
JavaScript中常见的事件用法小结
一.onclick() 鼠标左键单击事件案例：点击按钮弹框<body><input type="button" value="按钮" id="btn"><script> document.getElementById("btn").onclick = function ()...
2023-05-17
js中.sort()函数的常见用法与高级操作
这是.sort()函数最常见的用法//没有函数参数，按字符编码格式排序var arr = [3,2,3,34,12,23,234,84,9];arr.sort();// 结果: 12,2,23,234,3,3,34,84,9// 需要升序或者降序则...
2023-05-17
JS语法也可以有C#的switch表达式
目录正文新的约束when 函数写法分算等级”测试测试问题升级成 TypeScript正文于 C/Java 语系的语言，都有 switch 语法。switch 语法用于多分支是一个标准的用法，但这个分...
2023-05-17
JS的鼠标监听mouseup鼠标抬起失效原因及解决
目录一、起因及解决解决：总结：一、起因及解决由于很少使用除了click的监听事件，今天在使用mouseup时遇到一个坑，找了好久的bug。事情是这样的，我在写一个表情框，为了实现鼠标拖动...
2023-05-17
教你JS更简单的获取表单中数据(formdata)
在文章正式开始之前呢，先介绍一个知识点，那就是var和let的区别，查看了各路大佬的文章，也经过各种尝试，最终得出的结果是，let声明的变量只在该变量对应的块中有效，有点局部变量的意...
2023-05-17
JS的Form表单转JSON格式的操作代码
目录一、serialize()方法二、serializeArray()方法三、$.param()方法js 将json字符串转换为json对象的方法解析一、JSON字符串转换为JSON对象二、可以使用toJSONString()或...
2023-05-17
asp错误 '80040e21' 多步 OLE DB 操作产生错误
今天在做ASP保存数据到MSSQL时出现以下错误提示:
Microsoft OLE DB Provider for ODBC Drivers 错误 '80040e21' 多步 OLE DB 操作产生错误。请检查每个 OLE DB 状...
2023-05-17
JS中map和parseInt的用法详解
目录map参数使用map和parseInt一起使用mapmap方法用于创建一个新的数组(不改变原数组),这个新数组由原数组中的每个元素,调用map中的回调函数处理后的返回值组成!参数map(ca...
2023-05-17
如何使用浏览器扩展篡改网页中的JS 文件
目录前言一、JS 文件拦截和篡改1.1 JS 文件拦截1.2 JS 文件篡改二、将篡改后的 JS 注入页面2.1 将文件从 background.js 发送到 content.js2.2 content.js 接收代码并注入页...
2023-05-17
浅谈async、defer以普通script加载的区别
如果用一张图片诠释这几种script加载的特点，应该是这样的：结合图片我们可以将三种方式的特点总结如下：<script> : 当HTML解析过程中遇到script标签时，浏览器中断HTML解析，随即下...
2023-05-17
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
