JavaScript WeakMap的具体使用

目录前言一、为何选用WeakMap1. Map2. WeakMap二、WeakMap原型方法总结前言我在处理一个复杂对象的深拷贝方法时接触到WeakMap, 其作为缓存结构以解决对象内部的循环引用问...

JavaScript获取标签的几种方式小结

目录js 获取标签2.通过标签名称获取标签。3.通过class获取标签,获取到的也是包含该class的标签集合4.通过选择器找到所有符合条件的标签集合。5.几种获取特殊标签的写法js 获...

js前端实现登录拼图验证功能

目录前言核心功能实现原理实现前端登录拼图验证搭建框架添加被校验区域及校验区域添加滑块、滑块背景、拖动条、提示文字添加交互联动被校验区域随机生成校验位置完整代码总...

JavaScript 日期和时间的格式化方法

目录JavaScript 日期和时间的格式化一、日期和时间的格式化1、原生方法1.1、使用 toLocaleString 方法1.2、使用 Intl.DateTimeFormat 对象2、使用字符串操作方法3、自定义...

Echarts中常用的参数总结及参数自定义示例代码

目录前言折线图1.title2.tooltip3.grid4.legend5.xAxis6.yAxis7.series附:常见问题1、自定义X轴文字(文字替换)2、自定义X轴文字(文字换行)3、自定义tooltip总结前言本文主要讲解...

JavaScript下一版本标准ES6的Set集合使用详解

目录增删改查add()delete()has()clear()遍历Set如果要用一句来描述,我们可以说: ​​​Set​​​是一种叫做集合的数据结构。​什么是集合?集合是由一堆无序的、相关联的,且不重...

如何快速高效创建JavaScript 一维数组方法详解

目录引言使用 Array.from() 方法使用 Array() 构造函数使用 for 循环结论引言在 JavaScript 中,有许多方法可以创建和填充数组,例如使用 for 循环、使用 Array.from() 方法、...

一文带你理解JavaScript中的函数式编程

目录分析理解纯函数相同的输入参数,总会有相同的输出在执行过程中不会产生语义上可观察的 副作用纯函数 的作用不确定性的危害确定性的好处如何对待副作用总结我理解的 函数...

利用JavaScript编写Python内置函数查询工具

目录一、程序效果展示二、程序编写过程最近在学习Python语言,Python有丰富的内置函数实现各种功能,但查询内置函数时总是需要百度查,有没有一个小工具可以单机无网络查询Python...

uniapp实现下拉刷新的几种方式小结

目录一.自带刷新 1.在pages.json 上进行定义2.在页面上监听下拉动作进行需要的操作二.使用srcoll-view下拉刷新父组件内容三.使用mescroll-nui下拉刷新1.引入mescroll 2.页...

JS中数组随机排序实现方法(原地算法sort/shuffle算法)

目录一、原地算法二、Array.property.sort()1、方法一(不推荐)2、方法一改良三、洗牌算法实现随机排序1、换牌2、抽牌附:本文用到的JS基础总结一、原地算法在谈sort之前,我们先了...

JavaScript 对象合并的几种方法小结

目录1、使用 Object.assign() 方法2、使用解构赋值语法3、使用 Lodash 中的 merge() 方法4、for-in 循环 + 手动赋值5、使用 Object.keys() 和 Array.forEach() 方法JavaScr...

JavaScript验证API的使用

JavaScript 验证 API 是一组工具,用于在前端开发中对数据进行校验,以确保数据的准确性和完整性。在实际工作中,JavaScript 验证 API 可以在用户提交表单之前进行预检,以避免不必...

基于JavaScript实现浏览器添加收藏功能

目录js实现浏览器添加收藏功能扩展:javascript实现网站加入收藏功能第一种情况:可兼容所有浏览器的加入收藏代码,原理:第二种情况:js代码实现设为首页并加入收藏第三种情况:js添...

uniapp高频面试题及答案合集

目录谈谈你对uni-app的理解uni中如何为不同的平台设置不同的代码条件注释的作用和使用方法条件注释定义条件注释的语法uniapp中封装接口请求相较于微信小程序有什么要注意的...

script标签中的defer和async使用技巧说明

script标签用于加载脚本与执行脚本,在前端开发中可以说是非常重要的标签了。
直接使用script脚本的话,html会按照顺序来加载并执行脚本,在脚本加载&执行的过程中,会阻塞后续的DO...

JavaScript获取当前窗口内的宽度和高度汇总

目录JavaScript获取窗口宽高:Jquery如何获取屏幕、浏览器、页面的宽度和高度小编给大家分享一下JS与Jquery如何获取屏幕、浏览器、页面的宽度和高度的相关知识点,内容详细,逻辑...

