- 博客(42)
- 收藏
- 关注
RSS订阅
原创 uniApp开发微信小程序完美对接微信支付 问题总结 “requestPayment:fail parameter “
uniapp开发微信小程序对接微信支付，报错问题解决
2025-03-27 17:53:58
103
原创 vue3 利用 tsparticles 和 particles.vue3轻松实现一个充满动感的粒子背景效果
在 Vue 3 中，可以使用 tsparticles 和 particles.vue3 来创建一个具有粒子背景效果的页面。1.首先安装 tsparticles 和 particles.vue3，注意版本号。创建组件 创建一个 Vue 组件，用于放置你的粒子效果。2.在main.js导入。
2024-07-01 15:38:56
842
原创 vue自定义指令--实现div和图片的拖拽，放大，缩小
在开发可视化大屏的过程中碰到甲方只能提供一张图片的地图无法提供经纬度，需要在这张图片实现类似百度地图功能的标点。所以就想实现对图片的拖拽移动然后加上放大和缩小功能。这样来模拟百度地图的小部分功能，然后通过在图片上放小div进行标点，来进行坐标定位，如下图代码已经封装成组件，复制可以。
2023-06-20 11:53:09
2242
2
原创 防抖和节流的方法详解和CSS文本溢出小知识
作用：防止事件连续不停的进行，一个一个的处理，是间隔时间执行，一些高频事件，在被连续触发时，需要限定在单位时间内只执行一次；例如：防止发起多次请求或者按键的连续点击。1,基于高度截断：原理是通过伪元素绝对定位到行尾并遮住文字，再通过 overflow: hidden 隐藏多余文字。节流：也可分为时间戳节流（后一时间减去前一时间小于多少就不执行代码）和定时器节流两类。场景：搜索框输入发请求，一些拖拽盒子，或者滚动事件。2.基于行数截断：兼容性相对较低，防抖的实现：利用间歇函数。
2024-12-27 14:20:02
466
原创 TCP/IP关系特性详解
由于计算机网络从底层的传输到高层的软件设计十分复杂，要合理地设计计算机网络模型，必须采用分层模型，每一层负责处理自己的操作。OSI（Open System Interconnect）网络模型是ISO组织定义的一个计算机互联的标准模型，注意它只是一个定义，目的是为了简化网络各层的操作，提供标准接口便于实现和维护。选择UDP协议时，传输的数据通常是能容忍丢失的，例如，一些语音视频通信的应用会选择UDP协议。应用层，提供应用程序之间的通信；
2024-12-27 11:39:08
395
原创 Maven Wrapper 报错“未找到有效的 Maven 安装”
确保你的项目中包含 .mvn/wrapper/maven-wrapper.properties 文件。检查该文件中的 distributionUrl 属性，确保它指向一个有效的 Maven 发行版 URL。
2024-12-27 11:22:12
818
原创 小程序海报生成的两种主流方式与一种创新实践
而且面对一些复杂的排版时，使用 canvas 绘制相较于使用 CSS 绘制来说困难许多，并且canvas 的宽高有最大限制，超出限制则会绘制空白。4、调用 wx.saveImageToPhotosAlbum 将海报保存到本地。然而，这种绘制方式需要走网络请求，如果量大会给服务器带来一定的成本压力。小程序也可以通过调用服务端接口，将需要生成海报的数据传递给服务端，3、调用 fs.writeFileSync 将海报数据写入本地文件。3、绘制图片、文字等到 canvas。本文采用的方式是 -------
2024-12-11 14:03:32
599
原创 如何撤销已提交 git commit 的代码
Git Reset 模式 git reset 命令有三种主要模式用于撤销提交：–soft、–mixed 和 --hard。—soft：撤销提交，但保留暂存区的状态，适用于需要保留代码改动的情况。–mixed（默认）：撤销提交并清除暂存区的状态，但保留工作目录中的代码改动。–hard：删除提交并删除工作目录中的代码改动。选择合适的模式非常重要，尤其在使用 --hard 模式时要特别谨慎，因为它可能导致代码无法恢复的丢失。
2024-12-04 10:04:31
164
原创 JavaScript实现扁平数组与树结构的相互转换
在解决扁平数组与树结构之间的转换问题时，关键在于识别父子关系并通过建立索引或映射结构进行层次遍历，以实现数据的转换。
2024-11-09 16:06:35
57
原创 styled-components在React中的使用方法
styled-components是一个CSS-in-JS库，允许开发者在React组件级别上编写CSS样式。
2024-10-17 17:12:55
135
原创 CSS Modules在React的使用方法
在React组件的文件夹中创建一个CSS文件，并在文件名后添加`.module`，表示该文件是一个CSS模块。例如，创建一个名为`styles.module.css`的CSS文件。
2024-10-17 16:53:42
301
原创 如何实现 vben-Admin 表格的完美分页？揭秘数据带参数的处理技巧！
【代码】vben-Admin 表格分页处理 表格数据带参数请求，对分页的处理。
2024-09-12 14:28:59
384
原创 export 和 export default区别
export 用于具名导出，可以导出多个值，而 export default 用于导出一个默认值，并且可以为导入者提供更大的命名灵活性。
2024-07-02 15:49:11
263
原创 在vue3中使用echarts图表 通过provide提供echarts实例
现在，echarts 变量将包含提供的 Echarts 实例，你可以在组件中使用这个实例来创建图表或执行其他操作。1.安装 Echarts：在 Vue 项目中，使用 npm 或 安装 Echarts。2.通过provide提供echarts实例 在App.vue内。
2024-07-02 09:13:33
98
原创 vue3中使用animate.css插件css动画 实现弹性和晃动效果的入场动画
animate__animated是animate.css库提供的基础动画类，确保动画效果能够应用到元素上。是被组件包裹的元素，它将应用animate__animated shine类提供的样式，并在进入页面时按照animate__backInDown animate__wobble类定义的动画效果进行展示。enter-active-class="animate__backInDown animate__wobble"属性定义了元素进入（显示）时的动画类。元素的进入效果提供一个动画。这两个类的组合可以为。
2024-07-01 15:17:02
963
原创 vue2 添加NetWork打开方式
这段代码的意思是使用nodejs的模块获取电脑区域网内的ip地址。2.在\build\webpack.dev.conf.js文件内。1.在package.josn内。
2024-04-11 17:03:20
459
原创 你真的了解JavaScript 的数组方法吗（1）
JavaScript 方法 toString() 把数组转换为数组值（逗号分隔）的字符串。join() 方法也可将所有数组元素结合为一个字符串。它的行为类似toString()
2023-08-27 20:57:31
112
原创 CSS如何隐藏滚动条并保留功能 自定义滚动条样式
滚动条在前端开发中是让人又爱又恨，可是没有它不行，但是它好像有点不好看。这时候就需要去自定义滚动条样式。让我们一起来看看看如何隐藏滚动条并保留功能和自定义滚动条样式吧！！。最后希望可以点个关注，以后会持续更新前端知识1.如何隐藏滚动条添加 overflow: hidden;隐藏水平和垂直滚动条。body {/* 隐藏滚动条 */body {/* 隐藏垂直滚动条 *//* 隐藏水平滚动条 */注意 overflow: hidden 也会移除滚动条的功能。无法在页面内滚动。
2023-08-26 22:53:22
1052
原创 uniapp开发手机app--页面左右滑动swiper效果实现
uniapp开发手机app–页面左右滑动swiper效果实现，跟平常swiper使用没有太多差别，区别在于检测，获取手机屏幕的高度，让其等于swiper的高度，从而使屏幕充满。完整代码如下：可根据自己的业务进行调整，在获取swiper左右移动的索引的情况下，可结合自己的业务情况进行拓展。
2023-08-18 09:29:48
956
原创 uniapp开发手机app--vuex结合websocket实现全局消息推送提示
在vuex内实现websocket的链接，采用心跳检测的方法来判断是否与服务端失去联系，来控制断线重连，代码比较全面，直接赋值粘贴根据业务调整就可以直接用了。
2023-08-18 09:16:31
560
原创 splitpane实现窗格的拆分调整
第一步：项目中没有这个拖拽插件时候需要先安装。第二步：在需要使用的界面导入并注册组件。第三步：在组件中使用。
2023-08-05 10:51:54
742
原创 移动端uniapp使用uview组件在表单中上传图片并回显，预览，删除操作
移动端uniapp使用uview组件在表单中上传图片并回显，预览，删除操作
2023-07-11 17:46:41
4904
原创 面试题-----阐述一下 JS 的事件循环
根据 W3C官方的解释，每个任务有不同的类型，同类型的任务必须在同一个队列，不同的任务可以属于不同的队列。不同任务队列有不同的优先级，在一次事件循环中，由浏览器自行决定取哪一个队列的任务。但浏览器必须有一个微队列，微队列的任务一定具有最高的优先级，必须优先调度执行。在 Chrome 的源码中，它开启一个不会结束的 for 循环，每次循环从消息队列中取出第一个任务执行，而其他线程只需要在合适的时候将任务加入到队列末尾即可。过去把消息队列简单分为宏队列和微队列，
2023-07-07 14:14:39
87
原创 前端面试题-------如何理解JS的异步
这是因为它运行在浏览器的渲染主线程中，而渲染主线程只有一个。证渲染主线程承担着诸多的工作，渲染页面、执行 JS 都在其中运行。如果使用同步的方式，就极有可能导致主线程产生阻塞，从而导致消息队列中的很多其他任务无法得到执行。这样一来，一方面会导致繁忙的主线程白白的消耗时间，另一方面导致页面无法及时更新，给用户造成卡死现象。所以浏览器采用异步的方式来避免。具体做法是当某些任务发生时，比如计时器、网络、事件监听，主线程将王务交给其他线程去处理，自身立即结束任务的执行，转而执行后续代码。
2023-07-05 14:20:02
77
原创 可视化大屏开发--echarts图通用常用配置---图例和背景图配置
还有今天才知道echarts还可以使用图片给它加背景图。下面代码内容有加图片背景和给环形图设置外围圆环，还有图例的常用配置项😍。这个一个饼状环形图，右侧的部分叫做–图例，在很长一段时间我把它叫做标签，导致出现问题百度都找不到对应的问题点😢。
2023-04-13 17:38:07
1965
原创 uniapp开发手机app--登录记住密码功能，代码直接复制可用奥
登录记住密码功能：我采用的是本地持久化的方式来实现的这个需求，uniapp开发手机app--登录记住密码功能，代码直接复制可用哦
2023-04-12 13:58:34
1763
2
原创 uniapp开发手机app--app应用内部下载更新，代码直接复制可用奥
uniapp开发手机app--app应用内部下载更新，代码直接复制可用奥，由于某些原因应用没有放到应用市场，而是放到了自己的服务器上，下面分享一下方法。
2023-04-12 09:47:32
291
原创 vue-router基础学习详解
路由：一个路由就是一组映射关系，key为路径，value可能是组件或者函数。也就是路径与组件或者函数之间的映射关系vue-router是vue的一个插件，可以用来实现SPA单页面应用的切换
2022-09-21 22:11:58
276
飞秋FeiQ是一款免费的局域网即时通讯软件，支持文字、图片、表情的多人群发、4G大文件传输、飞秋空间日志、飞秋应用管理器等功能
2024-12-09
Acute3DViewer
2024-08-10
开源免费 Markdown 笔记工具 VNote 3.16.0 + x64 中文多语免费版
2023-08-15
基于微信小程序的小说阅读程序设计与实现.zip
2023-04-03
前端vue插件vue-baidu-map制作瓦片图，百度地图切图工具，可根据输入的中心点的经纬度，自动生成切割后图经纬度命名
2023-04-03
vue-baidu-map,百度地图切图工具，瓦片图制作利器
2023-04-03
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人