JavaScript - 教程之家

220浏览

0评论

H5如何实现唤起APP及调试bug解决

目录前言：唤端url schema打开方式：适用性：前言：为什么我对这个突然感兴趣呢，是因为最近在做需求的时候存在H5收银台唤起vx/jfb app的场景，但在调试时总会有bug（某一个版本的应用无...

2023-05-17

112浏览

0评论

JavaScript针对SPA应用的前端优化策略概述

目录性能优化关于SPA单页面应用程序的优化1、路由懒加载2、组件懒加载组件懒加载的使用场景懒加载原理3、Tree shaking的优化4、骨架屏优化白屏时长性能优化所有开发者都无...

2023-05-17

193浏览

0评论

JavaScript面试必备之垃圾回收机制和内存泄漏详解

目录1.垃圾回收机制1.1 标记清除1.2 引用计数2.什么是内存泄漏2.1 JavaScript内存分配和回收的关键词：GC根、作用域3.常见的几种内存泄漏的方式3.1 未被注意的全局变量3.2 闭...

2023-05-17

110浏览

0评论

JavaScript闭包和作用域链的定义实现

目录引言闭包的定义和实现作用域链闭包和作用域链的关系使用闭包的注意事项结论引言在JavaScript中，每个函数都有自己的作用域。作用域规定了哪些变量和函数可以在当前函数内...

2023-05-17

104浏览

0评论

7个令人惊讶的JavaScript特性详解

目录从任何一个代码块中 break解构一个已存在的变量对数值进行解构类声明是块级作用域的同名参数typeof 不安全新数组从任何一个代码块中 break你应该已经知道你可以从任意...

2023-05-17

286浏览

0评论

千万不要错过的JavaScript高效对比数组差异方法

目录基础概念什么是数组？什么是对象？需求分析解决方案第一步：比较arr1中存在但在arr2中不存在的元素第二步：比较arr2中存在但在arr1中不存在的元素第三步：比较arr1和arr2中都存在...

2023-05-17

173浏览

0评论

JavaScript鼠标移动事件以及实战案例

目录一、鼠标点击事件1.onclick单击事件2.ondblclick双击事件3. onmousedown鼠标按下事件4. onmouseup鼠标松开事件二、鼠标移动事件三、案列：总结一、鼠标点击事件1.onclick...

2023-05-17

138浏览

0评论

关于JS中的箭头函数

更简短的函数并且不绑定this。箭头函数表达式的语法比函数表达式更简洁，并且没有自己的this，arguments，super或new.target。箭头函数表达式更适用于那些本来需要匿名函数的地方...

2023-05-17

262浏览

0评论

Echarts实现点击列表联动饼图的示例代码

目录简单易懂的Echars案例，实现点击列表联动饼图效果图1. 首先我们先写一个左侧列表 StageLineStageLine 子组件 StageItem2.接下来我们写右侧饼图3. 在最外层父级，写一些方法...

2023-05-17

121浏览

0评论

JavaScript 中的 parseInt() 函数详解

目录参数描述总结parseInt() 函数可解析一个字符串，并返回一个整数。parseInt 可以接受 2 个函数。parseInt(string, radix) 解析一个字符串并返回指定基数的十进制整数， radi...

2023-05-17

246浏览

0评论

flv.js的具体使用教程

目录简介flv.js常用方法flv.js简单使用简介Flv.js 是 HTML5 Flash 视频（FLV）播放器，纯原生 JavaScript 开发，没有用到 Flash。由 bilibili 网站开源。它的工作原理是将 FLV 文件...

2023-05-17

372浏览

0评论

JavaScript 装饰器模式用法详解

目录什么是装饰器模式为什么要有装饰器模式装饰器模式应用场景举个栗子给汽车加个真皮座椅一个简单的数据缓存总结什么是装饰器模式装饰器模式（Decorator Pattern）是一种结构...

2023-05-17

262浏览

0评论

JavaScript中的this关键字用法详解

目录this的绑定call与apply当方法失去主语的时候，this不再有？不可见的调用总结先举一个生活例子：小明正在跑步，他看起来很开心这里的小明是主语，如果没有这个主语，那么后面的代词...

2023-05-17

119浏览

0评论

JS+CSS实现超漂亮的动态翻书效果(思路详解)

目录前言思路准备正文一、CSS实现1、搭建基本框架2、编写CSS二、JS实现总结前言本文将带大家来实现一个非常有趣的案例——打开书本效果。我们平常冲浪时是不是看...

2023-05-17

100浏览

0评论

JS中null和undefined的区别

目录前言定义异同点实际应用总结1.JS 中如何判断 undefined2.JS 中如何判断 null前言在JavaScript中，null和undefined是两个常见的数据类型，但总是在使用时由于对两者区别不清...

2023-05-17

391浏览

0评论

千万别错过的JavaScript sort方法使用指南

