- 博客(131)
- 资源 (10)
- 收藏
- 关注
RSS订阅原创 人为物累，心为形役
暂时搁置这些的话，抽离我们的意识到两个新的完全一样的容器里，我们还是不同，我看到的和你看到的，我思考的和你思考的，还是不同，我不知道也无法感知以你视角发生的一切，例如我经历早上下雨，忘带手机折返回去，上班吃饭上班回家，我所经历的一切，你如何感知，没人知道这些，这好像只是我个人的经历，而这一天你的经历我也无法感知。或者你感知到我的经历，所思所想？人生于自然，死后归于自然，换个形式，成了花鸟虫的养分，加入大自然循环，当死后，一天，一年，十年，百年，给自然留下的印记，也在几十年后被自然掩埋，还会有人记得吗？
2024-02-21 22:30:00
1278
原创 vue3开发移动端H5页面中video无交互自动播放完美解决方案
移动端测试视频正常播放无需交互，亲测有效！，声音未测试，本次需求无需声音。几乎所有转化默认都是MPEG-2，一定要确认！如果黑屏就是格式不对，如果跨越就设置下。
2024-01-17 11:32:43
705
原创 接入keycloak实现单点登录
1.如果跨域在keycloak管理中心Clients-Client details-Settings-Web origins添加浏览器访问地址就行。
2023-11-21 19:15:00
506
原创 小程序video标签在底部出现1px无法去除的黑色线
2.尝试过父元素设置height：210px；video标签设置height：200px；按理说此方式应该成功，可能自己没有认真调试，反正试了一下不行就没测试了。3.最终解决方式为，写一个view颜色与背景色一致，强行position定位到video底部，直接遮挡，虽然很不想这样（有点呆瓜），唉，无奈出此下策，实非吾所愿也！此问题只会在ios手机真机中出现，视频底部出现1px无法去除的黑色线。1.尝试过video各种配置，以为是设置参数导致。
2023-11-03 20:00:00
916
原创 uniapp开发小程序接入阿里云TTS语音合成（RESTful API）
就想到这些，如果还有需要注意的后续再补充；最近骑电车要带头盔，飘逸的发型压得趴在头上，影响刘斩仙风度翩翩谦谦君子形象，可恶啊！
2023-11-03 19:30:00
1679
2
原创 vue3-vant4-vite-pinia-axios-less学习日记
2.安装该vite-plugin-vue-setup-extend插件可以直接在标签上设置组件name。3.处理动态加载图片、pdf文件，直接赋值访问不到。5.算了不写了，兄弟们直接看代码吧，哈哈哈，任性。4.keep-alive的使用。5.后面不截图了，没啥了。
2023-09-14 21:00:00
554
原创 uniapp微信小程序《隐私保护协议》弹窗处理流程
3.本示例采用方法2，因为就一个页面需要用到音视频授权，流程为进入需要使用的页面，弹出隐私授权，等待用户确认后，依次弹出音频授权、视频授权确认，让用户一次性点完，以免多处导致用户不耐烦。很多人前两步没做或者做的不对，导致出现needAuthorization一直为false情况。2.在使用到的页面弹出（繁琐，但是用户体验好，有些小程序可能就一两个页面涉及）uniapp在manifest.json中添加！1.进入小程序就弹（对开发来说好，就是用户体验不好）必须设置且审核通过！
2023-09-11 17:56:37
9290
1
原创 红灯之思考
有次在等红灯的时候，突然想起为什么总是一路红灯，是从我出门那一刻就决定了吗？而后仔细回忆，记忆里竟然都是红灯的记忆，没有绿灯的回忆。大脑自动过滤畅通无阻绿灯相关信息，保留了每次红灯等待时，阳光的炙热，人群的拥挤，面前汽车穿梭而过的残影。那能回想起昨天的所有细节吗，上周呢，上个月呢，去年呢，十年前呢，二十年前呢，记忆里什么占主导呢。红灯记忆深刻是因为本能趋利避害，驱动我自动规避等灯情况，还是本身坏的情况就更占大脑内存。自从搬到公司附近，每天骑着小电驴上下班，经过几个路口红灯都特别长。
2023-09-10 15:12:17
46
原创 戏曲之思考
后来有了电视，抢台现象出来了，要看综艺的，要看人与自然的，要看戏的，要听音乐的，每次播电视我们故意跳过戏曲频道，奶奶让我们给播看戏的那个台，我们就说还没开始，之后，我们慢慢教会她自己使用遥控器，瞒不过了无奈被迫受熏陶，什么常香玉，朝阳沟，小苍娃，花木兰堪比唐僧念经！而后大概看了奶奶常听得戏，其中述说的惩恶扬善，保家卫国，为了生存，为了民族延续，为了文化传承。戏曲中的爱恨情仇，展现的是，过去生活在，这片大地之上的芸芸众生，他们的喜怒哀乐，他们对生活的遗憾，对未来的期望。毕业了，处对象了，结婚了，有娃了。
2023-09-10 14:41:50
159
原创 uniapp微信小程序使用stomp.js实现STOMP传输协议的实时聊天
原生微信小程序中使用本来使用websocket，后端同事使用了stomp协议，导致前端也需要对应修改。
2023-08-29 15:02:55
2414
5
原创 微信小程序使用stomp.js实现STOMP传输协议的实时聊天
本来使用websocket，后端同事使用了stomp协议，导致前端也需要对应修改。
2023-08-29 14:47:50
2749
原创 vue3+vue-router4：报错Uncaught (in promise) Error: Invalid navigation guard
解决Uncaught (in promise) Error: Invalid navigation guard报错，本地环境路由跳转失败
2023-07-19 10:00:26
5068
原创 UniApp使用ref动态绑定元素在APP端获取offsetTop为undefined解决方法
要求实现，根据id自动滚动到列表中的某一条数据位置。
2023-05-11 19:48:20
1630
1
原创 vue + xtermjs + websocket 前端网页版终端，操作后端的docker容器
vue + xtermjs + websocket 前端网页版终端，操作后端的docker容器
2022-11-10 17:10:49
4649
10
原创 Uncaught SyntaxError: Unexpected token ‘＜‘ 和 引入钉钉dingtalk-jsapi 页面加载失败：连接服务器超时，点击屏幕重试
使用此版本：“@babel/runtime”: “^7.12.5”package.json中@babel/runtime版本低了。package.json中@babel/runtime版本高了。点详情显示doctype。
2022-06-06 22:36:57
1674
原创 vue中可编辑div添加@功能
简介1.有默认值情况下，光标自动定位到最后2.按@键，或者@+shift组合键，可添加被@姓名3.可整体删除@姓名4.在光标位置插入指定html元素如图所示源码（复制另存txt，修改.html直接运行）<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, in
2022-04-19 13:13:34
1704
1
原创 vue移动端表格吸顶、行自适应高度、列左侧固定悬浮
简介1.表头吸顶效果2.左侧列固定，右侧滑动，表头跟随内容滑动3.行高自适应番外最近上海疫情，居家办公一月多了，愿阴霾散去。最近网上在正常得市民抱怨中，有很多别有用心之人，数典忘祖，造谣生事，其心可诛。如图所示源码（复制另存txt，修改.html直接运行）<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compati
2022-04-15 18:45:57
3459
原创 vue高仿立体卡片效果（第三版）
组件如图所示：使用方法<template> <div class="Home w100 h100"> <!-- tab切换 start --> <tab-card :data="tabArr" class="ml15 mr15 pt15" @tabClick="tabChange"> <p class="pl15 pr15 pt15 pb15" v-show="tabIndex == 0">
2022-03-05 11:03:50
854
原创 扶我起来我还能学
第一：看文档的能力很多时候前端多而杂，人脑瓜子就这么大，全部丝毫不差的记下来不现实。除了超级大佬多数人都是好记性不如烂笔头，烂笔头不如天天敲代码，用多了自然有自己的理解。对于新的东西，或者不常用的东西，都依赖于文档，对照文档实现所需要功能快速开发很重要。第二：处理数据的能力此处并非算法，而是能拿到后端返回值不是自己所需要的时候，处理成前端能用的结构。算法对于大多数前端来说你压根没机会用，会有ETL，后端替你解决，当然如果你是励志进入一线大厂，那你必须会，因为卷加上工作确实需要你造轮子。而对于励志成为切
2022-03-02 16:48:08
107
原创 vue组件利用css var(--变量)实现动态修改伪类属性（::before、::after）
如图所示：#1：我们可以利用此属性实现vue组件动态传值，修改例如：::before、::after等，伪类的背景色，背景图等属性值。因为vue利用无法直接在css中使用data里的变量，利用var(–变量名),以及style中定义变量（其实此步是模仿:root{}）方能修改。动态切换主题也可利用此方式实现，由后端返回图片地址，以及颜色主题。#2：常规使用方式，但是很尴尬，人们并不喜欢这样写。只有系统性，需要大量修改重复css属性，才会用到这个。代码如下：（复制另存txt，修改.html直
2022-01-21 15:44:19
9381
1
原创 vue高仿立体卡片效果（第一版）
如图所示：代码如下：（复制另存txt，修改.html直接运行）<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>vue高仿立体卡片效果</title> <!-- 引入样式 --> <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/i
2021-12-23 16:52:06
1423
原创 vue环进度图、双环进度图 - echart图表
如图所示：代码如下：（复制另存txt，修改.html直接运行）<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>环进度图、双环进度图 - echart图表</title> <!-- 引入样式 --> <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/the
2021-12-23 15:14:55
1928
原创 vue动态给散点图每个圆球设置背景色 - echart图表
如图所示：代码如下：（复制另存txt，修改.html直接运行）<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>vue动态给散点图每个圆球设置背景色 - echart图表</title> <!-- 引入样式 --> <link rel="stylesheet" href="https://unpkg.com/element-ui
2021-12-15 14:24:33
1220
原创 动态处理表格多行合并单元格、同时解决hover错乱问题 - Vue Element Table
简介：el-table单元格合并，处理hover错乱问题。如图所示：源码（复制另存txt，修改.html直接运行）<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>动态处理表格多行合并单元格、同时解决hover错乱问题 - Vue Element Table</title> <!-- 引入样式 --> <link rel="
2021-12-08 16:18:08
2011
3
原创 vue解决ie浏览器白屏问题
介绍：情况一：[vuex] vuex requires a Promise polyfill in this browser.情况二：SCRIPT1002: 语法错误的解决情况三：SCRIPT1003: 缺少 ‘:’情况四：缺少 ‘)’解决方法：第一步： yarn add babel-polyfill第二步：//修改babel.config.jsmodule.exports = { presets: [ [ '@vue/app', {
2021-09-29 17:15:08
547
原创 vue渐变堆叠面积图设置渐变色 - echart图表
如图所示：代码如下：<template> <div class="ml20 mr20 mb20 colorFOp"> <div class="head tc mb20 ">测试案例</div> <div ref="test" class="testChart"></div> </div></template><script>import * as echarts
2021-09-14 09:44:17
1579
2
原创 vue折柱混合图，数据对应不同Y轴 - echart图表
介绍：柱状图对应左侧Y轴，折线图对应右侧Y轴。如图所示：代码如下：<template> <div class="ml20 mr20 mb20 colorFOp"> <div class="head tc mb20 ">测试案例</div> <div ref="test" class="testChart"></div> </div></template><scri
2021-09-14 09:03:33
661
原创 vue柱状图顶部显示文字，添加千分位 - echart图表
如图所示：代码如下：<template> <div class="ml20 mr20 mb20 colorFOp"> <div class="head tc mb20 ">测试案例</div> <div ref="test" class="testChart"></div> </div></template><script>import * as echart
2021-09-13 16:33:39
948
原创 vue柱状图x轴文字、垂直在柱子顶部 - echart图表
如图所示：代码：<template> <div class="ml20 mr20 mb20 colorFOp"> <div class="head tc mb20 ">测试案例</div> <div ref="test" class="testChart"></div> </div></template><script>import * as echarts
2021-09-13 16:19:20
835
原创 vue x轴文字纵向显示 - echart图表
介绍：实现如图所示：代码如下：<template> <div class="ml20 mr20 mb20 colorFOp"> <div class="head tc mb20 ">测试案例</div> <div ref="test" class="testChart"></div> </div></template><script>import * as
2021-09-13 15:53:08
502
原创 vue监听div、textarea高度变化执行某个操作 - Vue Element Textarea
简介：监听用户拖动textarea高度变化，实现修改对应div，使二者高度同步。如图所示：源码（复制另存txt，修改.html直接运行）<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>监听div、textarea高度变化执行某个操作 - Vue Element Textarea</title> <!-- 引入样式 --> <
2021-08-04 13:49:24
2217
3
原创 导航栏选中 - 自动滚动居中 - Vue Element Menu
效果如下：源码（复制另存txt，修改.html直接运行）<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>菜单选中 - 自动滚动居中 - Vue Element Menu</title> <!-- 引入样式 --> <link rel="stylesheet" href="https://unpkg.com/element-ui
2021-07-23 14:57:06
2859
原创 OHIF Viewer医学影像学习日记
前言：OHIF Viewer一个开源的，基于Web的，医学影像查看器。项目文档GitHub项目大概流程：我们下载OHIF Viewer项目运行打包，发布到服务器，然后暴露访问地址；再由后端提供返回固定格式json的接口，完整路径例如：http://www.baidu.com/#/viewer?url=http://www.your.com/apiv1/dicom/analysis/studies把此链接嵌入先有项目即可，实现在线预览医学影像图片。一、命令行执行git clone https:
2021-06-16 14:03:08
5361
7
原创 神奇得BUG：谷歌中div存在，但是不显示，非display非opacity非position
前言：早上刚到公司，同事mac电脑不展示我新写的模块，起初以为是position，flex兼容问题。用了另外一个mac，升级了谷歌浏览器到同一个版本，发现没有问题。解决：遂，用同事电脑排查，竟发现使用position：fixed；z-index:10000;都不行。大惊！啊这是什么史诗级bug。删除所有class属性，也不行，最后我删了class类名，好家伙，显示了。class=“adBox ml10”，我连忙问同事是不是装了谷歌广告屏蔽插件，一问还真是开了几个屏蔽广告插件，这这这，把我写的模块当
2021-06-07 09:56:46
323
原创 vue移动端中使用echart折线面积图（设置渐变色）解决ios6/11渐变色不显示bug
前言：1.折线本身渐变色2.折线阴影面积渐变色效果如图所示：1.全局引入echartmain.js// 如果全局引入就在此加上这两行代码// 如果就一个页面直接页面引入完事儿 import echarts from 'echarts';// import * as echarts from 'echarts';import echarts from 'echarts';Vue.prototype.$echarts = echarts;index.vueseries: [ {
2021-03-30 11:15:59
1174
原创 vue实现钉钉扫码登录
如图所示：代码如下：//在public/index.html引入钉钉js//需注意如果报错DDLogin未定义，需要将此代码放入head中或者body中，放在body-html标签之间有些项目会报错。<script src="https://g.alicdn.com/dingding/dinglogin/0.0.5/ddLogin.js"></script>//html// id必写，style是为了调整二维码大小，二维码官方固定尺寸，只好出此下策。<div
2021-03-02 13:48:27
6143
7
原创 vue+element管理系统实现页面预览+打印（主要解决打印表单选中失效，样式失效，分页问题）
GitHub地址：打印项目源码一、环境：项目：vue+element二、实现效果：1.项目内预览效果2.打印预览效果三、代码实现<div id='content'> <div class='paging'> paging类名为分页符，此功能必须嵌套内容才会生效。 </div></div>import printCss from './printCss.js'import '../../assets/css/print.css'
2021-01-29 12:46:26
4424
vue高仿立体卡片效果（第三版）
2022-03-05
vue高仿立体卡片效果（第二版）
2022-01-11
Android 心跳检测的Socket
2017-09-14
Android双击屏幕动态实现全屏（隐藏标题栏状态栏）
2017-08-31
android监听双击屏幕
2017-08-31
android重写多任务键，返回键，打开外部链接，打开menu
2017-08-28
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人