- 博客(93)
- 收藏
- 关注
RSS订阅原创 vue-如何用自定义指令鉴权
<button v-permission="'view'">查看</button><button v-permission="'edit'">编辑</button><button v-permission="'delete'">删除</button>
2025-03-17 08:36:35
790
原创 前端如何写一个大文件上传组件
每个分片上传成功后，记录已上传的分片信息（如分片索引、文件唯一标识等）。：将大文件分割成多个小文件（chunk），逐个上传。重新上传时，先检查已上传的分片，跳过已上传的部分。：上传中断后，重新上传时只上传未完成的分片。：所有分片上传完成后，通知服务端合并文件。所有分片上传完成后，通知服务端合并文件。）或服务端记录已上传的分片。方法将文件分割成多个分片。或服务端存储记录上传进度。将分片上传到服务端。只上传未完成的分片。
2025-03-03 08:39:35
1075
原创 前端模拟请求池-浏览器同时发起大量请求
维护一个请求队列，存放待执行的请求。设置最大并发数，控制同时进行的请求数量。当一个请求完成时，从队列中取出下一个请求执行。
2025-02-26 10:09:40
811
原创 前端-服务端渲染（SSR）和客户端渲染（CSR）的页面，在浏览器发出请求之后，分别返回的是什么
客户端渲染（CSR）返回一个基础的 HTML 文件，包含初始结构和 JavaScript 文件的引用。页面内容通过 JavaScript 动态生成。优点：开发简单，用户体验流畅。缺点：首次加载时间较长，SEO 不友好。服务端渲染（SSR）返回一个完整的 HTML 文件，包含所有需要显示的内容。页面内容在服务器端生成，直接发送给浏览器。优点：首次加载速度快，SEO 友好。缺点：服务器负载较高，开发复杂度增加。
2024-11-11 08:34:47
965
原创 为什么-webkit-有时被放到属性名前，而有时又放到了属性值前
前缀在属性值前：表示浏览器在标准化属性名下提供了带前缀的实验性或兼容性值。前缀在属性名前：表示浏览器使用了带前缀的非标准属性，通常是为实验性或早期实现的特性服务。
2024-11-04 08:22:10
905
原创 前端css-媒体查询@media以及常见使用例子
媒体查询（@media）是 CSS 中用来针对不同的设备特性（如屏幕尺寸、分辨率等）应用不同样式的一种技术。通过媒体查询，可以使页面在不同设备上呈现不同的布局，实现响应式设计。all：适用于所有设备（默认）screen：适用于屏幕设备print：适用于打印设备表示媒体特性，比如设备的宽度、高度、分辨率等。min-width：设备屏幕的最小宽度max-width：设备屏幕的最大宽度：设备的屏幕方向（横向landscape或纵向portrait。
2024-10-28 08:38:52
3252
原创 uniapp使用webView打开的网页有缓存如何解决（APP，微信小程序）
【代码】uniapp使用webView打开的网页有缓存如何解决（APP，微信小程序）
2024-10-21 08:33:49
2633
2
原创 uniapp上如何绑定全局事件总线（引入自定义全局组件例如弹窗）
也可以在easycom中学习uniapp组件的全局引入方式。其中$1就是my-后面的变量值。
2024-10-14 10:09:38
1612
1
原创 VUE3-如何引入百度地图api并在页面上展示
这样就绘制成了一个基本的百度地图了，中心就是你的地址，初始缩放比可以配置。1、首先需要注册百度开发者账号，并且申请百度地图api的密钥。2、拿到密钥之后，可以进行导入百度地图api。bmpgl_lib.js文件代码。
2024-08-01 08:27:03
1383
原创 前端-如何通过docker打包Vue服务成镜像并在本地运行（本地可以通过http://localhost:8080/访问前端服务）
接着就可以在本地通过http://localhost:8080/访问前端服务。首先下载vue的依赖，并且打包在本地生成dist文件。另外准备一份nginx.conf文件（网上可搜）dockerfile文件：基本配置如下。然后运行docker命令。
2024-07-31 08:22:27
812
原创 Vue3-如何自己写一个“返回顶部”功能
在屏幕的右下角固定一个“返回顶部”按钮，只有当用户滚动屏幕一定程度后出现，否则隐藏。1、给窗口挂载滚动事件，监听视口的滚动，当滚动距离超出设定阈值后，出现按钮。点击按钮，网页平滑的滚动到页面顶部。环境：Vue3,js，antd。2、点击按钮，滚动窗口。
2024-07-29 11:24:35
1830
原创 uni-data-select的下拉框可选项无法滑动如何解决
使用Uniapp的选择器，下拉框可选项无法滑动。这样子会让下拉框有固定高度，并且可以滑动选择。修改uni-data-select源代码。也可以单独为页面添加这个样式。
2024-07-16 14:35:11
849
原创 uni-app 扫描二维码获取信息功能
然后现在是可以扫描二维码的状态，扫描之后，可以看到首先是出发上一个页面的事件，然后返回上一页面。这样就可以扫描二维码之后，传递数据给上一页面。首先是扫描二维码的功能，可以参考这篇博文。接下来需要在扫描界面的上一页面做处理。最后设置事件中获取数据的方法。在mounted里挂载事件。需要在data里设置。
2024-07-12 08:39:27
1247
1
原创 echartsBug-dataZoom拖拽无效果
之前的写法是将myChart定义在data()之中，但是无效果，改成以下代码后生效。遇到问题：想要给图表增加dataZoom,但是拉拽的时候不生效。项目情况："vue": "3.2.4",使用vue2语法开发。这个情况同样也会发生在tooltip不生效上。
2024-07-09 11:44:34
912
原创 uni-app-H5页面调用设备摄像头扫描二维码
应用场景：APK里面webView，访问用uniapp写的H5页面，需要调用设备摄像头扫描二维码。这样就可以打开扫描界面，返回你扫描得到的信息。H5页面的环境必须是HTTPS！H5页面的环境必须是HTTPS！H5页面的环境必须是HTTPS！插入好之后，新建页面用于展示扫描界面。
2024-07-05 13:32:54
2011
原创 a-date-picker 的值是dayjs格式的BUG如何解决
使用a-date-picker时，当想要选择的格式是月份的时候，他需要绑定的值默认是dayjs格式的，如果想要绑定的值是 YYYY-DD格式的，就需要增加配置。
2024-07-04 13:24:07
565
原创 前端-a-select搜选时查询的值是value而不是label如何解决
使用a-select搜选时查询的值是value而不是label，需要在代码做一些配置。在代码中“添加配置”的地方，添加自己的配置就可以了。
2024-06-27 09:14:05
931
原创 前端-echarts tooltip展示多项自定义数据
效果如图，鼠标滑动到某一个柱子的时候，出现这一项数据的多个自定义数据，外加自己的模板样式渲染。主要是在data中，value就是实际展示的主数据，其他字段名为自定义的数据。希望能展示每一列中的多个自定义数据。
2024-06-26 11:40:28
2484
原创 前端-a-table点击某一行时调用自定义函数
clickRecords就是自定义函数，定义如下。注意是return了 “点击函数”record是这一行的值。
2024-06-24 15:20:28
755
原创 前端-echarts5.0 tooltip不显示问题
在echarts官网完成绘制后，将配置复制到本地，结果tooltip无法显示。如果将myChart定义在了data（）里面，那么tooltip就会不显示。项目使用vue3,echarts5.0,代码写的是vue2。排查了半天问题，发现这部分代码不正确。需要通过let来定义，就可以显示了。
2024-06-18 14:20:34
1897
2
原创 前端BUG记录-a-spin和a-pagination
给分页所在盒子设置margin-top: -20px之后，可以切换页面size，但是无法点击第二页进行切换，经过排查时margin-top: -20px的问题，删除后可以生效。一、使用a-spin时，把你需要绘制样式的盒子要放在里面。二、a-pagination切换到第二页无效。不然样式容易效果不正确。
2024-06-14 09:23:52
835
原创 a-date-picker报错TypeError: date4.locale is not a function
目前看来是dayjs识别不了Format字段，必须使用valueFormat。
2024-06-05 16:38:32
768
原创 vue-在子路由前加/形成绝对路由
可以匹配 `/sys/user`（并且 `Layout` 和 `System` 组件会生效）、`/app/system`，但是无法匹配 `/app/system/user`，`/app/system/sys/user`。在vue-router中，通常我们添加子路由时不会前缀加/，但是也可以加，加上之后，就可以形成类似“绝对路由”的效果。这样子的绝对路由，前面不能添加任何路由信息。在上面这个例子里，通过访问路由。方便一些情况下的访问。
2024-05-13 16:12:47
617
原创 如何在前后端一体的项目中引入element-ui，即引入index.js、index.css等文件。
然后是需要tff和woff ，这2个文件是图标文件，也是必须的，不然会出现方框BUG等情况。24年接手了一个18年的项目，想使用el-ui的组件库，得自己手动引入。这里，因为需要添加tff和css之间的联系，需要修改css文件内容。打开保存的css文件搜 @font-face 修改成如下路径。随后，在自己的文件里面添加这4个文件，我的目录如下所示。接着，就可以在html文件里使用el组件了，例如。添加完后，最后还需要在html文件里引入。通过官网可以知道，首先得准备以下文件。
2024-04-09 10:15:57
1097
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人