目录JS的方法sort默认是按什么方式排序的sort方法介绍sort方法默认排序规则数字排序字符串排序对象排序附加内容sort方法是否改变原数组？sort方法在处理非ASCII字符时的问题s...

2023-05-17

219浏览

0评论

JavaScript中好用的数组对象排序方法分享

目录简单的排序方法实现多重排序具有通用性的排序方法使用 Lodash 库结论在日常工作中，我们经常需要对数组对象进行排序。尤其是在处理数据可视化需求中，根据不同的数值维度进...

2023-05-17

350浏览

0评论

js select支持手动输入功能实现代码

select下拉框的onkeydown事件，修改下拉框的值 function catch_keydown(sel){ switch(event.keyCode) { case 13: //回车键 event.returnValue = false; break;...

2023-05-17

174浏览

0评论

前端JS,删除JSON数据(JSON数组)中的指定元素方式

目录前端JS,删除JSON数据(JSON数组)中的指定元素JS删除JSON数组中的元素的两种方法：delete和splice总结前端JS,删除JSON数据(JSON数组)中的指定元素在前端处理JSON的时候，可能...

2023-05-17

123浏览

0评论

iframe实现与父页面跨域隔离的JavaScript 代码沙箱

目录正文1. iframe2. data URL3. 将 JavaScript 代码变成 data URL4. 如果需要获取执行结果的话，基于 postMessage 定制通信机制正文假如让你实现一个在线的 JavaScript 代码...

2023-05-17

113浏览

0评论

JavaScript中常见的事件用法小结

一.onclick() 鼠标左键单击事件案例：点击按钮弹框<body><input type="button" value="按钮" id="btn"><script> document.getElementById("btn").onclick = function ()...

2023-05-17

121浏览

0评论

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

136浏览

0评论

JS语法也可以有C#的switch表达式

目录正文新的约束when 函数写法分算等级”测试测试问题升级成 TypeScript正文于 C/Java 语系的语言，都有 switch 语法。switch 语法用于多分支是一个标准的用法，但这个分...

2023-05-17

324浏览

0评论

JS的鼠标监听mouseup鼠标抬起失效原因及解决

目录一、起因及解决解决：总结：一、起因及解决由于很少使用除了click的监听事件，今天在使用mouseup时遇到一个坑，找了好久的bug。事情是这样的，我在写一个表情框，为了实现鼠标拖动...

2023-05-17

396浏览

0评论

教你JS更简单的获取表单中数据(formdata)

在文章正式开始之前呢，先介绍一个知识点，那就是var和let的区别，查看了各路大佬的文章，也经过各种尝试，最终得出的结果是，let声明的变量只在该变量对应的块中有效，有点局部变量的意...

2023-05-17

135浏览

0评论

JS的Form表单转JSON格式的操作代码

目录一、serialize()方法二、serializeArray()方法三、$.param()方法js 将json字符串转换为json对象的方法解析一、JSON字符串转换为JSON对象二、可以使用toJSONString()或...

2023-05-17

222浏览

0评论

asp错误 '80040e21' 多步 OLE DB 操作产生错误

今天在做ASP保存数据到MSSQL时出现以下错误提示:
Microsoft OLE DB Provider for ODBC Drivers 错误 '80040e21' 多步 OLE DB 操作产生错误。请检查每个 OLE DB 状...

2023-05-17

276浏览

0评论

JS中map和parseInt的用法详解

目录map参数使用map和parseInt一起使用mapmap方法用于创建一个新的数组(不改变原数组),这个新数组由原数组中的每个元素,调用map中的回调函数处理后的返回值组成!参数map(ca...

2023-05-17

150浏览

0评论

如何使用浏览器扩展篡改网页中的JS 文件

目录前言一、JS 文件拦截和篡改1.1 JS 文件拦截1.2 JS 文件篡改二、将篡改后的 JS 注入页面2.1 将文件从 background.js 发送到 content.js2.2 content.js 接收代码并注入页...

2023-05-17

91浏览

0评论

浅谈async、defer以普通script加载的区别

如果用一张图片诠释这几种script加载的特点，应该是这样的：结合图片我们可以将三种方式的特点总结如下：<script> : 当HTML解析过程中遇到script标签时，浏览器中断HTML解析，随即下...

2023-05-17

349浏览

0评论

nestjs实现图形校验和单点登录的示例代码

目录实现图形校验和单点登录前置条件安装Moduleservice如何生成图形验证码如何使用 session接入 mongose实现图形校验和单点登录效果图前置条件学习一下 nest安装新建项目 n...

2023-05-17

194浏览

0评论

JS时间戳转换方式示例详解

目录前言1、js 时间戳转日期（可直接复制）2、在main.js中创建过滤器3、day.js（链接直达）前言在js中将时间戳转换为常用的时间格式，有三种主要的方式
1、使用JS中已有的函数，例如get...

2023-05-17

209浏览

0评论

深度剖析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

123浏览

0评论

JavaScrip简单数据类型隐式转换的实现

目录JavaScrip隐式转换规则JavaScrip类型转换详解转换成Number类型转换为String类型转换为Boolean类型JavaScrip特殊操作符对类型转换的影响！逻辑非运算符== 相等运算符比较...

2023-05-17

141浏览

0评论

一文搞懂 parseInt()函数异常行为

目录正文1. parseInt() 的怪异行为2.解决parseInt()怪异行为3.总结正文parseInt()是内置的 JS 函数，用于解析数字字符串中的整数。例如，解析数字字符串'100'：const nu...

2023-05-17

116浏览

0评论

Javascript脚本获取form和input内容的方法(两种方法)

目录Javascript脚本获取form和input内容的方法第一种方法：第二种方法：补充：form提交不刷新网页方法Javascript脚本获取form和input内容的方法随着js的发展，许多的网页数据处理完...

2023-05-17

283浏览

0评论

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

401浏览

0评论

JavaScript中的纯函数与偏函数你了解吗

目录纯函数介绍示例详解偏函数纯函数介绍在JavaScript中，纯函数是指在相同的输入下，始终产生相同的输出，并且没有副作用的函数。纯函数不会修改或依赖于函数之外的状态，也不会对...

2023-05-17

127浏览

0评论

JavaScript中高阶函数的巧妙运用

目录1.接受函数作为参数的高阶函数2.返回函数的高阶函数3.同时接受和返回函数的高阶函数JavaScript中的高阶函数是指可以接受其他函数作为参数或者返回一个函数作为结果的函...

2023-05-17

113浏览

0评论

js判断两个字符串是否相等的两种方法

目录1、使用比较运算符判断两个字符串是否相等2、使用 localeCompare() 方法判断两个字符串是否相等补充知识：== 操作符总结1、使用比较运算符判断两个字符串是否相等可以使...

2023-05-17

245浏览

0评论

js获取今天、昨天、明天的日期函数代码

今天发现的一个比较好的函数/* * @params date 日期 * @params type 日期 prev/current/next 昨天/今天/明天 * @params fmt 日期拼接符*/function getDays(date, type,...

2023-05-17

113浏览

0评论

js保留两位小数最简单的实现方法

目录前言1. toFixed() 方法2. Math.floor() 方法3. 字符串+正则匹配4. 强制保留2位小数（例如3.00）5. 四舍五入保留2位小数（若第二位小数为0，则保留一位小数）6. substring()方法 +...

2023-05-17

99浏览

0评论

JavaScript实现组件化和模块化方法详解

目录组件化和模块化模块化组件化Vue中的组件化组件化和模块化为什么会有组件化和模块化？当我们的项目复杂度不断上升，项目维护成本逐渐提高之后，对于旧项目的维护就变得格外困...

2023-05-17

106浏览

0评论

细说JS数组遍历的一些细节及实现

目录1. 数组空位问题 1.1 空位判断 1.2 刚列举了数组的一些操作会对空位进行跳过，但其实，它们在处理上也还是存在一些差异的2. 是否修改原数组 3. 附一下数组遍历的几种...

2023-05-17

114浏览

0评论

JavaScript中常见的几种获取元素的方式

1.根据id获取元素document.getElementById("id属性的值");返回值是一个元素对象案例：点击按钮弹框<body><input type="button" value="弹框" id="btn"><script> //根据id...

2023-05-17

101浏览

0评论

JavaScript中的location、history、navigator对象实例介绍

1.location//地址栏上#及后面的内容console.log(window.location.hash);//主机名及端口号console.log(window.location.host);//主机名console.log(window.location.hostnam...

2023-05-17

99浏览

0评论

JavaScript使用Promise封装Axios进行高效开发

目录一、为什么要使用promise封装二、如何封装以及使用三、拓展一、为什么要使用promise封装原生的axios书写是这样的：axios({ url: 接口地址, method:请求方法, data:携...

2023-05-17

112浏览

0评论

JS实现"上次操作未完成禁止新操作"逻辑特事特办方案

目录场景1.初步解决方案：特事特办2. 基于约定回调的条件式回调函数3. 基于 Promise 的条件式回调函数4. React hook 版场景相信很多人都遇到过类似的场景：某一个按钮是用来发...

2023-05-17

107浏览

0评论

JavaScript中内置函数Map()的使用

目录Map()的定义和基础使用Map()的高级特性易于迭代所有元素易于检测元素是否存在易于删除元素具有可扩展的属性和方法Map()的使用场景缓存数据带键的循环翻译文本结论JavaS...

2023-05-17

108浏览

0评论

JavaScript中的预解析你了解吗

JS的预解析是指在代码执行之前，JavaScript引擎会先对代码进行一次扫描，将变量声明和函数声明提升到当前作用域的顶部，以便在代码执行时能够正确地访问这些变量和函数。这个过程...

2023-05-17

热门文章