59浏览

0评论

独立使用umi的核心插件模块示例详解

目录引言实践结语引言今天我们做一个有趣的尝试，将 umi 的核心插件模块独立出来作为另一个框架的基础架构，这里我们将它称为 konos。 介于 umi 自身的源码的独立拆分，要实现这...

• 2023-05-29

87浏览

0评论

Nest.js 之依赖注入原理及实现过程详解

目录前言TypeScript 依赖注入的原理浅析 Nest.js 实现依赖注入的过程总结前言很久之前初学 Java 时就对注解及自动依赖注入这种方式感觉到不可思议，但是一直没有勇气（懒）去搞清...

• 2023-05-29

189浏览

0评论

AJAX实现JSON与XML数据交换方法详解

目录1、JS中如何创建和访问JSON对象2、基于JSON的数据交换3、基于XML的数据交换1、JS中如何创建和访问JSON对象（1）在javascript语言中怎么创建一个json对象，语法是什么？"属性名"...

• 2023-05-29

122浏览

0评论

AJAX乱码与异步同步以及封装jQuery库实现步骤详解

目录1、AJAX乱码问题2、AJAX的异步与同步3、AJAX代码封装4、手动封装一个jQuery库1、AJAX乱码问题（1）发送ajax get 或者 ajax post请求时下面两种情况？①发送数据到服务器，服务...

• 2023-05-29

69浏览

0评论

JS技巧多状态页面中的mock方案详解

目录引言技术选型业务逻辑改造Eruda 插件Mock 数据整理引言我们有时候会遇到一个业务页面存在很多个状态，甚至子状态，比如订单详情就是其中的典型，涉及从订单创建到订单结束，以...

• 2023-05-29

70浏览

0评论

一款功能强大的markdown编辑器tui.editor使用示例详解

目录简介安装使用安装初始化官方插件功能拓展实现源码简介最近在捯饬自己的个人网站，想找一款类似于掘金的markdown编辑器，主要诉求包含实时预览、语法高亮、自动生成目录索引...

• 2023-05-29

72浏览

0评论

arcgis js完整悬停效果实现demo

目录arcgis 中的悬停效果1、获取鼠标悬停事件回调2、悬停时修改鼠标指针3、悬停时显示标签名称4、悬停时图标放大arcgis 为什么这么设计完整 demo 代码：arcgis 中的悬停效果a...

• 2023-05-29

71浏览

0评论

前端JS图片懒加载原理方案详解

目录背景原理方案方案一：img的loading属性设为“lazy”使用方法优点兼容性缺点方案二：通过offsetTop来计算是否在可视区域内优化优点缺点方案三：通过getBoundingClie...

• 2023-05-29

58浏览

0评论

JS实现微信播音效果示例详解

目录需要实现的效果图片切换轮播法CSS实现需要实现的效果图片切换轮播法这个功能其实是我刚毕业的时候实现的，那也是5年前的事情了，受限于当时的水平，仅仅是实现了，其他啥都不是...

• 2023-05-29

79浏览

0评论

JS实现一个微信录音功能过程示例详解

目录功能原型图拆解需求评估时间代码实现功能原型图其实就是微信发送语音的功能。没有转文字的功能。拆解需求根据原型图可以很容易的得出我们需要做的内容包括下面三个部分...

• 2023-05-29

71浏览

0评论

详解JS前端使用迭代器和生成器原理及示例

目录正文for of 是干什么用的可迭代对象是什么？生成器和迭代器的关系。让非迭代对象也可以使用for of 进行遍历for循环和for in的关系总结正文生成器和迭代器这两个东西平时...

• 2023-05-29

64浏览

0评论

js的一些潜在规则使用分析

目录为什么开发中建议使用void 0 来代替undefined为什么开发中将未赋值的变量赋值为null，而不是undefinedString类型的长度为什么parseInt在将字符串转为数字的时候，需要指定...

• 2023-05-29

406浏览

