- 博客(74)
- 收藏
- 关注
RSS订阅原创 element-plus下拉框和输入框宽度不一致，:popper-append-to-body=“false“失效
原因控制台看到下拉项的`DOM`元素时插入到`body`里面了，使用`:popper-append-to-body="false"`发现已经废弃，最后发现替换成`:teleported="false"`
2024-03-23 06:00:00
724
原创 css 左右宽固定，中间自适应——双飞翼布局
最近面试的时候遇到一个提问说，如何做到一个左右宽度固定，中间自适应的布局，我的答案不重要，重要的是不是面试官想听到的答案，这样问大概率他想听到的答案一定是双飞翼布局，所以今天就手敲一个双飞翼布局让大家搞明白。
2023-09-03 19:44:02
758
原创 元素隐式具有 “any“ 类型，因为类型为 “string“ 的表达式不能用于索引类型
文件的过程中，我遍历了一个对象，然后取值的时候发现爆红,如下图👇。经过我一通排查（原因我对ts也不是很熟练），了解到大致意思是说。中则不是，因此要么转，要么声明，要么忽略…个人推荐方案二和方案三，方案一有点。的味道，意义不大，不推荐！中是默认给你转好的，而在。
2023-08-29 13:09:16
773
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
626
1
原创 前端项目环境变量如何配置？
我们在项目开发过程中，至少会经历开发环境、测试环境和生产环境三个阶段。不同阶段请求的状态（如接口地址等）不尽相同，若手动切换接口地址是相当繁琐切容易出错的。于是环境变量配置的需求就应运而生，我们只需做简单的配置，把环境状态切换的工作交给代码。一般情况下，一个环境对应一台服务器，也有的公司开发与测试环境是同一台服务器！项目根目录分别添加开发、生产和测试环境的文件！在组件中直接打印就可以获取到当前环境变量了。开发环境——development。生产环境——production。测试环境——testing。
2023-08-10 16:50:40
813
原创 vue3 状态管理之pinia组合式API
pinia选项式API和是在组合式 API的基础上实现的，易于学习和使用（写代码的位置已经约定好了）。代码组织性差，相似的逻辑代码不便于复用，逻辑复杂、代码多了不好阅读。虽然提供了 mixins 用来封装逻辑，但是出现数据函数覆盖的概率很大，不好维护。关于选项是API的写法，详见我的另一篇文章–>本篇文章，我们重点讲解组合式API。组合式 API的学习成本可能会增加，需要良好的代码组织能力和拆分逻辑能力。“组合函数”Vue组合式 API。
2023-07-13 15:11:17
1868
原创 vue3中状态管理 pinia的基本使用
集中式状态管理容器，可以实现任意组件之间通信！集中式状态管理容器，可以实现任意组件之间通信！组件中直接修改（不推荐，可读性和可维护性差）
2023-07-12 17:19:29
386
原创 JS判断数据类型的几种方法
在《你不知道的javaScript》(中卷)中讲到：所有typeof返回值为"object"的对象，都包含一个内部属性[[Class]]，我们可以把他看作一个内部的分类,而非传统意义上面向对象的类,这个属性无法直接访问，一般通过Object.prototype.toString(…并且对于基本数据类类型null,undefined这样没有原生构造函数，内部的[[Class]]属性值仍然是Null和Undefined。这样定义是检测不出来的。即B的prototype属性所指向的对象是否在A的原型链上。
2023-07-05 06:00:00
224
原创 在markdown中或者CSDN中如何展示双下滑线
最后再送一个贴心小知识tips：当我们输入–file发现中间并没有间隙，这时候有些同学就较真呐非要中间那个空隙，不要不行，用空格吧，又觉得差点感觉- -后来我又仔细看我的__proto__前后各有一个空格！那这时候就可以这样做😏在-和-中间加零宽不连字。那就是在下划线的前面添加一个反斜杠就ok啦！里也有这样的问题，并最终找到了解决办法！时，在展示的时候，下滑想不显示emm…中写文章时，遇到了一个问题，当我输入。也可以达到想要的结果--file。于是乎我一通翻找，发现原来不止。
2023-07-04 16:03:27
630
原创 刷个冷知识！如何快速知道别人在你电脑上做了哪些操作！
如果你把电脑借给别人了，你想知道他对你电脑做了什么，但是又不好意思直接问，这时候你只需两步，就能知道他干了什么！点击确定，在弹出的文件夹中选择按时间排序，就可以清楚的知道他最近使用过哪些文件了。
2023-06-21 10:53:07
214
原创 只有浏览器不能联网，其他正常
Chrome 菜单 >“设置”>“显示高级设置…”>“更改代理服务器设置…”>“LAN 设置”，然后取消选中“为 LAN 使用代理服务器”。请检查您的代理服务器设置或与网络管理员联系，以确保代理服务器正常运行。如果您认为自己不需要使用代理服务器，请执行以下操作： 依次转到。联系系统管理员 检查代理服务器地址 运行 Windows 网络诊断 ERR_PROXY_CONNECTION_FAILED。未连接到互联网代理服务器出现问题，或者地址有误。Internet选项。，点击确定，就OK了。
2023-03-15 14:14:13
2308
2
原创 git合并分支，并压缩commit记录
`git merge --squash` 合并分支并将多个`commit`记录合并已有`dev`分支，往`master`分支合并，并且不希望展示`dev`分支的提交记录
2023-01-29 10:04:54
934
原创 git回退指定版本号，并提交到远程仓库
(可用 git log -oneline 查看或git log查看)到远程，让远程仓库和当前分支保持一致（先本地回退到指定版本。
2023-01-17 11:04:17
7328
2
原创 element-ui 动态渲染input输入框、下拉框并校验
element-ui 动态渲染input输入框、下拉框并校验代码实现：HTMLJS
2022-12-07 16:36:28
1618
原创 vue input输入框只读，手动赋值后提交form表单时，验证没刷新，依然验证为空
vue input输入框只读，手动赋值后提交form表单时，验证没刷新，依然验证为空
2022-11-24 10:37:53
1555
原创 elementui this.$message消息提示被弹框遮住
elementui this.$message消息提示被弹框遮住,报错：`TypeError: _this3.$message is not a function`
2022-10-31 11:02:22
1973
原创 在父组件中，重置子组件中的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
1345
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
5863
1
原创 电脑如何设置外网内网一起使用
如果你的电脑支持连接无线网，就可以设置内网外网一起使用。一般情况下，连接无线网还是网线都是系统自动链接的,但有时候开发中需要内网外网一块使用，不用手动切换网络。首先确保我们的电脑有双网卡，可以两个都是有线网卡，也可以一个有线网卡（连网线）一个无线网卡（连WiFi ）。找到Internet协议版本4（TCP/IPv4）这个选项，双击，弹出属性页面，点击高级设置。默认是勾选自动跃点数，我们点击取消勾选，设置接口跃点数10。按alt键，调出菜单选项，选择高级-高级设置。这样本地网络就可以优先连接了。.......
2022-08-09 17:31:52
20514
1
原创 VScode按`!+Tab`无法自动生成HTML模板问题
今天一个小伙伴问我，为什么他新装的vscode在使用感叹号生成html模板的时候不弹出自动生成模板。然后我上去就是一通操作，英文状态的感叹号不行，就看网上说输入 (更改语言模式),选择,再重新输入发现还是不行，我就纳闷了，什么原因呢？经过我不懈努力的查找，终于让我找到了原因：vscode的感叹号插件不维护了，下架了！！！，以前是，现在把叹号改成，这个只有在最新版的VSCode中才有的更改，以前的版本还是继续使用哦！，希望有帮到有需要的朋友......
2022-07-08 16:16:03
2305
3
原创 js如何使对象的属性不能被修改？const+Object.ferrze()
中，我们声明一个不能被修改的变量时，一般采用定义变量，表示不可被修改。但赋值为对象的变量虽然不能被重新赋值，但对象的键则不受限制。如果想让整个对象都不能修改，可以使用,这样再给属性赋值时虽然不会报错，但会静默失败。...
2022-06-28 06:45:00
1817
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
1516
原创 本地连接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
5888
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
13208
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
4923
3
原创 vue3使用defineProps报错‘defineProps‘ is not defined
使用 ``组合式 API 的语法糖的时候，defineProps报错：
2022-05-07 10:00:00
8969
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
10880
6
原创 离线安装vue脚手架，内网安装@vue/cli
公司开发环境使用内网，无法用外网，搭建环境的时候，发现内网系统没有安装vue脚手架，我搜了很多文章，发现他们的方法对我都不适用，然后就自己摸索，最终皇天不负有心人，终于被我安装上了，一下是我内网离线安装vue/cli的方法，希望能帮助到有需要的小伙伴！因为npm被集成在nodejs中，而安装nodejs只需要把nodejs安装包copy到内网电脑安装就行，比较简单，这里就不多做演示。在外网电脑上，使用npm install -g xxxx命令下载好我们所需要的各个安装包，比如：npm insta
2022-04-30 07:45:00
13406
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
2041
1
原创 如何离线安装VSCode插件
最近换了工作，新公司开发环境虚拟桌面+内网，没有外网，所以想要安装插件，只能先把插件包离线下载，然后传到虚拟机上，再进行离线安装。相信小伙伴们都知道，用对插件，能使我们在开发中事半功倍，对于没有用过内网开发的小伙伴，离线安装vscode插件可能比较陌生，今天给大家分享一下我离线安装vscode插件的方法。首先，我们需要到VSCode官网下载我们所需的插件：搜索我们想要的插件，这里以Vuter为例点击进入插件详情页点击Download Extension 下载扩展，保存到本地下载完
2022-04-25 16:17:47
5416
原创 那些年我在Windows上遇到过的坑
那些年我在Windows上遇到过的坑！更改默认浏览器后，无法访问GitHub我的笔记本默认浏览器是Microsoft Edge，当我更改配置项，把默认浏览器设置为Chrome浏览器时，去登录GitHub网站，发现进不去了（没改之前可以正常登录）当我再把默认浏览器改回为Microsoft Edge它又可以登录了，我百思不得其解，这时有人告诉我，你重启一下试试，于是我持着怀疑的态度，又重新把Chrome设置为默认浏览器，忍痛重启了电脑（不要问为什么是忍痛重启，程序员都懂的！），让我没想到的是，Git
2022-04-20 15:36:55
74
2
原创 正则：必须是正整数或小数，小数点后保留3位，输入整数不超过12位
正则：网上找了很多的正则表达式，很多都是错的，还是得自己写自己改良，这里根据自己项目中的需求，写了两个正则，供大家参考：必须是正整数或小数，小数点后保留三位，输入整数不超过13位，小数不超过10位/^-?(?:0.\d{0,3}|[1-9][0-9]{0,12}|[0-9]{1,10}.\d{0,3})$/必须是整数或小数，小数点后保留4位，整数位不超过12位两种写法：第一种 <el-input onkeyup="value=value.replace(/[^\d.]/g, '').
2022-03-25 16:50:03
8072
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人