- 博客(17)
- 收藏
- 关注
RSS订阅原创 巧用computed计算属性和watch监视
(2)当前端展示的数据需要根据后端返回的某个字段判断时，一般可以用computed结合switch…(如列表的某个字段及图标，图标颜色需要根据后端返回的某个字段判断，这部分数据是有规律的，并不完全是后端直接返回，就需要前端在computed判断）（1）一个请求需要的参数很多，每次参数变化需要重新发请求时，可以用watch监视参数变化，并配合deep:true使用。(1)当需要进行数值计算并且依赖于其他属性值时，一般用computed，避免每次获取值时重新计算。（2）数据变化时需要进行异步操作。
2023-08-18 17:59:21
218
1
原创 图片的base64,blob,file等格式的区别，转换以及使用场景
Base64：Base64是一种用于表示二进制数据的文本编码方式。这样做可以方便在不支持二进制数据传输或存储的场合使用，如JSON、HTML等。Blob：是一个代表大量二进制数据的对象，通常用于处理图片、音频、视频等文件。浏览器中的Blob对象可以通过URL.createObjectURL方法生成一个临时URL供其他API引用。File：File对象继承自Blob对象，用于表示用户选择的或者从网络获取的文件。它包含了文件的名称、类型、修改时间等元数据，并可以作为参数传递给其他Web API进行处理。
2023-06-21 17:20:01
3458
原创 vue-cropper(图片裁剪插件)
描述：vue-cropper是一个非常好用的图片裁剪插件，可以拿到裁剪后图片的base64地址或者blob地址。
2023-06-14 19:26:12
2266
原创 前端bug修改流程【工单oncall】
但该方法在大型项目中并不一定靠谱，很多类名都是经过处理了的，且该方法并不能很好的帮助我们理解代码前后逻辑，所有不推荐使用。通过复现场景，超登出现问题的账号等各种方法，在项目中制造出这个bug，让他能很好的展现出来，出现在我们肉眼可见的地方(当然也有些bug是没有办法复现的，能复现的我们尽量把复现放在第一步)。通过在控制台打印数据，查看后端返回数据，与后端沟通数据正确性，查看代码逻辑的正确性等方法确定bug是否出现在前端，再根据对应的问题通过对应的方法去解决。具体操作如下方引用链接所示。
2023-06-06 22:40:55
207
原创 前端解决git冲突
小明修改了A文件，上传到了远程分支中，而小红此时在本地也修改了A文件，修改完后拉最新的dev分支代码合并准备上传时，这时候git就报冲突错误。简单来说就是本地修改的文件和远程仓库的同一个文件都有修改，尝试合并他们时就会冲突。（这样做push到最新代码，再去写代码，写完及时提交，就能减少这段时间内同事同时修改这一个文件中代码的概率，从而减少冲突）
2023-05-16 15:08:34
295
原创 vscode撤销更改（不小心撤销保存的代码）后如何恢复
1.在vscode界面，按住Ctrl+shift+p打开命令面板，点击选择图中蓝色区域，本地历史记录：查找要还原的条目。如果没看到可在搜索框搜索文字，点击进入。使用vscode写代码，保存的代码一不小心撤销更改了，这就导致我们刚刚写的代码白写了，别怕，这也是有挽救办法的，如下图，点击撤销箭头，代码找不到了。2.进入后搜索要恢复的文件名，点击进去即可查看,根据最近的编辑时间找到想要恢复的文件，复制代码再粘贴即可。
2023-05-05 19:29:14
8594
4
原创 watch+$nextTick配合使用
vue中用watch来监视data数据的变化，当被监视的数据发生变化watch中定义的相关方法便会被调用，同时watch中可以执行任意的异步操作。
2023-04-23 10:03:07
839
原创 git常用命令
10.如果正在某个分支写代码，这时候另一个分支出现问题了，但此分支代码还不能暂存提交到本地仓库。就需要先将这个分支的代码暂时存起来，之后再取出来。另外，当你再一个错误分支写代码，发现后想切换到新分支，也可以先使用下面这个代码，再切换。13.拉取远程仓库最新代码,一般创建新分支写新代码之前要下拉取一下仓库代码，可以在某种程度上减少冲突。16.远程分支落后与远程仓库最新代码，则需要更新一下。8.删除某个分支：首先要切到非需删除的分支。5.将暂存区代码提交到本地仓库。9.将某个分支合并到主分支。
2023-04-14 18:15:27
60
原创 如何快速定位到网页中某些内容的代码位置
第三步：在该routes.js文件中查看该路由对应哪个组件，复制组件路径（component引入的路径），使用ctrl+p快捷键，将复制的路径粘贴在弹出的搜索框中，点击匹配的文件，即可进入该路由对应的文件。第四步：进入该路由对应的组件后可以通过添加一些文本内容，大致定位到代码位置，代码也可能在子组件中，找到大致位置后可以进入子组件继续通过同样的方法进行查找。第二步：在vscode中点击放大镜，在搜索框搜索这个路径，然后进入有这个路径的routes.js文件，如下图。
2023-04-10 10:35:13
4217
原创 vue项目中$t(‘‘)的意思是什么
2.浏览器的语言环境不同，相应设置不同的语言配置文件。1.需要在main.js中引入vue-i18n。3.创建不同语言标识对应的文件。
2023-04-03 19:01:39
4752
原创 nvm安装配置及nodejs的安装
用于管理和发布 Node.js 应用程序所需的各种软件包和模块。通过 NPM，开发者可以方便地安装、升级、卸载和共享 Node.js 应用程序所需的各种组件。，可以让你在同一台计算机上同时安装和切换多个不同版本的 Node.js。简单来说，NVM 主要用于控制 Node.js 版本，而 NPM 则专注于管理 Node.js 应用程序所需的各种软件包和模块。可以查看所有已安装的node版本，前面带星号的就是目前在使用的node版本。② 如果安装了node，首先将电脑中关于node.js的东西全部删除掉。
2023-03-27 22:17:01
216
原创 使用nvm安装node但在终端检测不到
找到下图画圈部分变量并修改路径为自己安装的nvm,nodejs的路径，再点击保存，之后node就可以正常使用啦。命令指定node版本，但是最终终端和git都检测不到node。命令能显示安装的node列表，也可以使用。
2023-03-22 15:09:16
4394
2
原创 js实现删除排序数组中的重复项
原题：给你一个 升序排列 的数组 nums ，请你 原地 删除重复出现的元素，使每个元素 只出现一次 ，返回删除后数组的新长度。，如果nums[left]!=nums[i],就可以给left加1，把i位置的数组项赋值给在left加1的位置。链接：https://leetcode.cn/leetbook/read/top-interview-questions-easy/x2gy9m/，直到找到和left指针所指元素不同的元素，右移left，将找到的元素值赋值给此时left所指的位置。
2023-01-18 23:51:29
218
1
原创 js实现队列结构
类似与生活中的排队，先进入队伍的就会优先获得服务，然后先离开队伍，后来的就排在队尾。1.通过数组实现队列。2.通过对象实现队列。
2022-11-13 20:21:03
452
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人