62浏览

0评论

JavaScript多级判定代码优化浅析

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

• 2023-04-13

98浏览

0评论

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

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

• 2023-04-13

70浏览

0评论

JavaScript中对于SPA单页面的理解

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

• 2023-04-13

84浏览

0评论

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

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

• 2023-04-13

69浏览

0评论

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

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

• 2023-04-13

67浏览

0评论

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

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

• 2023-04-13

86浏览

0评论

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

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

• 2023-04-13

87浏览

0评论

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

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

• 2023-04-13

123浏览

0评论

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

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

• 2023-04-13

157浏览

0评论

基于JavaScript实现图片裁剪功能

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

• 2023-04-13

102浏览

0评论

vue怎么调整页面大小

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

• 2023-04-13

61浏览

0评论

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

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

• 2023-04-13

72浏览

0评论

JavaScript避免嵌套代码浅析

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

• 2023-04-13

146浏览

0评论

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

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

• 2023-04-13

107浏览

0评论

Echarts自定义图形的方法参考

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

• 2023-04-13

61浏览

0评论

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

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

• 2023-04-13

112浏览

0评论

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

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

• 2023-04-13

76浏览

0评论

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

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

• 2023-04-13

53浏览

0评论

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

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

• 2023-04-13

105浏览

0评论

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

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

• 2023-04-13

76浏览

0评论

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

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

• 2023-04-13

86浏览

0评论

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

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

• 2023-04-13

140浏览

0评论

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

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

• 2023-04-13

131浏览

0评论

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

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

• 2023-04-13

52浏览

0评论

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

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

• 2023-04-13

83浏览

0评论

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

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

• 2023-04-13

63浏览

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

80浏览

0评论

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

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

• 2023-04-13

63浏览

0评论

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

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

• 2023-04-13

70浏览

0评论

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

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

• 2023-04-13

68浏览

0评论

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

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

• 2023-04-13

74浏览

0评论

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

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

• 2023-04-13

77浏览

0评论

一文带你搞懂JavaScript中转义字符的使用

目录字符串中的转义字母十六进制数字八进制数字Unicode码点正则表达式中的转义HTML中的转义URL转义字符说起转义字符，大家最先想到的肯定是使用反斜杠，这也是我们最常见的，很多...

• 2023-04-13

108浏览

0评论

vue打包完接口路径api没有了怎么办

随着前端技术的不断发展，前端框架也在不断地改进和优化。目前比较流行的前端框架之一是Vue，Vue具有轻量级、易学易用等特点，受到了广大开发者的青睐。但是在使用Vue过程中，有些...

• 2023-04-13

164浏览

0评论

vue怎么修改数组？方法有哪些？

Vue是一款流行的前端框架，用于构建交互式Web界面。Vue中修改数组的方法非常重要，因为在开发中我们经常需要处理数组。这篇文章主要介绍Vue中修改数组的方法。一、Vue中直接修...

• 2023-04-13

139浏览

0评论

vue怎么获取图片跳转过来的链接

Vue.js 是一款非常流行的现代化前端框架，它的出现为开发者们带来了很多便捷。在开发过程中，经常会遇到需要获取图片跳转过来的链接的需求。那么，Vue.js如何实现这个功能呢？第一...

• 2023-04-13

71浏览

0评论

聊聊Node.js中常用的文件系统

Node.js是一个能够运行JavaScript的平台，它采用事件驱动、非阻塞I/O模型，使得在一个单线程的环境下能够高效地处理大量请求，成为现代Web应用开发的首选技术。在Node.js开发过程...

• 2023-04-08

92浏览

0评论

如何解决Vue不运行修改配置文件的问题

随着前端开发技术的不断发展，Vue框架成为了一个非常重要的工具。在使用Vue框架进行开发过程中，修改配置文件是一个非常常见的操作。然而，出现不运行修改配置文件的情况也是非常...

• 2023-04-08