0评论

requestAnimationFrame使用示例详解

目录requestAnimationFrame--use是什么回调函数调用频率返回啥如何用window.requestAnimationFrame(callback);示例多个运行情况停止执行cancelAnimationFrame动画运用总结r...

• 2023-05-29

108浏览

0评论

jquery删除功能有缓存

jQuery是一种JavaScript库，它提供了一种优雅、简洁的方式来处理HTML文档、处理事件、创建动画效果、访问XML文档，使开发者能够更轻松地完成Web开发任务。在Web开发过程中，经常...

• 2023-05-28

68浏览

0评论

jquery 修改图片show

随着互联网技术的发展和进步，图片在我们的生活中扮演着越来越重要的角色，而 jQuery 作为一个流行的 JavaScript 库，可以帮助我们方便地修改图片的显示效果。本文就将介绍如何用...

• 2023-05-28

291浏览

0评论

jquery 停止css动画

在网页制作中，动画效果是非常常见的一种元素，而CSS动画则是其中比较流行的一种方式之一。不过，在某些情况下，需要停止正在进行中的CSS动画，这时候就需要使用jquery来实现。本文将...

• 2023-05-28

182浏览

0评论

uniapp支持自定义指令吗

随着技术的发展，web开发已经逐渐向前端框架集中。对于前端开发者来说，Vue、React和Angular等框架已经成为主流选择。而在这些框架中，组件是开发过程中的重要部分。组件可以使代...

• 2023-05-26

109浏览

0评论

uniapp怎么连接数据库

随着移动互联网的发展，多数的应用都会涉及到数据的存储和读取。而随着前端技术的普及和跨端开发的需求越来越多，Uniapp也成为了越来越多开发者的首选。如果你正在使用Uniapp进...

• 2023-05-26

155浏览

0评论

uniapp日历设置不可选日期

近年来，随着移动端应用的快速发展，越来越多的开发者选择使用跨平台框架uniapp进行应用的开发。而在应用开发中常常需要集成日历控件以方便用户进行日期选择，本文就为大家分享一...

• 2023-05-26

70浏览

0评论

JavaScript中的创建枚举四种方式

目录基于对象的枚举优缺点枚举值类型基于Object.freeze()枚举优缺点基于proxy枚举优缺点基于类的枚举优缺点总结字符串和数字具有无数个值，而其他类型如布尔值则是有限的集合...

• 2023-05-17

95浏览

0评论

JavaScript如何防止页面退格键回退

目录什么是退格键思路概述具体实现兼容性处理焦点问题处理history.back()问题在 Vue 中使用方案一：自定义指令方案二：Vue Mixin总结在一个网页中，当我们在输入框内输入文字或者...

• 2023-05-17

357浏览

0评论

详解JavaScript中Promise类的使用方法

目录1. all 2. allSettled3. race4. any 这篇主要讲一下Promise的类方法的基本使用，至于Promise的基本使用这里就不赘述了，之前也有手写过Promise、实现了Promise的核心逻辑...

• 2023-05-17

79浏览

0评论

JavaScript尾递归的实现及应用场景

目录什么是尾递归和递归的差别尾递归的优化应用场景总结什么是尾递归尾递归是一种特殊的递归，它的特点是在函数的最后一步调用自身，而不是在调用后还有其他操作。尾递归可以有...

• 2023-05-17

91浏览

0评论

Cropper.js进阶之裁剪后保存至本地实现示例

目录引言正文1. 引入Cropper.js2. 创建图像裁剪器3. 初始化Cropper.js4. 裁剪图像并保存至本地完整代码引言在开发Web应用程序时，经常需要对图片进行裁剪和编辑。Cropper.js...

• 2023-05-17

88浏览

0评论

详解cesium实现大批量POI点位聚合渲染优化方案

目录前言思考开发使用前言cesium目前只提供了entityCluster这个聚合类，使打点聚合更方便快捷的实现，但是一般在真正做项目的时候，大家会经常碰到成千上万个甚至几十万个点位需...

