132浏览

0评论

深入探讨Angular8和Vue间的区别

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

• 2023-04-13

121浏览

0评论

基于JavaScript编写一个翻卡游戏

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

• 2023-04-13

131浏览

0评论

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

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

• 2023-04-13

139浏览

0评论

JavaScript 计算误差的解决

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

• 2023-04-13

297浏览

0评论

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

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

• 2023-04-13

180浏览

0评论

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

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

• 2023-04-13

141浏览

0评论

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

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

• 2023-04-13

172浏览

0评论

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

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

• 2023-04-13

191浏览

0评论

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

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

• 2023-04-13

141浏览

0评论

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

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

• 2023-04-13

145浏览

0评论

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

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

• 2023-04-13

144浏览

0评论

详解JavaScript是如何验证URL的

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

• 2023-04-13

187浏览

0评论

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

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

• 2023-04-13

129浏览

0评论

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

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

• 2023-04-13

449浏览

0评论

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

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

• 2023-04-13

165浏览

0评论

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

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

• 2023-04-13

173浏览

0评论

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

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

• 2023-04-13

160浏览

0评论

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

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

• 2023-04-13

124浏览

0评论

JavaScript多级判定代码优化浅析

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

• 2023-04-13

152浏览

0评论

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

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

• 2023-04-13

143浏览

0评论

JavaScript中对于SPA单页面的理解

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

• 2023-04-13

153浏览

0评论

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

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

• 2023-04-13

138浏览

0评论

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

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

• 2023-04-13

140浏览

0评论

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

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

• 2023-04-13

152浏览

0评论

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

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

• 2023-04-13

147浏览

0评论

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

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

• 2023-04-13

192浏览

0评论

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

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

• 2023-04-13

268浏览

0评论

基于JavaScript实现图片裁剪功能

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

• 2023-04-13

158浏览

0评论

vue怎么调整页面大小

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

• 2023-04-13

120浏览

0评论

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

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

• 2023-04-13

128浏览

0评论

JavaScript避免嵌套代码浅析

目录前言一、何为嵌套代码二、避免嵌套1.提炼抽取2.反转排列前言看过不少过度嵌套的代码, 我真正意识到问题的严重性是刚入职那会, 我在一个老项目里看到了40个连续的else i...

• 2023-04-13

211浏览

0评论

uni-app打开外部链接方式总结(h5和app)

目录问题描述方案1方案2方案3方案4总结问题描述在应用中打开一个外部的html页面，即完整http链接的页面。h5通过window.open或是内嵌iframe基本都没有问题，本文主要针对app端的...

• 2023-04-13

168浏览

0评论

Echarts自定义图形的方法参考

目录前言1.自定义图形最后的效果是这样的：2.注册自定义的图形3.extendShape4.使用echarts注册这三个图形5.使用自定义的形状总结前言在一个前端大屏项目中，有一个模块使用到了...

• 2023-04-13

121浏览

0评论

原生js XMLhttprequest请求onreadystatechange执行两次的解决

目录原生js XMLhttprequest请求onreadychange执行两次关于readyState不同状态总结(0) 未初始化(1) 载入(2) 载入完成(3) 交互(4) 完成总结原生js XMLhttprequest请求onready...

• 2023-04-13

171浏览

0评论

vue路由打包报错的原因和解决方法

随着前端技术的不断发展，越来越多的人开始使用Vue框架来开发Web应用。Vue框架提供了许多方便的功能，其中路由就是其中之一。然而，很多开发者在打包Vue应用时会遇到“vue路...

• 2023-04-13

150浏览

0评论

js fill函数填充数组或对象的解决方法

目录js fill函数填充数组或对象的问题扩展：js--数组的 fill() 填充方法详解前言正文1、fill() 语法2、fill() 的使用js fill函数填充数组或对象的问题js 的数组有一个 fill...

• 2023-04-13

108浏览

0评论

uni-app低成本封装一个取色器组件的简单方法

在uni-ui中找不到对应的工具后面想想也是 移动端取色干什么？没办法 也挂不住特殊需求因为去应用市场下载 这总东西 又不是很有必要那么 下面这个组件或许能解决您的烦恼<temp...

• 2023-04-13

197浏览

0评论

深入理解JavaScript字节二进制知识以及相关API

