- 博客(103)
- 收藏
- 关注

原创 git操作-常用版
在production分支上 上传完代码git merge master 合并分支git pushgit describe --tags(查看最新标签)git tag v.版本号git push --tags
2021-06-24 11:44:47
534
2

原创 JS 常见知识点 (原理篇)
堆和栈内存: 是计算机的运行空间内存颗粒: 内存中分为独立的空间,空间中有独立的区域,其中最小的叫内存颗粒内存颗粒中分为两个区域 栈 堆,栈和堆默认关系: 一对一,多对一(两个栈中的地址对应一个堆的空间)栈:1. 保存的是 对象的(地址),函数调用时传递的是变量的(值)2 . 空间小,稳定,里面都是地址 所以不可被修改3. 先进后出 js主线程的函数执行都压在这里堆:1. 保存的是值,数据2. 空间大,里面的是值 所以可被修改。3. 先进先出垃圾回收就是检查这里栈v
2021-06-16 15:50:57
1399

原创 创建vue-cli 项目,报错 ERROR command failed: yarn
创建vue项目 报错:ERROR command failed: yarn解决方法一:Win+R 输入cmd进入到命令行界面输入命令 重新安装yarnnpm install -g yarn成功后重新创建vue-cli4项目便可以解决了。解决方法二:进入到Windows环境中C:/users/administrator/下有一个文件 .vuerc打开此文件,显示{ "useTaobaoRegistry": false, "packageManager": "yarn"}
2021-03-05 20:22:53
25669
11