• 2023-05-17

90浏览

0评论

一文总结JavaScript中常见的设计模式

目录设计原则什么是设计模式一、单例模式二、策略模式三、代理模式四、迭代器模式五、发布-订阅模式六、命令模式七、组合模式八、模板方法模式九、享元模式十、职责链模式...

• 2023-05-17

105浏览

0评论

Cropper.js进阶之固定宽高图片裁切实现示例

目录引言准备工作页面结构编写JavaScript总结：全部代码如下：引言在图像处理中，图片裁切是常见的需求。有时候，我们希望裁切后的图片具有固定的宽高，而不是任意宽高比。Cropper.js...

• 2023-05-17

98浏览

0评论

Cropper.js进阶之裁剪后保存至服务器实现详解

目录Cropper.js将截图保存到服务器并使用Fetch进行请求全部前端代码Cropper.js将截图保存到服务器并使用Fetch进行请求要使用Cropper.js将截图保存到服务器并使用Fetch进行...

• 2023-05-17

95浏览

0评论

Cropper.js入门之在HTML中实现交互式图像裁剪

目录简单介绍：安装方法：npm引入：cdn引入：简单入门简单介绍：Cropper.js是一个基于JavaScript的图像裁剪库，用于在网页或应用程序中实现灵活和交互式的图像裁剪功能。它提供了丰富的...

• 2023-05-17

74浏览

0评论

关于Javascript中值得学习的特性总结

目录可选链操作符（Optional Chaining Operator）空值合并运算符（Nullish Coalescing Operator）Promise.allSettled()BigInt类型可选链操作符（Optional Chaining Operator）可选链操...

• 2023-05-17

140浏览

0评论

Uniapp接入插件的3种方式总结

目录前言一、使用HBuilderX导入插件1.找到所需插件2.导入插件3.使用插件二、通过uni_modules单独安装插件1.创建uni_module目录2.下载并安装插件3.使用插件三、通过componen...

• 2023-05-17

213浏览

0评论

JavaScript删除数组元素的方法指南

目录删除数组元素之splice()删除数组元素之filter()删除数组元素之pop()删除数组元素之shift()删除数组元素之splice()、slice()和concat()组合操作删除数组元素之使用ES6中...

• 2023-05-17

89浏览

0评论

深入理解JavaScript中的宏任务和微任务机制

目录引入宏任务与微任务引入// 开启一个定时器 1秒后执行setTimeout( () => { console.log(1)}, 1000)console.log(2)以上的代码控制台的输出结果是“ 2，1";即先输出...

• 2023-05-17

86浏览

0评论

TypeScript类型使用示例剖析

目录JavaScript的内置类型 VS TypeScript内置类型元祖接口interfaceinterface和type有什么区别？枚举怎么让Babel支持const enum?字面量类型特殊类型类型的装饰JavaScript的内...

• 2023-05-17

115浏览

0评论

JavaScript中forEach和map的使用场景

目录foeEachforEach方法是同步执行的，不能使用异步操作。mapmap方法不会遍历已经添加并且未被删除的元素。什么是迭代器模式JavaScript 的 forEach 和 map方法是应用了迭代器...

• 2023-05-17

92浏览

0评论

uniapp小程序自定义tabbar以及初次加载闪屏解决方法

很惭愧，这竟然是老衲在csdn的首次内容输出，还请看官，高抬贵手，多喷两句， 反正我也不听~...

• 2023-05-17

88浏览

0评论

通过手写instanceof理解原型链示例详解

目录Instanceof的作用手写Instanceof什么是原型原型的应用场景什么是原型链Instanceof的作用Instanceof是判断一个实例是否是其父类或者祖先类型的实例的方法。原理就是Inst...

• 2023-05-17

262浏览

0评论

JS 简单实现拖拽评星的示例代码

