- 博客(17)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 vue3导入excel并解析excel数据渲染到表格中，纯前端实现。
用户将已有的excel上传到系统，并将excel数据同步到页面的表格中进行二次编辑，由于excel数据不是最终数据，只是批量的一个初始模板，后端不需要存储，所以该功能由前端独立完成。二是因为表单中存在多个表格需要导入excel作为基础数据进行编辑，且表格数量不固定，是根据后端数据渲染的，所以在清空上传文件的时候，需要处理未知的多个，所以需要动态设置ref。由于业务需求不同，对表格数据的详细处理逻辑，就不在这里显示了，可根据自己的数据结构进行赋值操作，运行demo后可以直接在控制台查看拿到的excel数据。
2023-12-29 17:36:42
5129
1
原创 vue实现简单的文件上传、下载、预览
管理系统总不可避免的会用到文件处理三部曲：上传、下载、预览。每次提到三部曲都会瑟瑟发抖，因为不知道会折在哪一部，今天就将三部曲整理下来，便于以后学习。
2023-05-19 17:24:40
3787
原创 前端基础面试点(一)
1、说一说ifream标签的作用 <ifream></ifream>用来在页面嵌入其他页面，通过src属性实现链接其他页面，更多属性说明 ifream标签的使用场景典型系统结构，左侧是功能树，右侧就是一些常见的table或者表单之类的。 加载别的网站内容，例如google广告，网站流量分析。 网站内多个地方用到同一个页面，便于后期维护。 ifream标签的优点iframe能够把嵌入的网页原样展现出来。 模块分离
2023-03-23 22:44:43
351
1
原创 火狐浏览器中a标签不跳转页面，提示由于协议未知，无法导航至“javasript:void()；”的解决方案。
火狐浏览器a标签无法跳转页面且报错。
2023-01-30 19:38:56
1347
原创 uniapp——弹窗层内容可以滚动，底部页面禁止滚动
开发项目过程中，常常需要自己写弹出框，弹出框里可能或是列表，可能会是提示。当为列表或者需要弹出框内容滚动的时候，常常会遇到底层的内容一起跟着滚动。今天分享个解决方案，希望能够帮的上遇到此问题的小伙伴。在弹出层的遮罩view标签和内容view标签分别加上@touchmove.stop.prevent="disabledScroll"<view class="nav-bg" v-if="showTabModal" @click="onCloseMoreBg" @touchmove.stop.p
2021-05-24 16:34:12
11823
8
原创 uniapp——开发app，ios版本提交遇到的问题
今天提交版本的时候，发现之前生成的证书被人编辑或处理了，只能重新生成新的证书。却没想到遇到以下几个坑：生成.p12证书时，提示iOS开发证书/发布证书不受信任造成这个问题的原因是：清理钥匙串证书时，部分mac没有AppleWWDRCA这个证书或者这个证书不是最新版本。解决办法：下载最新的AppleWWDRCA重新安装。下载链接：下载最新版AppleWWDRCA如下图所示解决步骤：1、下载最新的AppleWWDRCA证书，双击安装到“登录”项的钥匙串下；2、然后在安装你的开.
2021-05-24 15:39:08
1425
1
原创 pc端隐藏滚动条，页面仍可以滚动的解决方案
方法一::-webkit-scrollbar { width: 0 !important;}::-webkit-scrollbar { width: 0 !important; height: 0;}方法二先欠着，后期遇到再来补充~
2021-04-28 16:25:57
779
原创 uniapp——基于picker实现年月日时分秒选择器
需求想通过时间筛选的方式，查看对应时间短的数据。为了更精准的比对，因此需要时间确切到秒的筛选。涉及的技术点uniapp类型为mode = multiSelector的多列选择器picker ios时间不能用'-'解析成时间戳 javascript Date对象的使用代码实现在ios上'-'没法被解析为时间戳的解决方案，使用正则将'-'替换为'/'。安卓，pc端，ios端均可适配。代码如下：//解决ios中不能用'-'解析成时间戳问题let dateStr = '2021-0
2021-04-28 14:10:01
9419
1
原创 uniapp——开发APP，强制更新
需求说明修复严重bug,新增新的功能点，想要用户全量更新的时候，会在启动app的时候，弹出弹窗让用户强制更新。从而实现版本的统计。涉及的技术后端接口提供app的安装地址，是否强制更新，最新版本的版本号 使用h5的plus.runtime知识点 使用uniapp的uni.downloadFileAPI实现逻辑调用后端接口，判断当前版本号(plus.runtime.getProperty获取)与最近版本号是否一致，不一致则根据flag判断是否需要强制更新。 判断是ios还是安卓，ios：
2021-04-22 20:31:44
4575
5
原创 uniapp—视频下载与video层级过高
需求说明正在做的app的需求是续集故事放在总预览页上，可以点击单个故事，进入到故事详情，如果当前故事已经下载过，则可以直接打开观看视频；若第一次打开没有下载过，则开始下载，下载成功后可以打开观看。观看结束后，可以点击右上角关闭按钮关闭。需要的技术点1、下载视频到本地。2、判断当前故事是否已下载。3、播放已下载的视频。4、视频层级过高，关闭按钮无法遮盖。实现方案...
2021-01-05 15:41:33
1531
原创 uniapp—配置自定义基座
之前分享过的uniapp开发app微信登录时有说到“自定义基座”，今天来说下配置“自定义基座”。什么是自定义基座使用HBuilder/HBuilderX开发应用时，可在手机/模拟器上查看运行效果，点击菜单栏“运行”->“运行到手机或模拟器”使用。为了解决manifest配置相关调试的便利性问题,里面使用的是自定义的manifest配置。自定义基座的使用1、在HBuilder/HBuilderX中点击菜单栏“运行”->“运行到手机或模拟器”->“制作自定义基座”生成自定义
2021-01-04 16:16:01
29883
4
原创 uniapp—微信登录，苹果登录
uniapp框架开发APP—微信登录需求说明：我的项目需求是已有微信小程序项目，新增app项目，需要将微信小程序的用户和app端的用户相关联。实现方法：在微信开放平台，在同一账户下分别创建移动应用和微信小程序。实现原理：同一微信登录的微信小程序和app，用户对应的unionid是一致的。微信登录代码实现如下：可查看uniapp官方文档的登录api，有详细的参数说明。// 微信登录wechatLogin(){ var that=this uni.getProvider
2020-12-08 23:25:34
4356
1
转载 跨域的概念以及解决方案
此篇文章转自https://segmentfault.com/a/1190000011145364很棒的文章。写的非常全面，读君一篇文，受益匪浅。偶然看到的一篇文章，让我对跨域有了很好的了解。虽然已经收藏了原文，但找起来还是有些繁琐，所以干脆转载到我的博客里，方便以后查阅。也分享给大家，好东西要一起分享嘛。在本章结尾会有讲解http与https的区别，这个面试常问得问题，这个也是我在推荐里发现
2017-12-13 14:31:02
4749
原创 vue初级知识点总结
总结一些vue基础知识，有二级路由，vue-resource,自定义指令，生命周期，如果你是刚开始学习vue框架的话，这篇文章一定对你有帮助，至少能够懂得vue框架是个怎样的结构。有不足之处，还请多多指教，我们一起进步嘛~
2017-11-25 12:56:37
1014
原创 cmd+任务管理器解决端口被占用的问题
最近一直被端口占用的问题困扰，每每npm run dev就会报错说端口已被占用，默默地改了好多个端口，感觉这样实在不是上策，于是经过一番探索，得到这篇总结，方便再次遇到问题时查看。在上篇文章里握有提过端口释放的问题，但是找起来有点麻烦，故干脆提取出来，方便遇到此问题的小伙伴查看，若有不足之处，还请多多指点。
2017-11-14 08:34:13
3509
1
原创 vue+node+webpack搭建环境
本篇文章是由我最近连续两天踩过的坑整理而来，简直是坑哭了。之所以总结这篇文章一是希望大神可以纠正指教，二是希望能对像我一样第一次搭建vue环境的宝宝们，不踩坑或者说是少踩坑，三是为了自己以后不入坑，再进坑就出不来了。 前端的路很长，坑更多，所以适当的总结下总是好的。
2017-11-02 18:18:50
6410
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人