原创 errors and 0 warnings potentially fixable with the `--fix` option.
vue 项目运行过程中出现 3 errors and 0 warnings potentially fixable with the --fix option. 的错误报错问题:原因一在创建vue项目中,会选择linter/Formatter,eslint-config-standard"standard"插件代表的是eslint的standard插件都要安装所以参考一下以下依赖是否安装解决方法:将 “@vue/standard” 删除原因二与创建项目 eslint 设置有问题,可以
2021-03-05 20:11:41
8493
原创 解决 vue3 中 echarts图表在el-dialog中显示问题
由于 el-dialog 还没有完全渲染完成,而你的 echarts 组件已经开始尝试渲染图表了。你可以尝试使用 v-if 或者 v-show 来控制 echarts 组件的渲染时机,使其只在 el-dialog 完全渲染完成后才进行渲染(翻译过来就是加个定时器)。第一次点开不显示图表,第二次点开虽然显示图表,但是图表挤在一起,页面检查发现宽高只有100px,但是明明已经设置样式宽高100%
2024-12-25 14:33:07
700
原创 28 个 JavaScript 单行代码让你成为 JavaScript 大神
这些 JavaScript 单行代码是有价值的函数,可以简化复杂的任务并提高代码的可读性。通过理解和运用这些技术,您不仅可以展示自己的熟练程度,还可以展示编写高效、清晰且可维护的代码的能力。
2024-10-24 09:46:44
1015
原创 vue3实现一个简易的虚拟列表(附带源码)
虚拟列表主要是解决当列表数量较多时(比如上十万条数据、百万万条数据),页面内引入大量的 DOM 元素导致页面卡顿的情况,当然对于列表数量没达到足够的量级(主要根据自己的业务来衡量)但是想提高首屏加载速度时,也可以选择按需加载列表,类似于图片的懒加载,并非一次性渲染全部列表,而在滚动到页面底部的时候,再去加载剩余的数据。但是对于业务需求就是一次性返回所有数据的时候选择用虚拟列表去加载更合适。
2024-10-24 09:45:55
384
原创 Vue3 子组件访问父组件的方法 - 父组件访问子组件的属性或方法 - 子组件修改父组件的值
【代码】Vue3 子组件访问父组件的方法 - 父组件访问子组件的属性或方法 - 子组件修改父组件的值。
2024-06-03 10:24:03
550
原创 vue3 再次返回页面,滚动条回到顶部
在页面a,滑动了滚动条,再进入页面b,但是页面B记录了滚动条位置。现在想要,进入页面B,不记录之前的滚动条,
2023-11-23 16:13:36
808
原创 Nginx报错信息*upstream prematurely closed connection while reading responseheader from upstream’
Nginx 报错信息 upstream prematurely closed connection while reading response header from upstream 通常意味着后端服务(在这种情况下是监听在 8089 端口的服务)在 Nginx 期望读取响应头的时候关闭了连接。如果问题依旧存在,可能需要进一步深入后端服务的应用程序代码,查看是否有关于处理大文件上传的特定逻辑出现问题。检查后端服务的日志以查看是否有任何错误信息,特别是关于崩溃或异常关闭的信息。
2023-11-01 17:21:40
11038
原创 windows nginx 本地部署访问静态资源zip文件 配置以及bug解决
配置nginx服务器以提供静态资源zip文件的访问可以按照以下步骤进行:安装并配置Nginx:首先确保已正确安装和配置了Nginx服务器。你可以从Nginx官方网站下载和安装Nginx,然后根据操作系统的要求进行配置。准备静态资源zip文件:将你的静态资源文件打包成一个zip文件,确保zip文件中包含了你想要提供给客户端的所有静态资源文件。
2023-09-21 14:48:09
1313
转载 Vue2屎山代码大盘点
相比其他的框架来说,Vue中更容易产出屎山代码;因为Vue中的options就是一个大对象,导致js本身的很多检测都失效了,比如一个函数没有用到的话会“变灰”,template中代码提示比较少,较多的mixins等等;遇到屎山代码,大多数人第一反应就是这谁写的代码这么差,其实大多数公司大多数人至少曾经都写过一些屎山代码,有屎山代码很正常,问题在于怎么快速梳理出业务逻辑,防止在迭代新需求时引发bug,在富有余力的情况下可以进行局部重构,渐进式优化屎山代码;
2023-07-20 10:31:53
264
原创 vue中 img标签,链接失效显示默认图片 onerror
当图片加载失败时,会触发 @error 事件,我们可以在事件处理函数中将 src 属性修改为默认图片链接。需要注意的是,在一些情况下,比如 src 属性本身就为空或者是一个相对路径,可能无法触发。为了避免这种情况,建议在加载图片前进行判断,保证 src 属性是一个有效的链接。在模板中,我们使用 img 标签来显示图片,并将 src 属性绑定到。标签来显示图片,并且图片链接失效时需要显示默认图片,可以使用。在上面的代码中,我们首先加载了一个无效的图片链接。,然后指定了一个默认图片链接。
2023-05-25 14:18:17
1226
原创 nuxt 一直报错 http://localhost:24678/_nuxt/
这个错误可能是由于Nuxt.js应用程序无法正确加载/_nuxt/路径下的资源而导致的。解决这个问题的方法有以下几种:
2023-05-15 13:46:08
1899
原创 nuxt3 useFetch封装一个api接口http请求 - 解决刷新页面useFetch无返回
比如我的关注页面,在其他页面点了关注,每次进这个页面或者刷新都需要去后台重新获取数据,所以我给入参加了一个以时间戳为值的参数key,但是这样导致每次F5刷新页面的时候,都拿不到数据,导致页面没有显示。Suspense不起作用。浏览器刷新的时候页面没有显示数据,接口data无返回。本身nuxt的useFetch在参数不变的情况下,数据是不会重新从后台接口去请求数据的,会直接拿上一次的结果。但是有实时去后台获取数据这样的需求,项目中封装接口请求,并且解决刷新页面useFetch无返回数据问题。
2023-04-10 17:06:42
6484
5
原创 nuxt3 vue 让PC网站在手机上按比例缩小适应屏幕
【代码】nuxt3 vue 让PC网站在刚进入网页的时候,在手机上自动按比例缩小适应屏幕。
2023-04-10 14:23:00
1285
原创 nuxt3 布局,iOS Safari 的 100vh 问题,兼容PC端移动端iOS
原先需求 要求是顶部和底部是由中间内容撑开的,但是有的页面没内容就撑不开,一开始使用 min-height: calc(100vh - 410px); 但是在iOS手机端下出现问题,
2023-04-10 14:16:07
694
原创 nuxt3 window is not defined错误
在 Next 中直接使用 window/document 会报 ReferenceError: window is not defined
2023-04-06 10:23:21
4393
原创 nuxt3 + pinia + swiper +element-plus + less + 腾讯地图 创建项目及使用
文件介绍了,如何搭建nuxt3 项目,如何引用pinia + swiper +element-plus + less 插件使用,以及基本使用组件和pinia,腾讯地图。
2023-03-31 15:54:42
2885
原创 pinia-plugin-persist 解决刷新后,store数据重置
在某些特定的单页面应用场景下,我们使用常规的 store 来存储数据,很多时候面临着刷新就会被重置,所以,我们急需。来实现对某些特定的数据进行。
2023-03-29 17:10:22
1875
原创 reduce方法 实现数组对象中 每三个属性相加 形成新数组
结合 reduce方法 实现数组对象中 每三个属性相加 形成新数组,并且包含多种 reduce方法 详解
2023-03-20 15:40:40
765
原创 git的详细介绍-完整版
git的使用极简git使一款免费的,开源的分布式 版本控制系统git 使Linus Torvalds 为了linkus免费更新使用1、安装官网下载安装包,通过安装包安装下载安装,检测是否安装成功:git --version//返回版本号就成功或者点击鼠标右键出现git选项也可以检测安装成功2、三个区工作区:自己写的源文件暂存区:将要保存的文件,暂时存放、暂存正在开发的代码历史区(本地仓库):生成一个版本,只能将暂存区的内容生成版本。上传时只能上传历史区的内容3、git单机操作⭐
2022-11-28 15:51:45
398
1
原创 前端 单元测试介绍 - 以及在项目中使用 (史上最全)
单元测试 能更快的发现bug,让绝大多数bug在开发阶段发现解决,提高产品质量比起写注释,单元测试可能是更好的选择,通过运行测试代码,观察输入和输出,有时会比注释更能让别人理解你的代码(当然,重要的注释还是要写的。。。)有利于重构,如果一个项目的测试代码写的比较完善,重构过程中改动时可以迅速的通过测试代码是否通过来检查重构是否正确,大大提高重构效率编写测试代码的过程,往往可以让我们深入思考业务流程,让我们的代码写的更完善和规范。基础的配置和使用可参考Vue3 + ts + jest 单元测试 配置以及使用。
2022-11-28 15:47:02
2143
原创 Git 使用Merge和Rebase区别及技巧
首先我们应该明白git rebase是用来处理git merge命令所处理的同样的问题。这两个命令都用于把一个分支的变更整合进另一个分支——只不过他们达成同样目的的方式不同。请考虑这个场景,当你开始在一个专有的分支开发新的功能时,另一位团队成员更新了main分支的内容。这将会造成一个分叉的提交历史,对于任何一个使用Git作为代码协作工具的人来说都不会陌生。现在假设main分支内新增的内容与你正在开发的新功能有关。
2022-11-28 15:14:29
805
原创 vue3+ ts 结合Vuex 去使用封装webscoket (建立两个地址连接、可手动销毁)
这个项目有两个地址,所以有两个不同的webscoket。(下面封装的可使用一个或者多个。并且要求,在不同页面可以共享数据。(这个时候结合了vuex,这里的vuex使用的是。
2022-11-28 13:09:15
3150
原创 封装localStorage 封装sessionStorage 设置默认失效时间为 一天
【直接代码】封装localStorage 封装sessionStorage 设置默认生效时间为 一天。
2022-11-28 10:40:03
956
转载 yarn : 无法加载文件 C:\Users\***\AppData\Roaming\npm\yarn.ps1,
yarn : 无法加载文件 C:\Users***\AppData\Roaming\npm\yarn.ps1,因为在此系统上禁止运行脚本 PowerShell 执行策略配置教程 的解决办法。关于这个问题,PowerShell 脚本的执行有着严格的安全策略限制!只需要修改以下策略即可,再通过yarn执行打包构建项目工程就可以了!
2022-11-14 15:36:17
370
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人