77浏览

0评论

vue模版需要放在项目的什么位置中

Vue的模板根据开发者的实际需求和使用的工具不同，一般可以放在以下几个地方： Vue组件内的templateVue组件可以在template中定义自己的模板，这是Vue的一种核心功能。在组件的scr...

• 2023-04-08

79浏览

0评论

vue函数对比：toRaw()和markRaw()的使用

针对一些特殊的需求，在项目里，需要将响应式数据变为普通原始类型数据，这种情况是有的。在Vue里，能够将普通数据类型的数据变为响应式数据；同时，也能将响应式类型数据变为普通类型...

• 2023-04-08

117浏览

0评论

uniapp项目中怎么用js实现隐藏view的效果

UniApp是一款基于Vue.js框架的跨平台开发工具，拥有丰富的组件库和API，可以快速开发出高质量的跨平台应用程序。在实际开发中，我们经常需要控制页面上的某些视图组件的显示与隐...

• 2023-04-08

138浏览

0评论

如何使用Vue.js动态地显示当天是星期几

随着互联网的发展，前端技术也在不断地升级和更新。Vue.js作为一款现代化的JavaScript框架，被越来越多的开发者所使用。在Vue.js中，我们经常需要显示当前的日期和时间，尤其是当天...

• 2023-04-08

94浏览

0评论

手把手教你使用Vue实现一个tab栏切换功能

随着前端技术的不断发展，Vue已成为最受欢迎的JavaScript框架之一。Vue的出现，让前端开发变得更加简单和高效。在Vue中，我们可以通过指令和组件来构建一个复杂的界面。其中，tab栏...

• 2023-04-08

123浏览

0评论

vue3.0 vant popup渲染不出来问题及解决

目录vue3.0 vant popup渲染不出来vue3中组件无法渲染成功总结vue3.0 vant popup渲染不出来遇到这个问下，先检查看看是不是看着vant的2.x版本进行开发。vant2.x版本代码如下：<v...

• 2023-04-07

77浏览

0评论

vue跨窗口通信之新窗口调用父窗口方法实例

众所周知，在vue中bus等工具只能跨组件通信，如何实现跨窗口通信呢？场景如下，我们在A窗口中新开了B窗口，想在B窗口中调用A窗口的方法？这里还总结了一点window事件的方法：window.opene...

• 2023-04-07

61浏览

0评论

vue全家桶-vuex深入讲解

目录使用index.jsgetters.jssystem.js全局使用：main.js文件中Vuex概述Vuex中的核心特性A.Statethis.$store.state.全局数据名称-组件访问State中的数据的第一种方式组件访问S...

• 2023-04-07

68浏览

0评论

Vue render函数使用详细讲解

目录Dom什么是render函数render函数的返回值（VNode）template与render简单的render函数什么时候使用RenderDom在浏览器中通过js来操作DOM的操作性能很差，于是虚拟Dom应运而生。...

• 2023-04-07

59浏览

0评论

Vue+echart 展示后端获取的数据实现

最近在合作做一个前后端分离项目时，为了测试我写的后端部分获取数据的效果，自己也学了一下 vue 的知识，在获取 json 信息这里也踩了很多坑。这里列举下我返回的 json 部分信息：{...

• 2023-04-07

93浏览

0评论

vue3+ElementPlus使用lang="ts"报Unexpected token错误的解决办法

目录问题背景问题解决总结问题背景在做vue3+ElementPlus项目时，复制粘贴ElementPlus官网的代码到项目中，结果会报这样的错：ESLint Parsing error: Unexpected token明明就是按...

• 2023-04-07

142浏览

0评论

vant van-list下拉加载更多onload事件问题

目录vant van-list下拉加载更多onload事件问题描述vant van-list的使用及一些坑的解决第一步第二步第三步第四步第五步总结vant van-list下拉加载更多onload事件问题描述van...

• 2023-04-07