- 博客(11)
- 收藏
- 关注
原创 el-table和popover组合使用
轻松解决el-table 和el-popver 在数据过多的时候的卡顿问题,我们可以创建一个灵活且易于使用的表格组件,用户点击单元格时能够动态展示相关信息。这种方法提升了用户交互体验,使得信息展示更加直观和直观。希望这篇文章对你在开发过程中有所帮助!在这篇文章中,我们将探讨如何使用 Vue3 和 Element Plus 实现一个可点击的表格单元格,并在点击时显示弹出层。我们将逐步解析示例代码的每个部分,并解释其功能。element-plus 提供虚拟触发。
2024-08-29 16:45:28
1123
1
原创 uniapp写支付宝小程序,获取手机号
点击控制台,进入之后,选择要申请这个接口的小程序。进行申请使用,当获取到就可以使用了。获取手机号接口需要申请,打开。
2024-06-21 10:56:41
718
原创 Uniapp配置代理
创建uniapp项目,在项目根目录下面创建一个名为vite.config.js的文件。找到 h5 位置的配置信息,增加代理配置信息,
2024-05-22 10:34:49
3457
2
原创 uniapp接入友盟(小程序)
把程序的AppId和AppSecret填写到友盟里(不然的话,无法授权友盟自动获取。获取Openid有2种方式(根据自己的实际情况使用,在集成文档那里有哦 )成功之后点击下一步,如需开通,需要注册阿里云付费,或点击无需开通。现在,小程序中已完成接入友盟SDK,点击下一步验证是否集成成功。在微信公众后台需要把友盟添加进request合法域名。可以打开调试模式,控制台会输出一些信息。友盟+,领先的全域数据智能服务商。进入产品,可以看到统计数据。到这里面还没结束哦~~
2024-05-17 10:14:44
1010
原创 uniapp中uni-data-select下拉框组件如何去除边框
最后我们在所用的地方引入(传入boder,false是没有边框,true有边框,如有边框可不传)在 props里面添加border,(默认为true,原组件就是默认的true)在uniapp文档里面没有找到控制boder的属性,我们可去如下图,进行修改。在html中添加样式名控制是否显示边框。找到uni-select,更改以下代码。最后修改css的样式。
2024-05-09 14:44:31
1556
3
原创 css自定义滚动条
:-webkit-scrollbar-thumb 滚动条里面的滑块,能向上向下移动(或往左往右移动,取决于是垂直滚动条还是水平滚动条);::-webkit-scrollbar-button 滚动条的轨道的两端按钮,允许通过点击微调小方块的位置;::-webkit-scrollbar-track-piece 内层轨道,滚动条中间部分;::-webkit-scrollbar-track 滚动条的轨道(里面装有Thumb);::-webkit-scrollbar-corner 边角;
2024-05-08 10:06:14
272
原创 前端的一些面试题
响应式设计指的是一种能够自动适应不同设备和窗口尺寸的网站设计方法。这种设计方法可以使得网站在不同的屏幕上都能够以最佳的方式展示,无论是桌面电脑、平板电脑还是手机等移动设备。响应式设计的基本原理是通过CSS3媒体查询以及弹性布局等技术来实现。具体来说,就是在网站的CSS代码中根据不同的屏幕分辨率或设备类型设置不同的样式规则,从而让网站在不同的设备上呈现出不同的布局和样式。实现响应式设计主要有以下几个步骤:使用流式布局:使用百分比或者flex等弹性布局,让页面中元素的宽度、高度等随着视口大小的变化而变化。
2023-08-21 09:01:26
1926
1
原创 防抖和节流
防抖(Debounce)和节流(Throttle)是两种常见的优化前端性能的技术,它们的主要区别在于触发执行的时间和频率。防抖的原理是在一定的时间内,只执行最后一次触发的事件。如果在等待时间内再次触发事件,会重新计时。这样可以确保在连续触发事件时,只有最后一次触发会被执行。防抖的实现方式通常有两种:使用定时器:每次触发事件时,先清除之前的定时器,然后设置一个新的定时器,等待一定时间后执行事件。
2023-08-17 20:24:25
141
1
原创 前端css面试题
在打开一个页面,页面首要内容出现在屏幕的时间影响着用户的体验,而通过内联 css关键代码能够使浏览器在下载完html后就能立刻渲染,而如果外部引用css代 码,在解析html结构过程中遇到外部css文件,才会开始下载css代码,再渲染, 所以,CSS内联使用使渲染时间提前,注意:但是较大的css代码并不合适内联(初 始拥塞窗口、没有缓存),而其余代码则采取外部引用方式。通过将 box-sizing 设置为 border-box,则元素的宽度和高度将包括内容区域、内边距和边框,而不会受到外边距的影响。
2023-08-17 19:30:51
100
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人