PixiJS学习之Sprite类的使用详解

目录Sprite一些属性tintblendModeanchorSpriteSheetSpritepixijs 的 Sprite 类用于将一些纹理(Texture)渲染到屏幕上。Sprite 直译为 “精灵”,是游戏开发中常见的术...

JavaScript 实现类似Express的中间件系统(实例详解)

目录Express 的中间件系统实现代码如何实现异步执行链如何将控制权交给中间件函数使用示例应用级中间件与路由级中间件Express 的中间件系统在 Express 中可以给一个请求设...

js百度地图鼠标滚轮缩放导致地图中心点偏移问题

目录一、问题二、问题分析三、解决方法1.禁止滚轮缩放, 添加缩放控件2.调节滚动条总结一、问题带滚动条的弹窗中的地图正常显示,滚轮缩放位置发生偏移,放大时位置是靠上偏移的...

深入探讨Angular8和Vue间的区别

AngularJS8和Vue是两个非常流行的JavaScript框架,在前端开发中广泛使用。虽然它们的主要目标都是使开发人员更轻松地创建交互性Web应用程序,但它们在设计思路、功能、使用方式...

基于JavaScript编写一个翻卡游戏

目录前言翻卡动画生成随机分布数组均匀元素下的随机算法不均匀元素下的随机算法生成最终数组点击事件完整代码前言首先将这个游戏需求拆分成三个部分:翻卡动画生成随机分布数...

JavaScript声明函数的5种方法小结

目录声明函数的5种方法1.Function声明2.匿名函数3.函数表达式箭头函数5.构造函数哪种方式最好?在编写JavaScript代码中,函数是我们经常会写到的。但是在不同的工程师写到代码...

JavaScript 计算误差的解决

目录精度比较数字的方法:使用误差范围比较数字的方法:使用第三方库进行精确计算的方法在 JavaScript 中执行计算时,精度误差是一个常见的问题。这是因为 JavaScript 使用二进制...

uniapp介绍与使用以及小程序实时获取视频播放时间

目录一、uni-app介绍1、诞生背景2、uni-app是什么(what、where)3、uni-app的优势(why)二、使用uni-app(how)1、下载安装&创建项目2、多端运行3、uni-app操作三、其他总结一、uni-a...

微信小程序支付功能完整流程记录(前端)

