- 博客(100)
- 收藏
- 关注
原创 git操作-常用版
在production分支上 上传完代码git merge master 合并分支git pushgit describe --tags(查看最新标签)git tag v.版本号git push --tags
2021-06-24 11:44:47 515 2
原创 JS 常见知识点 (原理篇)
堆和栈内存: 是计算机的运行空间内存颗粒: 内存中分为独立的空间,空间中有独立的区域,其中最小的叫内存颗粒内存颗粒中分为两个区域 栈 堆,栈和堆默认关系: 一对一,多对一(两个栈中的地址对应一个堆的空间)栈:1. 保存的是 对象的(地址),函数调用时传递的是变量的(值)2 . 空间小,稳定,里面都是地址 所以不可被修改3. 先进后出 js主线程的函数执行都压在这里堆:1. 保存的是值,数据2. 空间大,里面的是值 所以可被修改。3. 先进先出垃圾回收就是检查这里栈v
2021-06-16 15:50:57 1366
原创 JS 常见知识点 (基础篇)
一 css1.css选择器https://segmentfault.com/a/11900000137454072.清除浮动浮动:浮动后的元素会脱离文档流不占位置1.父元素设置高度隔开2.overflow:hidden可以撑起盒子的高度, 所以可以直接设置margin属性3.在父元素中,追加空子元素,并设置其clear属性为both注:使用clear:both之后margin属性会失效, 所以不常用4.使用内容生成的方式清除浮动```.clearfix:after { co
2021-03-29 16:23:58 647
原创 创建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 24945 10
原创 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 8336
原创 vue 和 react的对比
vue 比react的优缺点对比1 github 全球开发者星星点赞数量此数据结果摘取于 2021年3月份结论 vue 胜出 尤雨溪一个人撑起一个生态 战胜高手林立的巨头公司facebook 相当的传奇!!对比2 React VS Vue: 性能React:它有一个轻量级的 virtual DOM,并且不是特定于浏览器的。这是 React 与 virtual DOM 一起得到普及的主要原因,它消除了效率低下的问题。Vue:Vue 也使用了虚拟 DOM,但是与 React 相比
2021-03-04 21:10:13 6141 3
原创 Vue3 子组件访问父组件的方法 - 父组件访问子组件的属性或方法 - 子组件修改父组件的值
【代码】Vue3 子组件访问父组件的方法 - 父组件访问子组件的属性或方法 - 子组件修改父组件的值。
2024-06-03 10:24:03 498
原创 vue3 再次返回页面,滚动条回到顶部
在页面a,滑动了滚动条,再进入页面b,但是页面B记录了滚动条位置。现在想要,进入页面B,不记录之前的滚动条,
2023-11-23 16:13:36 643
原创 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 8333
原创 windows nginx 本地部署访问静态资源zip文件 配置以及bug解决
配置nginx服务器以提供静态资源zip文件的访问可以按照以下步骤进行:安装并配置Nginx:首先确保已正确安装和配置了Nginx服务器。你可以从Nginx官方网站下载和安装Nginx,然后根据操作系统的要求进行配置。准备静态资源zip文件:将你的静态资源文件打包成一个zip文件,确保zip文件中包含了你想要提供给客户端的所有静态资源文件。
2023-09-21 14:48:09 1203
转载 Vue2屎山代码大盘点
相比其他的框架来说,Vue中更容易产出屎山代码;因为Vue中的options就是一个大对象,导致js本身的很多检测都失效了,比如一个函数没有用到的话会“变灰”,template中代码提示比较少,较多的mixins等等;遇到屎山代码,大多数人第一反应就是这谁写的代码这么差,其实大多数公司大多数人至少曾经都写过一些屎山代码,有屎山代码很正常,问题在于怎么快速梳理出业务逻辑,防止在迭代新需求时引发bug,在富有余力的情况下可以进行局部重构,渐进式优化屎山代码;
2023-07-20 10:31:53 231
原创 vue中 img标签,链接失效显示默认图片 onerror
当图片加载失败时,会触发 @error 事件,我们可以在事件处理函数中将 src 属性修改为默认图片链接。需要注意的是,在一些情况下,比如 src 属性本身就为空或者是一个相对路径,可能无法触发。为了避免这种情况,建议在加载图片前进行判断,保证 src 属性是一个有效的链接。在模板中,我们使用 img 标签来显示图片,并将 src 属性绑定到。标签来显示图片,并且图片链接失效时需要显示默认图片,可以使用。在上面的代码中,我们首先加载了一个无效的图片链接。,然后指定了一个默认图片链接。
2023-05-25 14:18:17 1165
原创 nuxt 一直报错 http://localhost:24678/_nuxt/
这个错误可能是由于Nuxt.js应用程序无法正确加载/_nuxt/路径下的资源而导致的。解决这个问题的方法有以下几种:
2023-05-15 13:46:08 1667
原创 nuxt3 useFetch封装一个api接口http请求 - 解决刷新页面useFetch无返回
比如我的关注页面,在其他页面点了关注,每次进这个页面或者刷新都需要去后台重新获取数据,所以我给入参加了一个以时间戳为值的参数key,但是这样导致每次F5刷新页面的时候,都拿不到数据,导致页面没有显示。Suspense不起作用。浏览器刷新的时候页面没有显示数据,接口data无返回。本身nuxt的useFetch在参数不变的情况下,数据是不会重新从后台接口去请求数据的,会直接拿上一次的结果。但是有实时去后台获取数据这样的需求,项目中封装接口请求,并且解决刷新页面useFetch无返回数据问题。
2023-04-10 17:06:42 6218 5
原创 nuxt3 vue 让PC网站在手机上按比例缩小适应屏幕
【代码】nuxt3 vue 让PC网站在刚进入网页的时候,在手机上自动按比例缩小适应屏幕。
2023-04-10 14:23:00 1111
原创 nuxt3 布局,iOS Safari 的 100vh 问题,兼容PC端移动端iOS
原先需求 要求是顶部和底部是由中间内容撑开的,但是有的页面没内容就撑不开,一开始使用 min-height: calc(100vh - 410px); 但是在iOS手机端下出现问题,
2023-04-10 14:16:07 640
原创 nuxt3 window is not defined错误
在 Next 中直接使用 window/document 会报 ReferenceError: window is not defined
2023-04-06 10:23:21 3972
原创 nuxt3 + pinia + swiper +element-plus + less + 腾讯地图 创建项目及使用
文件介绍了,如何搭建nuxt3 项目,如何引用pinia + swiper +element-plus + less 插件使用,以及基本使用组件和pinia,腾讯地图。
2023-03-31 15:54:42 2768
原创 pinia-plugin-persist 解决刷新后,store数据重置
在某些特定的单页面应用场景下,我们使用常规的 store 来存储数据,很多时候面临着刷新就会被重置,所以,我们急需。来实现对某些特定的数据进行。
2023-03-29 17:10:22 1723
原创 reduce方法 实现数组对象中 每三个属性相加 形成新数组
结合 reduce方法 实现数组对象中 每三个属性相加 形成新数组,并且包含多种 reduce方法 详解
2023-03-20 15:40:40 710
原创 git的详细介绍-完整版
git的使用极简git使一款免费的,开源的分布式 版本控制系统git 使Linus Torvalds 为了linkus免费更新使用1、安装官网下载安装包,通过安装包安装下载安装,检测是否安装成功:git --version//返回版本号就成功或者点击鼠标右键出现git选项也可以检测安装成功2、三个区工作区:自己写的源文件暂存区:将要保存的文件,暂时存放、暂存正在开发的代码历史区(本地仓库):生成一个版本,只能将暂存区的内容生成版本。上传时只能上传历史区的内容3、git单机操作⭐
2022-11-28 15:51:45 382 1
原创 前端 单元测试介绍 - 以及在项目中使用 (史上最全)
单元测试 能更快的发现bug,让绝大多数bug在开发阶段发现解决,提高产品质量比起写注释,单元测试可能是更好的选择,通过运行测试代码,观察输入和输出,有时会比注释更能让别人理解你的代码(当然,重要的注释还是要写的。。。)有利于重构,如果一个项目的测试代码写的比较完善,重构过程中改动时可以迅速的通过测试代码是否通过来检查重构是否正确,大大提高重构效率编写测试代码的过程,往往可以让我们深入思考业务流程,让我们的代码写的更完善和规范。基础的配置和使用可参考Vue3 + ts + jest 单元测试 配置以及使用。
2022-11-28 15:47:02 2081
原创 Git 使用Merge和Rebase区别及技巧
首先我们应该明白git rebase是用来处理git merge命令所处理的同样的问题。这两个命令都用于把一个分支的变更整合进另一个分支——只不过他们达成同样目的的方式不同。请考虑这个场景,当你开始在一个专有的分支开发新的功能时,另一位团队成员更新了main分支的内容。这将会造成一个分叉的提交历史,对于任何一个使用Git作为代码协作工具的人来说都不会陌生。现在假设main分支内新增的内容与你正在开发的新功能有关。
2022-11-28 15:14:29 767
原创 vue3+ ts 结合Vuex 去使用封装webscoket (建立两个地址连接、可手动销毁)
这个项目有两个地址,所以有两个不同的webscoket。(下面封装的可使用一个或者多个。并且要求,在不同页面可以共享数据。(这个时候结合了vuex,这里的vuex使用的是。
2022-11-28 13:09:15 3085
原创 封装localStorage 封装sessionStorage 设置默认失效时间为 一天
【直接代码】封装localStorage 封装sessionStorage 设置默认生效时间为 一天。
2022-11-28 10:40:03 927
转载 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 351
原创 vue3 + element plus 使用el-button焦点问题 失焦操作
当我点击按钮,弹出了个提示弹窗,但是,当我弹窗关闭的时候,按钮还是处于激活的状态。点击按钮后会有激活的样式,除非点击其他地方才能取消掉,
2022-11-11 15:22:47 3472 3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人