- 博客(44)
- 收藏
- 关注
RSS订阅原创 五分钟利用Vite创建Vue项目
Vite是尤雨溪团队开发的，官方称是下一代新型前端构建工具，能够显著提升前端开发体验。上面称是下一代，当前一代当然是我们熟悉的webpackVite 优势。
2023-11-13 22:13:37
594
原创 ECharts多个数据视图进行自适应大小的解决方案
这里需要注意一个地方，在定义高宽的 DOM 容器时，不能把宽度定为固定大小，或者父级也不能为固定大小，如果是固定的宽度哪怕重绘了，宽度也是一样的，所以是无法实现自适应的，一般情况下都是固定高度，然后宽度自适应。">想要实现数据视图的自适应就得先保证它的DOM容器是自适应的。
2023-10-01 00:00:00
655
1
原创 基于vue+Element Table Popover 弹出框内置表格的封装
在选择数据的时候需要在已选择的数据中对比选择，具体就是点击一个按钮，弹出一个小的弹出框，但不像对话框那样还需要增加一个遮罩层，跟加的轻量化，但是需要查看的数据很多需要一个列表来展示，列表的话还需要一个筛选功能。我的思路是增加复选框列，将选择的内容插入到外部的列表中，我这里主要是分享弹出框内置列表的一个封装思路。但是在这当中还会设计到列表、分页的方法，所以建议先搞清楚列表以及分页在来看，这些我之前的文章都有涉及。这里我们要用到的字段除了上述的还有很多，因为这个是内置了三个组件的封装组件。
2023-09-26 14:41:46
2907
原创 JS中的扩展操作符...(点点点)
大家应该都在代码中用过或者看到…方法，我每次用到这个方法的时候都会想到第一次见到这个方法一头雾水的样子，心想为什么会有这样子的写法以及方法，后面也是因为在工作中需求太多没有深入去了解这个方法，今天就深入的分析一下。在 ES6 中，…（点点点）被称为扩展操作符（Spread Operator）或剩余操作符（Rest Operator），它使用三个连续的点来展开一个可迭代对象（例如数组、字符串、对象等），将其拆分成独立的元素。
2023-09-04 22:18:09
1262
原创 阿里云服务器ECS安装Apache
在购买ECS服务器后，系统会创建一个ECS实例。每一个ECS实例对应一台已购买的云服务器。如果显示如图所示的测试页面，表示Apache服务已安装成功。镜像：镜像有很多种，这个就看个人的需求了我使用的是系统镜像中的Alibaba Cloud Linux。我购买的是阿里云的服务器用的是学生权益的免费试用服务器，具体购买的话就是在阿里云的官网进行购买。找到产品规格下面的服务器，这些具体买哪个就看个人需求了，我这里用的是轻量应用服务器。数据盘：这里指的是额外的数据盘大小，也是看个人需求选择。输入对应账号密码登录。
2023-08-07 16:14:20
1012
原创 基于vue+element 分页的封装
主要思路是，封装的组件通过父组件将currentPage，total，sizes，pager，jumper传入，并且在触发@size-change，@current-change事件时，将事件信息传给父组件。分页也是我们在实际应用当中非常常见的存在，其实分页本身在element中做的就挺好的了，但是使用确实非常的多，所以还是有必要封装一下，主要是为了减少代码的冗余，以及提升开发的效率和降低后续维护的成本。触发事件，当page-size改变时触发，也就是当页面改变时触发。展示总页数，效果如下。
2023-07-25 17:21:44
1122
2
原创 基于vue+Element Table 表格的封装
项目场景：需要频繁使用列表进行呈现数据，不可能每次都写一个表格，可以将表格封装为一个组件，在需要使用时可以直接调用。
2023-06-23 17:53:18
595
原创 uni-table 表格的封装
在实际的应用场景中，表格是一个非常常见的需求，如果每一个的表格都自己去手写的话非常的浪费时间，并且当中的代码冗余量非常大，所以很有必要进行封装。到这里的话基本上的表格封装就完成了，如果说还有其他的需求的话我这里没有写到也可以自行根据需求进行改造。此时基本就完成了表格的渲染，但是假如还需要操作列时，这个时候每一行的操作列都是空的，因为这里。这里的表头、表体、以及操作都是动态的，主要实现的方法在后续会进行讲解。循环渲染表头的每一列，这里的话表头就完成渲染了。中是不会保存操作列的数据的，所以需要传入一个。
2023-06-20 16:35:17
1793
3
原创 深度解读生命周期函数
接触Vue不知不觉已经有很长一段时间了，对于生命周期函数也有了更加深刻的理解，对于在什么时候用在什么地方用如何使用也有了一定的理解，这里就和大家分享一下自己对生命周期的理解。简单的来说就是在vue中所有的组件都具有一个生命的周期，从组件的创建到组件的销毁会经历很多的阶段，每一个阶段的任务都不一样，触发的时机也不一样，这就要求我们必须深刻的理解生命周期才能更好的去使用，生命周期函数使用的好可以在开发中事半功倍。
2023-06-01 09:36:40
1622
3
原创 uni-app中报 Uncaught TypeError: Cannot read properties of undefined (reading ‘localStorage‘)
今天在基座调试中发现一个问题，在这里记录一下我这里是使用了函数来获取token，本地调试时是没有问题的，但是在基座调试中就报了这个错。原因可能是因为uni-app中不能直接使用localStorage。
2023-04-18 11:02:04
3073
4
原创 uni-ui修改全局输入框里获得焦点时边框颜色改变，失去焦点后边框恢复原颜色
我这里想要修改uni-ui中输入框聚焦后的颜色，一开始是使用css去实现，发现不行，达不到我想要的效果，而且还复杂显得太笨，在网上寻找方法，只找到了uni-app_uView的修改方法，并没有uni-ui的修改方法，于是便参照着自己找到了，这里分享一下。
2023-04-18 09:37:34
2102
3
原创 vue + elemen可远程搜索select选择器的封装（思路及源码分享）
vue + elemen可远程搜索select选择器的封装详细解读
2023-02-10 10:10:16
1683
原创 如何将本地分支同步到Gitee的主要分支上
我目前提交了我的最新分支到平台上但是并没有更新到主要分支上，别人想拉取最新代码就得到我的分支上去拉取，这样子做是很不合理的，合理的办法应该是由管理员统一将分支同步到主要分支上，所以在推送分支到主要分支时需要注意自己是否有权限去推送到主要分支。
2023-01-14 10:53:09
1484
原创 Vue实现字符串换行
今天在做的时候需要用到字符串换行，在网上找了一下，换行是通过添加white-space: pre-wrap属性，通过\n进行换行。使用的时候直接\n就可以换行了。
2023-01-12 17:59:27
3630
原创 基于vue+element制作一款可多选可搜索的el-select选择器封装(可直接使用)
主要封装的功能有： 1. 下拉列表 2. 模糊搜索 3. 首次点击则会出现所有选项 4. 加载提示
2023-01-10 19:28:19
3524
原创 vue 防抖节流器
应用场景：我这里有一个图表需要在窗口改变大小的时候重绘图表的大小，但是窗口改变大小的事件过于频繁，需要增加一个节流器来进行处理，最终需要实现图表的自适应。
2023-01-05 12:05:46
259
JS打印检测面单内容通用方法
2023-12-16
Git常用命令大全，可供平时所有Git操作查看
2023-02-25
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人