目录字节字节序BlobFile对Blob和File的读取ArrayBufferTypeArrayDataViewBlob和ArrayBuffer当前，前端对二进制数据有许多的API可以使用，这丰富了前端对文件数据的处理能力，有了...

• 2023-04-13

139浏览

0评论

JavaScript实现获取图片文件真实格式的示例代码

目录常见方式判断图片格式图像数据简单说明JS读取图片真实格式svg格式的判断总结前面博文有提到，当前主流浏览器能支持的图片格式，是七种：jpg、png、gif、bmp、ico、webp、svg，...

• 2023-04-13

149浏览

0评论

详解JavaScript中原始数据类型Symbol的使用

目录SymbolSymbol转换Symbol属性名属性名遍历Symbol.for()、Symbol.keyFor()Symbol内置值Symbol.hasInstanceSymbol.isConcatSpreadableSymbol.speciesSymbol.matchSymbolSy...

• 2023-04-13

198浏览

0评论

如何在Vue项目中去除严格模式

Vue是一款流行的JavaScript框架，用于开发动态的、响应式的Web应用程序。Vue默认启用了严格模式，以便在开发过程中更易于捕捉潜在的错误。但是，在某些情况下，可能需要暂时关闭严...

• 2023-04-13

210浏览

0评论

JavaScript快速实现一个颜色选择器

目录颜色模型HSV 与 HSL 的区别实现选择器色相饱和度和明亮度hsv转rgb透明度基于HSL的颜色选择器使用canvas在做前端界面开发的时候，遇到需要改变颜色的需求，就需要使用颜色选...

• 2023-04-13

107浏览

0评论

JavaScript撤销恢复操作的实现方法详解

目录前言一、初期设想二、如何收集状态1.通信尝试2.如何通信三、管理者与执行者1.数据驱动2.管理者3.执行者前言这是一个基于原生JavaScript+Three.js的系统, 我需要在里面...

• 2023-04-13

139浏览

0评论

封装一个vue中也可使用的uniapp的全局弹窗组件(任何页面都可以弹出)

目录效果图：场景：思路：第一步：第二步：第三部：使用总结效果图：场景：当你对接websocket时，或者轮询也好，你需要获取到最新的信息，并且在任何页面弹出一个组件进行后续操作思路：1、先封装好...

• 2023-04-13

118浏览

0评论

JS中的Map对象用法及说明

目录JS中的Map对象JS中Map和普通对象Map对象Object对象Objects 和 maps 的比较总结JS中的Map对象1.js创建map对象var map = new Map();2.将键值对放入map对象map.set("key",...

• 2023-04-13

141浏览

0评论

VSCode中 Eslint 和 Prettier 冲突问题最新解决方法

目录前言为什么会冲突EslintPrettier冲突解决前言本次环境皆为 @vue/cli默认安装带有的 eslint@7.32.0，VSCode 插件版本：Eslint v2.4.0Prettier v9.10.4为什么会冲突首先我们...

• 2023-04-13

116浏览

0评论

JavaScript判断两个数组相等的4类方法总结

目录循环比较toStringjoinJSON.stringify当数组元素是空元素、null、undefined时null 和 undefined空元素总结在JavaScript中，数组本质上是一种特殊的对象，它的类型值会返回 o...

• 2023-04-13

136浏览

0评论

echart在微信小程序的使用简单示例

目录echarts不显示在微信小程序css样式echarts的grid属性详解js总结echart在微信小程序的使用echarts不显示在微信小程序<!-- 微信小程序的echart的使用 --><view class="co...

• 2023-04-13

147浏览

0评论

深入理解JavaScript中的Base64编码字符串

目录初步认识Base64是怎么诞生的基础定义编码方式体积增大= 等号非ASCII码字符编解码方法btoa 和 atob第三方库前端常见应用小图片转码文件读取Canvas生成图片其他总结在我...

• 2023-04-13

132浏览

0评论

uniapp自定义验证码输入框并隐藏光标

目录一. 前言二. 实现思路三. 代码实现四. 过程中遇到的问题一. 前言先看下使用场景效果图：点击输入框唤起键盘，蓝框就相当于input的光标，验证码输入错误或者不符合格式要求会...

• 2023-04-13