- 博客(262)
- 资源 (24)
- 收藏
- 关注
原创 el-select 通过输入框筛选内容之后,清空输入框的值
select组件的远程搜索需求,通过 input 输入框进行筛选,当选择确认之后在选中的内容之后还有输入的文案,这时需要手动去清除。我们可以通过 ref 来获取 dom,其中 dom 的 query 字段即为我们 input 输入的内容。后,清空 query 的值即可。当选择完成之后,即触发。
2024-04-26 08:20:47 109
原创 cos + vue + Element UI 上传文件的实现
这是将本地文件上传到腾讯云服务器的基本方法,官方也有相应的文档,需要的同学可以去官方文档查看。,着急的同学可以 跟着以下步骤快速实现。
2024-04-25 09:48:09 245
原创 el-option 选中内容为对象及回显的实现
而选择事件默认又会插入对象到数组中,所以就需要在事件中单独处理一下这个选中的数据了。如果想正确展示的话,需要处理 value1List 的格式为 简单数组,例如。支持选择内容为对象,只需 value 绑定对应的对象即可。如果想实现选中的内容为对象的话,那么官方。
2024-04-24 17:12:42 137
原创 vue 实现 word 下载的方式
(2)在 axios 中设置 responseType 为 blob,指定处理 二进制数据;(3)通过创建 a 标签,设置 download 属性,实现点击下载。(1)使用 axios 从服务器获取文件的二进制数据;下载任何文件的思路相同,只需配置相应的文件类型即可。
2024-04-23 18:29:04 245
原创 el-table报错“Cannot read properties of undefined (reading ‘style‘)”解决
今天在用 el-table 的时候遇到这样一个报错,排查了好久才找到一点眉目。
2024-04-18 16:40:30 420 1
原创 el-collapse折叠面板标题中输入框,点击禁止面板展开效果实现
el-collapse 折叠面板组件允许我们通过设置 v-model 来控制展开的面板。如果我们想要在折叠面板的标题中包含一个输入框,并且点击输入框时禁止面板展开,可以通过自定义事件处理来实现。
2024-04-17 09:50:22 141
原创 el-table 设置固定列导致行错位的解决方案
element 官方给出的解决办法是使用doLayout,使用doLayout重新加载一下table就好了。
2024-04-10 17:33:09 369
原创 如何生成 ssh 秘钥?
这个命令会提示输入保存密钥文件的路径和名称。如果省略路径和名称,密钥对通常会保存在用户主目录下的.ssh文件夹中,文件名为id_rsa和id_rsa.pub(私钥和公钥)公钥通常以.pub为扩展名,可以直接用文本编辑器打开并复制,然后粘贴到需要的地方,如GitHub、GitLab等平台的SSH密钥配置界面中。秘钥保存地址:默认会保存在 C:\Users\用户.ssh 下。
2024-04-10 09:12:45 258
原创 webpack 热更新的实现原理
webpack 的热更新⼜称热替换(Hot Module Replacement),缩写为HMR。这个机制可以做到不⽤刷新浏览器⽽将新变更的模块替换掉旧的模块。
2024-04-03 11:21:13 587
原创 前端工程化部分面试必备知识点
file-loader:把⽂件输出到⼀个⽂件夹中,在代码中通过相对 URL去引⽤输出的⽂件url-loader:和 file-loader 类似,但是能在⽂件很⼩的情况下以base64 的⽅式把⽂件内容注⼊到代码中去source-map-loader:加载额外的Source Map ⽂件,以⽅便断点调试image-loader:加载并且压缩图⽚⽂件。类型为数组,每⼀项都是⼀个 Object ,⾥⾯描述了对于什么类型的⽂件( test ),使⽤什么加载( loader )和使⽤的参数( options )
2024-04-03 10:48:27 758
原创 vue3 自定义插件注册的妙用:一次性注册所有全局组件
在项目的开发过程中,我们经常会注册很多公共的组件,以增强代码的可维护性,减少开发工作量。但是如果我们一个个去注册的话,就会在入口处写很多代码,这时我们就可以考虑使用 自定义插件 的方法一次性把所有的组件全部注册。
2024-03-27 15:31:45 481 1
原创 vue3 引入svg 图片的详细方法
我们都知道 svg 文件比图片小的多,可以节省很多空间,这对页面性能来说是个很大的提升。额外说明:我的 svg 文件是放在 assets/icons 下的。
2024-03-27 14:15:02 569
原创 AI 程序员的到来,程序员要失业了吗?
近期,全球首位AI程序员Devin的出场,不禁让我想到了一个有趣的问题:AI程序员会不会抢程序员的饭碗呢?面对复杂的产品需求,仍然需要人的参与,梳理需求、提出合理的创想,判断开发方式以及产品的未来发展等。我们也要与时俱进,不断更新自己的技术,突破自己的瓶颈,才能迎合市场的需要。AI程序员的到来,确实可以替代一部分程序员的工作,但是我认为如果要 AI 完全替代程序员,短时间内是不会实现的。诚如我们所看到的,AI 程序员的诞生确实对程序员的行业产生冲击,我们面临更大的挑战与竞争。
2024-03-21 14:14:41 237
原创 vue 如何实现手机横屏功能
一拿到这个需求很可能就被吓到了,但简单来说,就是点击横屏按钮跳转一个新页面,通过 css样式 的翻转样式来实现,主要是计算横屏的宽高比较麻烦,下面来看具体的代码实现。有些需求需要手动实现横屏功能,比如点击一个横屏的图标将整个页面90度翻转,再点击退出横屏回到正常页面。
2024-03-14 09:24:03 880
原创 vue中mixins的使用详解
它是一种分发 Vue 组件中可复用功能的使用方式,mixins 是一个 js 对象,包含我们组件script中的任意功能选项,如:data、components、methods、created、computed 等等。我们只要将公用的功能以对象的方式传入 mixins 选项中,当组件使用 mixins 对象,所有 mixins 对象的选项都将被扩展到该组件本身的选项中,提高代码的重用性,易于代码维护。当多个组件中的数据或功能很相近时,可以通过 mixins 将公共部分提取出来,进行封装。
2024-02-28 10:21:30 764
原创 el-select 设置默认值,如何避免值闪现的问题
select下拉框中的数据是动态返回的,可以通过设置 v-model 的值来控制默认值的展示。options 赋值的时机在 绑定的value 之后。解决问题的关键当然也在于。如果 options 是由接口返回的,这种就需要注意调用接口的顺序了。其实我想实现的是默认值为:第二季度。
2024-02-20 14:11:40 508
原创 web3.0基本概念简析
可以理解为一串包含交易信息的数据块,按时间顺序有序连接组成的链表结构是一种历史记录不可篡改的数据库区块是区块链中用于永久存储数据信息的载体单位每个区块包含区块大小、区块头、交易计数器和交易信息区块头通过SHA256算法加密后生成一个独一无二的哈希值,用于识别该区块指向的前一区块每个安装有区块链客户端软件并连接在区块链网络上的智能设备,比如矿机、手机、服务器等分类1 全节点拥有并维护全网所有交易数据的节点2 轻节点只拥有并维护与自己相关的交易数据的节点。
2024-01-17 17:08:41 1467
原创 echarts x轴下增加一组数据的实现方法(附在 x 轴增加图标的方法)
主要是通过配置 xAxis 数组来实现,有几组数据增加几个数据即可。如果有特殊样式,可以通过 rich f富文本来实现。比如我这个需求中的箭头图标,是引入了一张图片实现的。
2024-01-17 17:03:09 502
原创 SVG 图标颜色调整
SVG使用CSS的fill属性来填充元素的颜色。通过定义CSS规则,可以轻松地修改SVG图形的颜色。使用fill属性可以修改SVG形状的填充颜色,使用stroke属性可以修改SVG形状的描边颜色。SVG使用stroke属性来定义和修改图形元素的描边颜色。
2024-01-04 16:26:32 1387
原创 解决火狐浏览器拖拽事件打开新页面的问题
我们在进行拖拽事件的编写时会发现,在火狐浏览器上会发生打开新窗口的问题,这是火狐浏览器的一个特性。在 created 声明周期中,阻止 FireFox 拖动打开新窗口。
2023-12-11 16:09:30 954
原创 vue2实现文字跑马灯效果
这里有一点要注意的是:v-html 的样式,直接写在外部样式可能不会生效。可以尝试使用穿透样式(::v-deep 或者 >>>)这种是通过截取字符串的方式实现滚动,如果文本中含有 html 标签的时候可能会出现标签展现在页面中的情况。
2023-07-04 09:34:24 854
原创 uniapp实现tab切换可以滚动的效果
对应于scrollIntoViewOptions: {block: “start”, inline: “nearest”}。对应于scrollIntoViewOptions: {block: “end”, inline: “nearest”}。inline [可选] “start”,“center”,“end"或"nearest”。默认为"nearest"。“auto”,“instant"或"smooth”。block [可选] “start”,“center”,“end"或"nearest”。
2023-06-17 14:31:04 2940
原创 css 小技巧:属性选择器的妙用 data-*
(1)dataset:所有放在data-*中的属性都在dataset中(2)getAttribute()方法获取color: red;这一定限度上解决了 css 无法获取变量的问题。
2023-05-10 14:27:36 1178 1
influxdb详解-从入门到精通
2022-11-25
processing 可视化设计工具
2022-06-02
前端vue项目实现返回顶部功能的两个超简单方法
2022-03-29
微信小程序表单验证.rar
2021-10-19
微信小程序自定义时间选择器
2021-05-27
wx-timePicker-master.rar
2021-03-24
mac版本 git 图形化工具Sourcetree 安装包.zip
2020-06-24
Snipastemac 截图
2020-05-25
git基础知识整理.pdf
2020-01-02
flowup鼠标滚动页面缓慢滑出的效果插件下载
2019-12-18
快速自学JavaScript的基础语法
2019-11-22
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人