- 博客(75)
- 收藏
- 关注
原创 element-plus下拉框和输入框宽度不一致,:popper-append-to-body=“false“失效
原因控制台看到下拉项的`DOM`元素时插入到`body`里面了,使用`:popper-append-to-body="false"`发现已经废弃,最后发现替换成`:teleported="false"`
2024-03-23 06:00:00 962
原创 css 左右宽固定,中间自适应——双飞翼布局
最近面试的时候遇到一个提问说,如何做到一个左右宽度固定,中间自适应的布局,我的答案不重要,重要的是不是面试官想听到的答案,这样问大概率他想听到的答案一定是双飞翼布局,所以今天就手敲一个双飞翼布局让大家搞明白。
2023-09-03 19:44:02 781
原创 元素隐式具有 “any“ 类型,因为类型为 “string“ 的表达式不能用于索引类型
文件的过程中,我遍历了一个对象,然后取值的时候发现爆红,如下图👇。经过我一通排查(原因我对ts也不是很熟练),了解到大致意思是说。中则不是,因此要么转,要么声明,要么忽略…个人推荐方案二和方案三,方案一有点。的味道,意义不大,不推荐!中是默认给你转好的,而在。
2023-08-29 13:09:16 858 1
原创 vue3+vite使用vite-plugin-svg-icons
在开发项目的时候,经常会用到svg矢量图标,而且我们使用svg以后,页面上加载的不再是图片资源,这对页面性能来说是个很大的提升,而且我们svg文件比img要小很多,放在项目中几乎不占用资源。(vite:vue3的打包工具,相当于vue2中的webpack)文件(我自己起的名字suit.svg),把复制的。这里以阿里巴巴矢量图标库svg图片为例。随便找一个矢量图标,点击——组件中,app.vue为例。插件显示本地svg图标。
2023-08-11 06:30:00 667 1
原创 前端项目环境变量如何配置?
我们在项目开发过程中,至少会经历开发环境、测试环境和生产环境三个阶段。不同阶段请求的状态(如接口地址等)不尽相同,若手动切换接口地址是相当繁琐切容易出错的。于是环境变量配置的需求就应运而生,我们只需做简单的配置,把环境状态切换的工作交给代码。一般情况下,一个环境对应一台服务器,也有的公司开发与测试环境是同一台服务器!项目根目录分别添加开发、生产和测试环境的文件!在组件中直接打印就可以获取到当前环境变量了。开发环境——development。生产环境——production。测试环境——testing。
2023-08-10 16:50:40 863
原创 vue3 状态管理之pinia组合式API
pinia选项式API和是在组合式 API的基础上实现的,易于学习和使用(写代码的位置已经约定好了)。代码组织性差,相似的逻辑代码不便于复用,逻辑复杂、代码多了不好阅读。虽然提供了 mixins 用来封装逻辑,但是出现数据函数覆盖的概率很大,不好维护。关于选项是API的写法,详见我的另一篇文章–>本篇文章,我们重点讲解组合式API。组合式 API的学习成本可能会增加,需要良好的代码组织能力和拆分逻辑能力。“组合函数”Vue组合式 API。
2023-07-13 15:11:17 2030
原创 vue3中状态管理 pinia的基本使用
集中式状态管理容器,可以实现任意组件之间通信!集中式状态管理容器,可以实现任意组件之间通信!组件中直接修改(不推荐,可读性和可维护性差)
2023-07-12 17:19:29 434
原创 JS判断数据类型的几种方法
在《你不知道的javaScript》(中卷)中讲到:所有typeof返回值为"object"的对象,都包含一个内部属性[[Class]],我们可以把他看作一个内部的分类,而非传统意义上面向对象的类,这个属性无法直接访问,一般通过Object.prototype.toString(…并且对于基本数据类类型null,undefined这样没有原生构造函数,内部的[[Class]]属性值仍然是Null和Undefined。这样定义是检测不出来的。即B的prototype属性所指向的对象是否在A的原型链上。
2023-07-05 06:00:00 263
原创 在markdown中或者CSDN中如何展示双下滑线
最后再送一个贴心小知识tips:当我们输入–file发现中间并没有间隙,这时候有些同学就较真呐非要中间那个空隙,不要不行,用空格吧,又觉得差点感觉- -后来我又仔细看我的__proto__前后各有一个空格!那这时候就可以这样做😏在-和-中间加零宽不连字。那就是在下划线的前面添加一个反斜杠就ok啦!里也有这样的问题,并最终找到了解决办法!时,在展示的时候,下滑想不显示emm…中写文章时,遇到了一个问题,当我输入。也可以达到想要的结果--file。于是乎我一通翻找,发现原来不止。
2023-07-04 16:03:27 726
原创 刷个冷知识!如何快速知道别人在你电脑上做了哪些操作!
如果你把电脑借给别人了,你想知道他对你电脑做了什么,但是又不好意思直接问,这时候你只需两步,就能知道他干了什么!点击确定,在弹出的文件夹中选择按时间排序,就可以清楚的知道他最近使用过哪些文件了。
2023-06-21 10:53:07 261
原创 只有浏览器不能联网,其他正常
Chrome 菜单 >“设置”>“显示高级设置…”>“更改代理服务器设置…”>“LAN 设置”,然后取消选中“为 LAN 使用代理服务器”。请检查您的代理服务器设置或与网络管理员联系,以确保代理服务器正常运行。如果您认为自己不需要使用代理服务器,请执行以下操作: 依次转到。联系系统管理员 检查代理服务器地址 运行 Windows 网络诊断 ERR_PROXY_CONNECTION_FAILED。未连接到互联网代理服务器出现问题,或者地址有误。Internet选项。,点击确定,就OK了。
2023-03-15 14:14:13 2813 2
原创 git合并分支,并压缩commit记录
`git merge --squash` 合并分支并将多个`commit`记录合并已有`dev`分支,往`master`分支合并,并且不希望展示`dev`分支的提交记录
2023-01-29 10:04:54 1025
原创 git回退指定版本号,并提交到远程仓库
(可用 git log -oneline 查看或git log查看)到远程,让远程仓库和当前分支保持一致(先本地回退到指定版本。
2023-01-17 11:04:17 7415 2
原创 element-ui 动态渲染input输入框、下拉框并校验
element-ui 动态渲染input输入框、下拉框并校验代码实现:HTMLJS
2022-12-07 16:36:28 1681
原创 vue input输入框只读,手动赋值后提交form表单时,验证没刷新,依然验证为空
vue input输入框只读,手动赋值后提交form表单时,验证没刷新,依然验证为空
2022-11-24 10:37:53 1643
原创 elementui this.$message消息提示被弹框遮住
elementui this.$message消息提示被弹框遮住,报错:`TypeError: _this3.$message is not a function`
2022-10-31 11:02:22 2110
原创 在父组件中,重置子组件中的form表单resetFields()
在父组件重置子组件的form表单时,发现无法重置,报错:`vue.esm.js?a026:628 [Vue warn]: Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'resetFields')"`原因是,我们不能直接在父组件重置子组件的form。
2022-10-12 10:22:45 1445 2
原创 git只合并某个分支某一次提交的commit
git只合并某个分支某一次提交的commit 首先,我们需要把`A`分支上提交的部分代码,放在`B`分支上git checkout B // 切换到B分支git cherry-pick 43aea9af // 把某一次的commit合并到B分支,其中’43aea9af‘是某次commit提交记录的IDgit push origin B // 把分支B推送到远程仓库
2022-10-11 09:12:55 6182 1
原创 电脑如何设置外网内网一起使用
如果你的电脑支持连接无线网,就可以设置内网外网一起使用。一般情况下,连接无线网还是网线都是系统自动链接的,但有时候开发中需要内网外网一块使用,不用手动切换网络。首先确保我们的电脑有双网卡,可以两个都是有线网卡,也可以一个有线网卡(连网线)一个无线网卡(连WiFi )。找到Internet协议版本4(TCP/IPv4)这个选项,双击,弹出属性页面,点击高级设置。默认是勾选自动跃点数,我们点击取消勾选,设置接口跃点数10。按alt键,调出菜单选项,选择高级-高级设置。这样本地网络就可以优先连接了。.......
2022-08-09 17:31:52 21254 1
原创 VScode按`!+Tab`无法自动生成HTML模板问题
今天一个小伙伴问我,为什么他新装的vscode在使用感叹号生成html模板的时候不弹出自动生成模板。然后我上去就是一通操作,英文状态的感叹号不行,就看网上说输入 (更改语言模式),选择,再重新输入发现还是不行,我就纳闷了,什么原因呢?经过我不懈努力的查找,终于让我找到了原因:vscode的感叹号插件不维护了,下架了!!!,以前是,现在把叹号改成,这个只有在最新版的VSCode中才有的更改,以前的版本还是继续使用哦!,希望有帮到有需要的朋友......
2022-07-08 16:16:03 2355 3
原创 js如何使对象的属性不能被修改?const+Object.ferrze()
中,我们声明一个不能被修改的变量时,一般采用定义变量,表示不可被修改。但赋值为对象的变量虽然不能被重新赋值,但对象的键则不受限制。如果想让整个对象都不能修改,可以使用,这样再给属性赋值时虽然不会报错,但会静默失败。...
2022-06-28 06:45:00 1892 1
原创 UI离线文档
今天来盘点一下几个常用的ui组件库的离线文档地址element UI(vue2.x)地址:把项目下来,然后本地跑下载依赖,运行 npm run deploy:build,打包后在example/element-ui下启一个服务就可以打开了。https://github.com/ElemeFE/elementelement plus(vue3.x)地址:https://github.com/element-plus/element-plus/tree/gh-pagesant-desi
2022-05-13 07:45:00 1575
原创 本地连接gitlab远程仓库
1.先查看是否有ssh cd ~/.ssh右键打开Git Bash Here,输入命令:ssh cd ~/.ssh如上图所示,我本地没有ssh密钥2.创建你的邮箱的ssh密钥 ssh-keygen -t rsa -C “你的邮箱”直接连续按3次回车,就会出现成功提示,如下图3.跟着提示的路径找到密钥所在位置,以上图为例,密钥位置为:C:/Users/KF5188/.ssh/目录下4.用记事本打开.pub后缀的公钥文件,全选,复制内容5.打开gitlab 点击右上角头像:设置(Se
2022-05-12 12:10:46 5974 3
原创 vue3子组件修改传值给父组件报警告warn:Component emitted event “update:dialogAddVisible”
vue3报错之:使用v-model父子组件传值,子组件修改父组件里面的值的时候,报警告warn:Component emitted event “update:dialogAddVisible” but it is neither declared in the emits option nor as an “onUpdate:dialogAddVisible” prop父组件Father.vue:子组件Child.vue:报错:根据字面意思是说,一个[Vue警告]:组件触发事件"upda
2022-05-08 07:00:00 13466 1
原创 Vue3使用v-model实现父子组件传值的两种方式
第一种方式:普通写法父组件:Father.vue<template> <h1>父组件</h1> <el-button @click="showDialog">点击展示弹框</el-button> <Dialog v-model:dialogVisible="dialogVisible" /></template><script>import { Dialog } from '@components
2022-05-08 06:45:00 5048 3
原创 vue3使用defineProps报错‘defineProps‘ is not defined
使用 ``组合式 API 的语法糖的时候,defineProps报错:
2022-05-07 10:00:00 9205 3
原创 vue3报错:File was processed with these loaders:
第一次做vue3的项目的时候,从网上找了一个现成的框架进行开发,刚开始开发使用element-plus的时候,我直接把ui代码粘贴进我的项目中,发现代码报错,错误如下:Compiled with problems:ERROR in ./src/views/layoutpages/system/Menus.vue?vue&type=template&id=07e451a3&ts=true (./node_modules/vue-loader/dist/templateLoader.
2022-05-07 07:15:00 11095 6
原创 离线安装vue脚手架,内网安装@vue/cli
公司开发环境使用内网,无法用外网,搭建环境的时候,发现内网系统没有安装vue脚手架,我搜了很多文章,发现他们的方法对我都不适用,然后就自己摸索,最终皇天不负有心人,终于被我安装上了,一下是我内网离线安装vue/cli的方法,希望能帮助到有需要的小伙伴!因为npm被集成在nodejs中,而安装nodejs只需要把nodejs安装包copy到内网电脑安装就行,比较简单,这里就不多做演示。在外网电脑上,使用npm install -g xxxx命令下载好我们所需要的各个安装包,比如:npm insta
2022-04-30 07:45:00 14510 13
原创 vscode插件快捷键Ctrl+shift+T不能用,koroFileHeader插件捷键无效
最近开发中,用到koroFileHeader插件时,发现函数注释Ctrl+shift+T和头部注释Ctrl+shift+i快捷键突然失效不能用了,检查settings.json配置文件,没有问题。经过一番摸索,猜想是不是快捷键被占用或者被篡改了,于是打开vscode设置------>键盘快捷方式搜索cursorTip发现原本Ctrl+shift+T的快捷键被篡改为了Ctrl+Windows+T搜索fileheader发现原本Ctrl+shift+i的快捷键被篡改为了Ctrl+Windows+
2022-04-26 07:00:00 2147 1
原创 如何离线安装VSCode插件
最近换了工作,新公司开发环境虚拟桌面+内网,没有外网,所以想要安装插件,只能先把插件包离线下载,然后传到虚拟机上,再进行离线安装。相信小伙伴们都知道,用对插件,能使我们在开发中事半功倍,对于没有用过内网开发的小伙伴,离线安装vscode插件可能比较陌生,今天给大家分享一下我离线安装vscode插件的方法。首先,我们需要到VSCode官网下载我们所需的插件:搜索我们想要的插件,这里以Vuter为例点击进入插件详情页点击Download Extension 下载扩展,保存到本地下载完
2022-04-25 16:17:47 5516
原创 那些年我在Windows上遇到过的坑
那些年我在Windows上遇到过的坑!更改默认浏览器后,无法访问GitHub我的笔记本默认浏览器是Microsoft Edge,当我更改配置项,把默认浏览器设置为Chrome浏览器时,去登录GitHub网站,发现进不去了(没改之前可以正常登录)当我再把默认浏览器改回为Microsoft Edge它又可以登录了,我百思不得其解,这时有人告诉我,你重启一下试试,于是我持着怀疑的态度,又重新把Chrome设置为默认浏览器,忍痛重启了电脑(不要问为什么是忍痛重启,程序员都懂的!),让我没想到的是,Git
2022-04-20 15:36:55 85 2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人