目录一、实现效果二、总结与思考废话开篇：通过 canvas 简单拖拽评星，主要是通过个人的理解去实现这样的一个效果。一、实现效果html<div class="main"> <div class="sc...

• 2023-05-17

128浏览

0评论

深入理解JS中的微任务和宏任务的执行顺序及应用场景

目录微任务和宏任务的区别及具体场景任务之间的执行顺序微任务和宏任务的区别及具体场景微任务和宏任务皆为异步任务，它们都属于一个队列，主要区别在于他们的执行顺序，Event Lo...

• 2023-05-17

377浏览

0评论

JS电梯导航的实现示例

目录预览效果主要的js代码整体代码预览效果之前css 利用 scroll-behavior 和 锚点 实现了 电梯导航，点击可以看这篇文章css实现电梯导航的效果。评论区有人想让我用js也实现...

• 2023-05-17

107浏览

0评论

Cropper.js进阶实现图片旋转裁剪处理功能示例

目录引言准备工作页面结构编写JavaScript总结全部代码如下引言在Web应用中，处理用户上传的图片是一项非常常见的需求。有时，用户可能需要旋转图片以获得更好的视觉效果。本文...

• 2023-05-17

96浏览

0评论

JavaScript基于ChatGPT实现打字机消息回复

目录1 背景2 简介3 服务端实现3.1 协议3.2 消息格式3.2.1 event3.2.2 id3.2.3 retry3.2.4 data3.3 示例4 浏览器 API4.1 建立连接4.2 监听事件5 实践5.1 服务端5.2 浏览器6...

• 2023-05-17

89浏览

0评论

js循环中使用正则失效异常的踩坑实战

目录1、异常案例：2、原因分析3、解决方法13、解决方法23、解决方法3总结1、异常案例：使用正则匹配111const regular = /111/g; // 匹配111 // console.log(regular.test('1...

• 2023-05-17

58浏览

0评论

JavaScript注册监听事件和清除监听事件方式详解

目录前言注册监听事件传统方式方法监听事件注册方式addEventListener()attachEvent()addEventListener()与attachEvent()的兼容移除监听事件传统方法的移除移除方法监听事件...

• 2023-05-17

86浏览

0评论

Web Components入门教程示例详解

目录Web Components不兼容IE困境Web Components核心技术自定义元素HTML模板(template、slot)shadow root(影子Dom)Web Components不兼容IE2011年提出Web Components，为了解决...

• 2023-05-17

235浏览

0评论

ts中的void和never类型及区别

目录ts中的void和never类型voidnever补充：void类型和never类型void类型never类型ts中的void和never类型void　　表示没有任何类型// 没有返回值的函数，其返回值类型为 voidfun...

• 2023-05-17

81浏览

0评论

GoJs中标题和缩略图使用技巧

目录前言标题的使用随图形变化的标题不随图形变化的标题缩略图的使用总结前言在可视化图形中为了方便区分，需要给图形一个标题。可以在画布外面用html调整位置之后作为图形的...

• 2023-05-17

64浏览

0评论

如何使用require.context实现优雅的预加载

目录前言丑陋的预加载单张预加载多张预加载优雅的预加载require.context前言在前端开发中，对页面花里胡哨度[注1]要求越高的页面，用到的图片、音频什么的就越多，比如什么结婚请...

• 2023-05-17

51浏览

0评论

利用JavaScript实现的10种排序算法总结

目录1、冒泡排序算法2、选择排序算法3、插入排序算法4、 希尔排序算法5、归并排序算法6、 快速排序算法7、堆排序算法8、计数排序算法9、桶排序算法10、基数排序算法排序算...

• 2023-05-17

85浏览

0评论

如何从JavaScript数组中删除空对象

目录从数组中删除空对象：补充：特殊位置删除总结从数组中删除空对象：使用 Array.filter() 方法遍历数组。将每个对象传递给 Object.keys() 方法并检查键的长度是否不等于 0。fil...

• 2023-05-17