目录一,注册微信支付商户号(由上级或法人注册)二,注册小程序账号(由上级或者领导注册)三,登录商户号绑定小程序四,后端工程师书写接口五,前端工程师调用接口1. 获取openid(当前用户...

PixiJS学习之如何实现文字的绘制

目录TextBitMapText结尾大家好,我是前端西瓜哥,今天我们来学 pixijs 如何绘制文字。pixijs 版本为 7.1.2。使用原生的 WebGL 来绘制文字是非常繁琐的,pixijs 对此进行了高层级...

vue如何实现元素的显示和隐藏(对比v-if和v-show)

Vue.js 是一种用于创建用户界面的渐进式框架。Vue 中有很多高级的功能,其中一个是显示和隐藏元素。这个功能的实现原理其实很简单,但是很多 Vue 初学者可能会感到困惑,本文将详...

uniapp基础知识点掌握以及面试题整理

目录1.uniapp优缺点 2. uniapp的配置文件、入口文件、主组件、页面管理部分3.基本开发流程4. 安装插件5.tab页面及二级页面路径配置6.页面设计开发7.vue , 微信小程序 , uni...

javascript使用alert实现一个精美的弹窗

目录一、为什么抛弃了alert? 1. 不同浏览器的表现2. 第三方组件的使用3. 代码意识的控制二、用alert实现一个精美弹窗1. 弹窗HTML元素的布局2. CSS部分的书写3. 重点的aler...

echarts实现3d柱状图的2种方式举例

目录echarts实现3d柱状图的两种方式方法1: echarts.graphic.extendShape 自定义图形方式2: 象型柱图(type: “pictorialBar”)总结echarts实现3d柱状图的两种方式...

详解JavaScript是如何验证URL的

目录前言URL验证如何执行URL验证如何使用正则验证安全使用JavaScript前言当开发者需要为不同目的以不同形式处理URL时,比如说浏览器历史导航,锚点目标,查询参数等等,我们经常会...

微信小程序授权登录的最新实现方案详解(2023年)

目录微信授权登录wx.getUserProfile方法获取用户信息退出登录与本地缓存wx.setStorageSync结合使用总结补充:wx.getUserProfile已被回收微信授权登录我们的项目开发有时候用...

详解JavaScript中数组的一些特殊用法

目录前言基本介绍数组类型和判断判断为数组的方式数组索引值和长度索引值是字符串索引值为小数、负数索引值是字符串等其他类型时索引与属性length属性数组的最大长度创建数...

JavaScript开发中需要搞懂的字符编码总结

目录字符集和字符编码ASCII字符集的发展历史UnicodeUTF-8UTF-16比较前端开发中的编码字符串长度计算组合字符的长度多码元字符操作正则中的 u 修饰符转义字符常用API处理码...

JavaScript前端中的伪类元素before和after使用详解

目录1.基本用法2.样式修改3.清除浮动4.content属性1、string2、attr()3、url()/uri()4、counter()before/after伪类相当于在元素内部插入两个额外的标签,其最适合也是最推荐...

uniapp 手机验证码输入框实现代码(随机数、倒计时、隐藏手机号码中间四位)可以直接使用

如键盘被隐藏,可直接点击蓝框弹出键盘,蓝框就相当于input的光标,验证码输入错误之后会将字体以及边框改为红色,持续1.5s(可自行修改时间),然后清空数据。<template> <view class="c...

ES6中Promise、async和await面试题整理

目录出题目的:知识点:代码:附:promise与async await结合使用总结学习过程中遇到的一些基础的Promise、async、await面试题整理。出题目的:考察 Promise、async、await 的基础考察...

JavaScript多级判定代码优化浅析

目录一、场景二、优化多级判定1.优化if-else结构2.二元运算符简化一、场景业务代码里, 一次操作可能会前置多个判定, 我以前只是在函数的开头使用if语句去做这些事情, 虽然...

chatGPT教我写compose函数的详细过程

目录0 前言1 结果2 chatGPT过程概略3 最后0 前言昨天希望实现一个通用的compose函数,能够接受同步函数与异步函数,并且通过异步函数同步执行来是吸纳compose函数中的所有参数...

JavaScript中对于SPA单页面的理解

目录一、什么是SPA二、SPA和MPA的区别单页应用与多页应用的区别单页应用优缺点三、实现一个SPA四、如何给SPA做SEO一、什么是SPASPA(single-page application),翻译过来就是单...

js获取异步函数数据的实现

目录异步函数1. 回调函数promiseGenerator函数async/await函数回调函数promiseasync await异步函数是js中经常会用到的,它的作用无非就是进行一些异步的操作(处理数据)。那么,常...

JS解决 Array.fill()参数为对象指向同一个引用地址的问题

目录JS解决 Array.fill()参数为对象指向同一个引用地址补充:JS中用Array.fill() 初始化 二维数组 避坑JS解决 Array.fill()参数为对象指向同一个引用地址最近写项目过程中总...

ES6如何将 Set 转化为数组示例详解

正文Set 是 ES6 中新增的一种集合类型,类似于数组,但其成员的值是唯一的,即不会重复。关于Set,可以阅读《JavaScript中的Set数据操作:交集、差集、交集、对称差集》。Set 对象是...

Echarts通过dataset数据集实现创建单轴散点图

目录dataset创建单轴散点图配置项效果图dataset创建单轴散点图由于使用echarts作图时,我很喜欢用dataset作为数据源,但是官方案例中,又没有给出相关示例,于是,在翻阅官方文档相关...

一文带你搞懂JavaScript中的进制与进制转换

目录进制介绍进制转换parseInt(str, radix)Number()+(一元运算符)Number.prototype.toString(radix)自定义转换十进制与十六进制转换十进制和二进制转换进制介绍JavaScript...

使用uniapp打包微信小程序时主包和vendor.js过大解决(uniCloud的插件分包)

1.问题描述正常的的微信小程序在编译后,主包应保持在2MB左右(限制最大2MB),其余的文件通过分包来进行加载 但是有的情况下,微信小程序的主包能达到3MB,vendor.js会达到1.5MB 2.问...

基于JavaScript实现图片裁剪功能

目录一、图片文件的上传和读取二、图片展示和蒙层处理CSS clip-path三、裁剪框展示裁剪框的缩放点cursor 鼠标样式四、裁剪框移动事件五、裁剪框缩放操作六、完成裁剪功能dr...

vue怎么调整页面大小

最近,Vue开发者社区中出现了一个讨论:更新Vue画面调节功能如何实现?一些Vue开发者表示,在最近的版本中,该功能已经取消了,而另一些Vue开发者则尝试了一些解决方案。现在,我们来看一...

JavaScript中颜色模型的基础知识与应用详解

目录介绍RGB模型RGB颜色值rgb 转 hexhex 转 rgbHSL模型HSV(B)模型RGB 与 HSL 的转换rgb 转 hslhsl 转 rgb介绍颜色模型,是用来表示颜色的数学模型。比如最常见的 RGB模型,使用...

返回顶部
顶部