功能案例
文章平均质量分 76
功能案例、使用案例
RealizeInnerSelf丶
RealizeInnerSelf丶
展开
-
(keep-alive)首页进入页面刷新,子页面返回页面缓存
首页或其他版块进入列表页面刷新数据、页面状态(滚动条、筛选条件、数据结果),从子页面返回时列表状态、数据情况维持进入子页面前的状态转载 2024-03-31 16:03:20 · 70 阅读 · 1 评论 -
微信小程序上传文件(可传 word、excel、ppt、视频、图片……)
近期做技术调研时发现微信官方支持文件上传了,这里记录一下原创 2022-10-07 20:23:03 · 7701 阅读 · 2 评论 -
vue 分段进度条组件
可随意指定刻度数与百分比的进度条原创 2022-09-11 11:04:30 · 958 阅读 · 0 评论 -
echarts5.x 词云图使用(`[ECharts] Unkown series wordCloud`)
echarts5.x + wordcloud2.x 搭配使用原创 2022-08-07 10:22:35 · 6616 阅读 · 5 评论 -
在有限高度容器内使 动态输入框自动滚动到视野内
有限高度内动态添加子项自动滚动到视野内原创 2022-05-31 21:09:14 · 230 阅读 · 0 评论 -
文字横向自适应宽度并横向排列
如下图左侧图,候选项是后端的数据字典中动态管理的数据,并不能事先知道文本字数,即选项的所占宽度,也就无法直接设定宽度来让文本拥有个比较好的样式,那么想要达到右侧效果图那样的效果该怎么做?可能很多人会考虑从宽度去解决问题,设置固定宽度 width、最小宽度 min-width…但遇到了字数较多等情况,用户体验并不不怎么好,我愣了一会儿,突然意识到,这是宽度不够,导致文本自动换行了,那我用 css 属性设置文本不换行呢?顺带设置个最大宽度,让太长的文本显示省略号,不至于页面样式混乱 /* 设定最大原创 2022-01-31 21:21:13 · 1177 阅读 · 0 评论 -
js 将 list 列表数据按日期分组
js 将 list 列表数据按日期分组前言从后端接口拿到如下数据,想要实现下图效果数据根据日期分组页面样式对于有一定工作经验的前端人员来说肯定不是问题,我们主要来探索如何处理数据格式的问题原数据后端把数据按时间排过序再传给我前端的,故后文我就不对数据进行排序了let data = [ { "userEntity": { "userName": "XXX", "avatar": "https://thirdwx.qlo原创 2021-11-29 10:16:04 · 3535 阅读 · 3 评论 -
前端表单验证交互
文章目录前端表单验证交互效果1(暂未配套代码)使用 vue watch 与自定义 css 模仿 Vuelidate 框架官方表单验证效果代码(仅做思路参考)关于数据校验Vuelidatevalidator.jsVeeValidateVccValidate补充知识前端表单验证交互效果1(暂未配套代码)使用 vue watch 与自定义 css 模仿 Vuelidate 框架官方表单验证效果关键思路:(看了代码就能结合起来了)动态监听输入内容的改变,动态校验其数据的合法性不合法,给元素添加 c原创 2021-10-24 23:36:43 · 2536 阅读 · 0 评论 -
微信小程序导航条配置图片背景
文章目录微信小程序导航条配置图片背景全部页面替换就首页特殊,其他页面纯色导航条(沿用微信那套)相关代码如果你觉得写的不错或者帮到你了,记得给我点个赞哟~微信小程序导航条配置图片背景需要实现通栏背景的效果(导航那里还有背景图片)全部页面替换如果自定义导航栏,会存在需要考虑的问题如果有上一页,就返回上一页,否则直接返回首页(首页),图标也要跟着换标题取配置里的(如果可以的话,否则就用组件传参,去掉配置里的,以免造成误解)背景图片拼接(首页的时候)就首页特殊,其他页面纯色导航条(原创 2021-08-23 16:43:34 · 5780 阅读 · 1 评论 -
vue h5 端实现富文本图片预览(基于 Vant UI 的 ImagePreview 组件)
文章目录vue h5 端实现富文本图片预览(基于 Vant UI 的 ImagePreview 组件)预览效果关键代码使用案例vue h5 端实现富文本图片预览(基于 Vant UI 的 ImagePreview 组件)之前发了一篇博客讲了如何在小程序实现富文本的图片预览,本篇博客来讲讲如何在 H5 端实现同样的体验与效果代码是基于之前微信小程序封装那套代码改写的,用户体验一致参考文章:Vant 实现预览富文本图片注意:项目里要引入 Vant UI 组件库(需自行引入好在开始看后面的原创 2021-06-11 23:52:13 · 1483 阅读 · 2 评论 -
微信小程序富文本解析插件-towxml(扩展富文本图片预览功能)
文章目录微信小程序富文本解析插件-towxml(扩展富文本图片预览功能)富文本图片预览效果图基本配置towxml 使用与图片预览扩展定制样式补充说明不想把 towxml 放在小程序根目录?常驻小尾巴微信小程序富文本解析插件-towxml(扩展富文本图片预览功能)其实单纯渲染富文本直接用微信小程序的 rich-text 属性就够了用 towxml 是为了扩展富文本图片的预览功能,微信自带的 rich-text 只能针对富文本整体监听事件,无法实现用户点哪张图片预览哪张,用户体验非常差富文本图片预览原创 2021-06-06 17:50:53 · 3907 阅读 · 43 评论 -
在底图不变的基础上,切换腾讯地图的文字注记(让底图更“干净”)
文章目录切换腾讯地图的文字注记预期效果关键思路分析与解读如何控制底图文本注记的显隐?如何判断当前是什么底图?示例代码切换腾讯地图的文字注记在网上看到了这么个效果,感觉自己以后也会遇到,或者说现有项目可能会扩展这个需求,就先搜集资料探索一下咯~到时候需求落到身上了就不用慌啦~淡然处之!预期效果可手动切换地图底图,且可单独对底图上的文本进行显隐控制关键思路分析与解读如何控制底图文本注记的显隐?腾讯地图 JavascriptAPI GL 的底图由多种元素(多个要素图层)叠加渲染形成,支持设置原创 2021-06-05 23:48:46 · 578 阅读 · 2 评论 -
微信小程序订阅消息-写于2020.7.26
目录微信小程序订阅消息大前提歩鄹(要在网页上操作)获取接收订阅消息授权(授权后就可以给他发消息了)向用户发送订阅消息微信小程序订阅消息此博客是为了记录一下工作中对接小程序推送所需的数据基本都是后台返回的业务逻辑:用户在用户列表中选择一个需要接受消息推送的用户,系统将数据按照消息模板推送给该用户用户列表是后端数据渲染的,openid 作为属性渲染上去了(通过选择用户取到 ...原创 2020-07-26 09:55:00 · 104 阅读 · 0 评论 -
Js 网页全屏(vue)-2020-08-26-亲测兼容 F11、ESC的全屏操作
Js 网页全屏(vue)效果描述以下逻辑均正常点击按钮全屏、点击按钮退出全屏、再点击按钮全屏点击按钮全屏,F11 / ESC 退出全屏,点击按钮全屏F11 进入全屏,点击按钮退出全屏不同页面操作全屏,切换全屏均能精准的控制按钮显示的是全屏 / 缩放申明本 demo 默认状态是全屏(刷新网页也会退出全屏,切换页面不会)只考虑网页全屏,不考虑网页单个元素全屏项...原创 2020-08-26 22:28:00 · 347 阅读 · 0 评论 -
微信小程序地图获取地点信息(打卡签到功能为例)-2020-7-26
目录微信小程序地图获取地点信息(打卡签到功能为例)效果图前提步骤首先需要了解的代码部分配置性代码功能性代码demo 下载微信小程序地图获取地点信息(打卡签到功能为例)解决方案:利用微信小程序的地图组件获取到用户的地理位置信息(经纬度),再通过腾讯地图 SDK 获取到对应的地理位置(即地名)效果图地图已打马赛克前提步骤首先需要了解的微信小程序地图组件腾讯地图...原创 2020-07-26 12:34:00 · 5544 阅读 · 21 评论 -
clipboard + element-ui +vue 实现复制粘贴功能与提示
结合 clipboard.js 实现复制、粘贴功能剪切功能参考官方文档,个人认为用不太上(有富文本编辑器的时候可能才用得上,也或许不需要自己实现)想要知道怎么使用,优先参考官方文档(如何指定要复制的数据,如何复制指定的数据...)这篇博客主要是介绍如何实现复制功能并搭配上友好的交互提示(见下方的 demo 图)一般也就两种操作情况1.复制指定元素的内容data-c...原创 2020-08-27 23:16:00 · 2773 阅读 · 1 评论