- 博客(39)
- 收藏
- 关注
RSS订阅原创 【uniapp】记录tabBar不显示踩坑记录
由于很久没有使用uniapp了，官方文档看着又杂乱，底部tab导航栏一直没显示，苦思许久，没有发现原因，最后网上搜到帖子，list里的第一个数据，pages 的第一个 path 必须与 tabBar 的第一个 pagePath 相同否则不显示底部导航。我才发现我pagePath里的路径多了一个/，去掉后就正常显示了！真的是狠狠的踩坑了！
2025-03-19 17:52:44
377
原创 什么，你还在项目中直接使用setTimeout和setInterval，文末附解决方案
定时器（setTimeout）是 JavaScript 异步编程的核心工具，但开发者往往低估其复杂性。本文将揭示这两个 API 在高精度场景下的隐藏风险，并通过 代码示例展示如何构建健壮的定时调度系统。JavaScript 是，它只有一个主线程，所有任务都在这个线程上执行，这意味着一次只能做一件事。为了处理异步操作，比如计时器、网络请求等，JavaScript 使用了事件循环（Event Loop）机制。当一个异步操作完成时，它会被放入回调队列中等待主线程空闲时再执行。
2025-03-17 18:06:31
546
原创 node mysql2连接池踩坑问题记录解决
运行时一直报错，无法获取数据库链接，看了几眼一直没有看出是哪里的问题，其实已经大概能猜到是连接池这里的写法问题了，然后问了一下deepseek，不得不佩服于它的思考过程。将mysql.createPool转换成promise就可以正常执行了，也算是小小的踩了个坑。
2025-03-05 11:25:09
206
原创 一文带你看懂URL地址加”/“和不加的区别
当成两本不同的书，这就会出现重复内容的问题，影响你的网站在搜索结果里的排名。所以，聪明的网站开发者们通常会选择一种形式，然后用 301 重定向这个 “魔法棒”，让所有的 URL 都变得整齐规范。URL，全称统一资源定位符，它就像互联网上资源的 “身份证”，不管是网页、图片，还是各种 API 接口，都能靠它精准定位。URL 末尾有没有 “/”，还会影响相对路径的解析，这里面可有个小陷阱哦！对于 RESTful API 来说，带 “/” 和不带 “/” 就像两个不同的指令，可能会让服务器做出不同的反应。
2025-02-27 09:57:29
337
原创 一文教你如何白嫖cursor,亲测有效2025最新教程
使用 Cursor 已有较长时间，一直以来都在充分利用其免费额度。不得不说，Cursor 功能十分强大，它能解决涵盖写代码、搭建网站、开发桌面程序、处理表格大数据以及撰写文章等诸多计算机相关场景下约 90% 的问题，而用户仅需通过简单的对话就能实现。
2025-02-07 10:03:56
11226
14
原创 element的el-cascader组件动态加载，以及报错处理问题
Blocked aria-hidden on an element because its descendant retained focus. The focus must not be hidden from assistive technology users. 报错处理
2024-11-26 11:26:55
725
原创 重置查询条件
使用JSON.stringify和JSON.parse方法是为了创建this.formData的一个深拷贝。深拷贝意味着创建一个新的对象，其值是原始对象的完全复制，而不是引用。这样，当你改变this.formData时，this.oldFormData保持不变，因为它是一个独立的对象。
2024-05-30 11:12:31
175
原创 【预解析DNS,减少网页首页白屏时间】
第二类是其他资源的 DNS 解析，在浏览器解析 html 的时候，会遇到一些 script 元素、link 元素，此时会暂停 html 的解析，转而加载 JS，里面就包含了 DNS 解析，这个过程是耗时的，会阻塞浏览器渲染主线程，所以该如何进行优化呢？简单来说，DNS 的作用是将域名解析为 IP 地址，解析的过程是耗时的，转化后会做本地缓存，我们的优化的目标主要是针对用户第一次访问站点的时候陷入长时间白屏的问题。中，缩短DNS解析时间，进而提高网站的访问速度。之后可能会用到的域名，使解析结果。
2024-02-26 10:31:53
491
原创 【npm淘宝镜像源更新】教你完整的解决方案
由于node安装插件是从国外服务器下载，如果没有“魔法工具”，就可能会遇到下载速度慢、或其它异常问题。）的 HTTPS 证书正式到期。如果想要继续使用，需要将 npm 源切换到新的源（如果你使用淘宝命令工具cnpm，则不需要去手动更新镜像地址，官方已自动做了处理。如果你是将npm官方镜像改成了淘宝镜像，则需要按下面步骤去手动更新。在 1 月 22 日，淘宝原镜像域名（
2024-01-26 09:36:35
5602
原创 【sql查询总数据条数性能优化】
特性来一次性获取数据和总数，而不需要额外的查询。这样可以提高性能并减少数据库的负担。这段sql查询是通过额外建立一个子查询，同时来进行分页条件查询和查询数据总条数。那么可不可以继续优化呢，答案是可以的。我们可以借助sql的一个。
2024-01-12 10:26:36
512
原创 【git】历史回滚操作
1.查看提交历史： 首先，你需要查看项目的提交历史，找到你想要回滚到的那个提交的哈希值。彻底回滚到某个提交，包括工作区、暂存区和版本库。这会删除回滚点之后的提交记录，所以使用时要特别小心。回滚到某个提交，但保留工作区和暂存区的改动，只是撤销了提交记录。这意味着你还可以重新提交这些改动。回滚到某个提交，并更新暂存区，但不改变工作区。这意味着你需要在工作区手动撤销改动。这将显示所有的提交记录。找到你想要回滚到的那个提交，并记下它的哈希值。
2024-01-11 09:17:55
653
原创 【git】部署前代码合并工作，详细~附带命令
多人开发项目时，都在不同的需求分支上开发。如果别人已经修改了主代码的分支，并且部署过测试环境以后，这时你的代码已经是老版本的了。6，最后合并好后，提交 就可以部署了，你最后提交的这一条就是你要部署的最新的测试环境代码。3，切换到你开发的新需求分支上,从master上合并最新的代码到你的分支上来，然后提交。2，切到主干分支master上，git pull 拉取最新的代码。5，在测试环境分支上，合并你的需求分支。当你需要部署到测试环境时，1，先提交你当前分支的代码。4，切换到测试环境分支。
2024-01-05 15:43:45
803
1
原创 【前端工程化】包管理工具npm,yarn,pnpm,tnpm优劣对比
前端工程化是现代Web开发中不可或缺的一环，它的出现极大地提升了前端开发的效率和质量。在过去，前端开发依赖于手动管理文件和依赖，这导致了许多问题，如版本冲突、依赖混乱和构建繁琐等。而今，随着众多前端工程化工具的出现，前端开发的效率得到了大大的提高。随着前端工程化工具生态的日益繁荣，如何选择这些工具成为作为初学者的我们面对的第一个难题，究竟是应该使用 npm 还是 yarn, 或者说什么场景更适合使用 yarn, 什么场景适合使用 pnpm, 让本就一头雾水的我们更加难以抉择。
2023-12-20 11:31:01
406
1
原创 nginx常用命令
nginx -s reload 更新nginx配置(每次修改完nginx.conf文件都需要使用该命令更新加载);tasklist | findstr nginx 查看nginx进程；有时，我们会遇到关掉nginx后，网页还可进行访问。start nginx 启动nginx；nginx -s stop 关闭nginx;如果看到 Nginx 进程，请使用。以下是windows环境下常用命令。
2023-09-14 09:54:00
199
1
原创 Wordpress基本RestApi
WordPress的REST API允许您查询数据库表中的数据，其中包括文章、页面、用户、分类、标签等等。
2023-09-06 11:53:34
1178
1
原创 node实现查询一部小说各角色出现的次数
{"萧炎":3,"薰儿":2,"美杜莎":0,"彩鳞":0,"小医仙":0,"云韵":0,"云芝":0,"药尘":0,"药尊":0,"药老":0,"萧炎哥哥":0}读取一个文本，那么我们就需要使用到，node当中的fs来创建文件流，因为我们要读取的文本是小说，有几百万字的，所以用readline来逐行读取文本。最近，斗破苍穹动漫也是看到了三上云岚宗哈，一时无聊，就用node写了个查询斗破苍穹各人物名称出现的次数。发现我们的测试文本是没错的，那我们直接上整篇《斗破苍穹》。
2023-08-07 15:09:18
146
原创 vue3响应式源码分析
ref：用途：ref 主要用于将基本数据类型（如数字、字符串、布尔值等）包装成响应式对象。它提供了一种简单且方便的方式来创建响应式对象。返回值：ref 函数返回的是一个普通 JavaScript 对象，该对象具有一个名为 value 的属性，该属性是响应式的，当访问或修改该属性时，Vue 3 能够捕捉到这些操作并触发相应的更新。自动解包。
2023-07-25 15:30:30
593
原创 chatgpt 各模型以及对应Api
ChatGPT 是 OpenAI 开发的一种基于 GPT（Generative Pre-trained Transformer）的聊天模型。它是使用大规模学习训练的神经网络模型，能够生成自然语言文本响应以进行对话。ChatGPT 模型可以用于与用户进行交互式对话，提供回答问题、生成文本、提供建议等功能。它可以适应各种任务和场景，如智能助手、客户支持、编程帮助等。
2023-06-15 16:29:18
2106
原创 教你实现pc移动端两套代码拆分
以上几种，相信大家都有遇到过，但是pc和移动端除了布局，往往交互都相差很大，又要保证布局，又要保证交互的情况下，那么以上几种，明显就不好控制了，而且上面的几种方法，如果只是用来处理一些页面较少。不太注重用户交互的时候还是挺方便的，但是如果页面一多起来，那么我们需要去写大量的css来兼容。找到App.vue这个文件，这个文件是整个项目的入口页面，通过router-view浏览主页面，那么我们就采取将路由表拆分成两个，pc和移动路由。如果是pc端，就走pc的路由，是移动端就走移动端的路由，那么找到路由文件。
2023-06-14 10:41:33
1262
8
原创 一行代码教你不用js，也能阻止鼠标事件
添加了这个css属性设置为none以后，那么我们的按钮点击事件根本无法触发响应。1.监听事件，根据判断条件去实现是否执行。那么其实css也能控制事件不去响应。
2023-06-14 10:03:47
125
原创 node+koa 实现热更新
Nodemon是一个基于Node.js开发的实用程序，用于监视应用程序中的任何更改，并自动重新启动服务器。npm install -g nodemon（注意：使用yarn add 的方式安装不行）会报。使用Nodemon可以节省大量的时间，因为您不必每次更改代码时都手动重新启动服务器。Nodemon将监视您的应用程序，并在发现任何更改时自动重新启动服务器。当然你也可以通过webpack热更新来实现。可通过nodemon插件来实现，nodemon+文件名。
2023-06-05 12:58:21
691
1
原创 node.js+cheerio+axios实现爬虫爬取数据
2.通过attr()方法和text()方法来处理自己所需要的数据，因为text()方法会默认拿到所匹配到的所有文本信息，需要通过.children().eq()去分解。1.通过$('.search-list').find('.pic-pack-outer')拿到每一栏数据，使用jq的each()方法去遍历。在扩展商店可以安装一个Code Runner插件，来运行node.js代码，运行之后，拿到了数据。2.分析网页结构，通过解析DOM来提取所需要的数据。1.安装axios，安装cheerio。
2023-04-18 20:25:03
1193
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人