- 博客(28)
- 收藏
- 关注
原创 重置查询条件
使用JSON.stringify和JSON.parse方法是为了创建this.formData的一个深拷贝。深拷贝意味着创建一个新的对象,其值是原始对象的完全复制,而不是引用。这样,当你改变this.formData时,this.oldFormData保持不变,因为它是一个独立的对象。
2024-05-30 11:12:31
101
原创 【预解析DNS,减少网页首页白屏时间】
第二类是其他资源的 DNS 解析,在浏览器解析 html 的时候,会遇到一些 script 元素、link 元素,此时会暂停 html 的解析,转而加载 JS,里面就包含了 DNS 解析,这个过程是耗时的,会阻塞浏览器渲染主线程,所以该如何进行优化呢?简单来说,DNS 的作用是将域名解析为 IP 地址,解析的过程是耗时的,转化后会做本地缓存,我们的优化的目标主要是针对用户第一次访问站点的时候陷入长时间白屏的问题。中,缩短DNS解析时间,进而提高网站的访问速度。之后可能会用到的域名,使解析结果。
2024-02-26 10:31:53
420
原创 【npm淘宝镜像源更新】教你完整的解决方案
由于node安装插件是从国外服务器下载,如果没有“魔法工具”,就可能会遇到下载速度慢、或其它异常问题。)的 HTTPS 证书正式到期。如果想要继续使用,需要将 npm 源切换到新的源(如果你使用淘宝命令工具cnpm,则不需要去手动更新镜像地址,官方已自动做了处理。如果你是将npm官方镜像改成了淘宝镜像,则需要按下面步骤去手动更新。在 1 月 22 日,淘宝原镜像域名(
2024-01-26 09:36:35
5162
原创 【sql查询总数据条数性能优化】
特性来一次性获取数据和总数,而不需要额外的查询。这样可以提高性能并减少数据库的负担。这段sql查询是通过额外建立一个子查询,同时来进行分页条件查询和查询数据总条数。那么可不可以继续优化呢,答案是可以的。我们可以借助sql的一个。
2024-01-12 10:26:36
408
原创 【git】历史回滚操作
1.查看提交历史: 首先,你需要查看项目的提交历史,找到你想要回滚到的那个提交的哈希值。彻底回滚到某个提交,包括工作区、暂存区和版本库。这会删除回滚点之后的提交记录,所以使用时要特别小心。回滚到某个提交,但保留工作区和暂存区的改动,只是撤销了提交记录。这意味着你还可以重新提交这些改动。回滚到某个提交,并更新暂存区,但不改变工作区。这意味着你需要在工作区手动撤销改动。这将显示所有的提交记录。找到你想要回滚到的那个提交,并记下它的哈希值。
2024-01-11 09:17:55
573
原创 【git】部署前代码合并工作,详细~附带命令
多人开发项目时,都在不同的需求分支上开发。如果别人已经修改了主代码的分支,并且部署过测试环境以后,这时你的代码已经是老版本的了。6,最后合并好后,提交 就可以部署了,你最后提交的这一条就是你要部署的最新的测试环境代码。3,切换到你开发的新需求分支上,从master上合并最新的代码到你的分支上来,然后提交。2,切到主干分支master上,git pull 拉取最新的代码。5,在测试环境分支上,合并你的需求分支。当你需要部署到测试环境时,1,先提交你当前分支的代码。4,切换到测试环境分支。
2024-01-05 15:43:45
710
1
原创 【前端工程化】包管理工具npm,yarn,pnpm,tnpm优劣对比
前端工程化是现代Web开发中不可或缺的一环,它的出现极大地提升了前端开发的效率和质量。在过去,前端开发依赖于手动管理文件和依赖,这导致了许多问题,如版本冲突、依赖混乱和构建繁琐等。而今,随着众多前端工程化工具的出现,前端开发的效率得到了大大的提高。随着前端工程化工具生态的日益繁荣,如何选择这些工具成为作为初学者的我们面对的第一个难题,究竟是应该使用 npm 还是 yarn, 或者说什么场景更适合使用 yarn, 什么场景适合使用 pnpm, 让本就一头雾水的我们更加难以抉择。
2023-12-20 11:31:01
196
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
74
1
原创 Wordpress基本RestApi
WordPress的REST API允许您查询数据库表中的数据,其中包括文章、页面、用户、分类、标签等等。
2023-09-06 11:53:34
706
1
原创 node实现查询一部小说各角色出现的次数
{"萧炎":3,"薰儿":2,"美杜莎":0,"彩鳞":0,"小医仙":0,"云韵":0,"云芝":0,"药尘":0,"药尊":0,"药老":0,"萧炎哥哥":0}读取一个文本,那么我们就需要使用到,node当中的fs来创建文件流,因为我们要读取的文本是小说,有几百万字的,所以用readline来逐行读取文本。最近,斗破苍穹动漫也是看到了三上云岚宗哈,一时无聊,就用node写了个查询斗破苍穹各人物名称出现的次数。发现我们的测试文本是没错的,那我们直接上整篇《斗破苍穹》。
2023-08-07 15:09:18
80
原创 vue3响应式源码分析
ref:用途:ref 主要用于将基本数据类型(如数字、字符串、布尔值等)包装成响应式对象。它提供了一种简单且方便的方式来创建响应式对象。返回值:ref 函数返回的是一个普通 JavaScript 对象,该对象具有一个名为 value 的属性,该属性是响应式的,当访问或修改该属性时,Vue 3 能够捕捉到这些操作并触发相应的更新。自动解包。
2023-07-25 15:30:30
300
原创 chatgpt 各模型以及对应Api
ChatGPT 是 OpenAI 开发的一种基于 GPT(Generative Pre-trained Transformer)的聊天模型。它是使用大规模学习训练的神经网络模型,能够生成自然语言文本响应以进行对话。ChatGPT 模型可以用于与用户进行交互式对话,提供回答问题、生成文本、提供建议等功能。它可以适应各种任务和场景,如智能助手、客户支持、编程帮助等。
2023-06-15 16:29:18
1607
原创 教你实现pc移动端两套代码拆分
以上几种,相信大家都有遇到过,但是pc和移动端除了布局,往往交互都相差很大,又要保证布局,又要保证交互的情况下,那么以上几种,明显就不好控制了,而且上面的几种方法,如果只是用来处理一些页面较少。不太注重用户交互的时候还是挺方便的,但是如果页面一多起来,那么我们需要去写大量的css来兼容。找到App.vue这个文件,这个文件是整个项目的入口页面,通过router-view浏览主页面,那么我们就采取将路由表拆分成两个,pc和移动路由。如果是pc端,就走pc的路由,是移动端就走移动端的路由,那么找到路由文件。
2023-06-14 10:41:33
919
8
原创 一行代码教你不用js,也能阻止鼠标事件
添加了这个css属性设置为none以后,那么我们的按钮点击事件根本无法触发响应。1.监听事件,根据判断条件去实现是否执行。那么其实css也能控制事件不去响应。
2023-06-14 10:03:47
73
原创 node+koa 实现热更新
Nodemon是一个基于Node.js开发的实用程序,用于监视应用程序中的任何更改,并自动重新启动服务器。npm install -g nodemon(注意:使用yarn add 的方式安装不行)会报。使用Nodemon可以节省大量的时间,因为您不必每次更改代码时都手动重新启动服务器。Nodemon将监视您的应用程序,并在发现任何更改时自动重新启动服务器。当然你也可以通过webpack热更新来实现。可通过nodemon插件来实现,nodemon+文件名。
2023-06-05 12:58:21
523
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
963
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人