- 博客(35)
- 收藏
- 关注
RSS订阅原创 使用window.print()打印表格，使每一个表格占用一张A4纸
在每一个包裹表格循环的div上加一个css属性 page-break-after: always;，并且每一个的高度要自然撑起，不要给固定高度，如果表格太长就拆分成两个，自己调一下每个表格需要多高；最后循环的那个div的属性需要给 page-break-after: avoid;不然的话会多一张空白纸。
2024-05-21 14:29:26
192
原创 Vue3 使用vite打包时的动态路由
/ 刷新页面运行路由代码时要放在 app.use(router);// 引入 公共样式。// 获取views下的所有的vue文件。
2024-04-25 18:56:13
1035
原创 微信小程序有的机型无法播放m3u8格式的直播流，使用H5在微信环境里播放
这个还是有问题，有的直播地址在鸿蒙和苹果上都有声音，有的是鸿蒙上有声音，但是苹果上没有，也没找几个手机，测试的不准，不知道问题出在哪里，有可能是直播流的格式问题；我这测试鸿蒙的还有苹果X及部分机型在微信小程序里无法播放，不知道什么原因；直播流地址有的是hevc有的是h.264，音频都是aac；
2024-04-25 18:40:14
781
原创 使用浏览器自带的window.print()方法打印或保存成pdf文件
【代码】使用浏览器自带的window.print()方法打印或保存成pdf文件。
2024-04-25 18:07:51
601
原创 小程序仿微信写简易聊天室
主要是 style='display:flex;flex-direction:column-reverse’样式，下拉时向list里push()，所得到的数据这样滚动条就不会滚动到顶部，而会停留在之前在顶部的那条数据那。scroll-into-view=“{{scrollView}}”，主要是控制页面滚动到最底部的，如果是H5可以计算#scro-box的高度，然后控制滚动条滚动到最底部。flex-direction:column-reverse的意思是。每次新输入的对话可以使用unshif()
2022-10-26 18:55:42
522
1
原创 使用uCharts图表踩得坑
报这个错Maximum call stack size exceeded解决方法看下是不是在遍历的时候直接给chart图的数据赋值了,如果是的话,遍历过程中先用其他变量,最后再用变量赋值给chart图的data
2022-06-01 12:02:19
636
原创 uniapp中父组件修改子组件的样式不生效
小程序端父组件想要更改子组件的样式使用/deep/不生效得加options: { styleIsolation: ‘shared’ },，然后再使用深度选择器就可以了只在小程序上证实可行，app端没测试
2022-05-21 20:00:40
1146
2
原创 js 根据条件数据分组
后台传过来的数据要根据名字相同的，同一天的，电话相同的数据归为一组chuliarr(data){ let arr = []; let groupData = this.groupBy(data, (link) => { let obj = {//这里传根据拿些条件进行分类 ,名字 电话 时间等 USERNAME_BYYR:link.USERNAME_BYYR, CELLPHONE_BYYR:link.CELLPHONE_BYYR,
2022-04-26 14:33:54
1265
转载 css 制作如同gif图的动画（精灵动画）
如图所示的动画的制作过程链接阿里云动画查找的资料添加链接描述在应用 CSS3 渐变/动画时，有个控制时间的属性 。它的取值中除了常用到的 三次贝塞尔曲线 以外，还有个让人比较困惑的 steps() 函数。steps() 第一个参数 number 为指定的间隔数（必须是正整数），即把动画分为 n 步阶段性展示，第二个参数默认为 end，设置最后一步的状态，start 为结束时的状态，end 为开始时的状态。那么有了这个steps()，我们就可以实现web中常见的Sprite 精灵动画了，见dem.
2022-02-11 21:33:31
746
原创 仿抖音写上下滑动切换视频
公司小程序要做个仿抖音上下切换视频的效果，一开始想用swiper,有资料说多了会卡。原因是video标签太多的原因，查看资料有只是用一个video标签的，滑动时切换src即可全部代码<template> <view class="content" :style="{height:pinggao+'px'}" @touchmove="handletouchmove" @touchstart="handletouchstart" @touchend="handletouche
2021-12-27 11:30:42
4959
2
原创 uin-app 自定义swiper的指示灯，指示灯偶尔会频繁抖动
自定义轮播图指示灯在安卓手机上会偶发行的来回抖动查看文档后加了这个判断e.detail.source，就可以了
2021-12-08 11:04:43
245
原创 uin-app 使用canvas画简易海报
1 canvas画圆角并把图片放进去uni.downloadFile({ url:that.user.url,//图片为网络图片必须要下载到本地获取到图片的临时路径 success: function (res) { uni.getImageInfo({ //获取图片的真实宽高 src: res.tempFilePath, success: function (image) { let bi = im
2021-12-08 10:49:38
757
原创 uin-app 小程序踩坑之image load函数多次执行问题
要 做一个瀑布流列表需要计算图片高度，我的想法是吧图片放进一个盒子宽高都给0，让图片先渲染一次，得到图片高度再插入数据，比对图片高度看插入哪一列，但执行时load执行了数据的两倍的次数，假如有5条数据他执行了10次，经过排查是因为我自定义了一个对象属性index,用它来存取他的索引代码<view style="width: 0rpx;height: 0rpx;overflow: hidden;opacity: 0;position: relative;"> <image v-fo
2021-12-08 10:35:09
940
1
原创 uin-app uni.showToast小程序端 时间给了2500还是一闪就消失了
问题我把uni.showToast 写成了一个公共方法// 提示Vue.prototype.$msg = (title, duration = 2500, mask = false, icon = 'none') => { //统一提示方便全局修改 if (Boolean(title) === false) { return; } uni.showToast({ title, duration, mask, icon });}在ajax访问成功后显示，但是一闪
2021-11-30 17:08:12
1969
原创 uin-app position：fixed在苹果13上不偶尔会不起作用
引用链接这篇文章写了为啥在苹果手机上position：fixed不起作用的原因position:fixed在苹果的产品中并没有实现相对浏览器窗口定位。其实现的功能是相对最近的允许滚动的元素定位，且不能遮罩滚动元素的兄弟元素及其所有父元素的兄弟元素。大概意思就是如果 position：fixed在苹果手机上不起作用 ，那就让body或page标签无法滚动，使用scroll-view标签替代滚动，把有 position：fixed的元素放在最外层就可以了...
2021-11-29 16:18:13
450
原创 vue-element-admin使用地图
在高德地图申请key时，pc端需要申请的是web(js),不是web，不然会报错我使用的是vue-amap，需要的可import VueAMap from 'vue-amap';Vue.use(VueAMap);VueAMap.initAMapApiLoader({ key:'在高德地图申请的key', plugin: [ "AMap.Autocomplete", //输入提示插件 "AMap.PlaceSearch", //POI搜索插件 "AMap.Sca
2021-09-10 08:44:28
1114
原创 vue-element-admin 踩坑
1 二次进页面重复调接口问题路由名称和页面名称一致即可tree树形组件的清空选中和收起展开问题tree组件来回切换数据的话只清空default-checked-keys和default-expanded-keys属性是不行的解决办法 this.$refs[tp.refs][0].setCheckedKeys([])//清空选中 for(var k=0;k<this.$refs[tp.refs][0].store._getAllNodes().length;k++){/
2021-09-09 15:39:36
251
原创 uin-app 在nvue使用picker-view踩得坑
1设置indicatorStyle属性高度有偏差的问题indicatorStyle: height:80rpx;不能在nvue使用rpx做单位会有误差，只能使用px才行2设置value值不起作用把value值从上一个页面带过来赋值给picker-view不起作用，解决方法是判断value值是否有值，使用v-if去控制picker-view的显隐...
2021-06-19 08:54:29
788
原创 图片懒加载
把网页里的img标签里的src替换成data-src，img标签没有src属性就不会向浏览器发出请求// 获取到浏览器顶部的距离 function getTop(elem){ var elemTop=elem.offsetTop;//获得elem元素距相对定位的父元素的top elem=elem.offsetParent;//将elem换成起相对定位的父元素
2021-04-30 17:58:15
95
1
原创 uin-app map标签出现黑边问题
uin-app map标签出现黑边问题uin-app 的map标签在app端真机调试时出现了黑边，功能是map标签上有个半透明蒙版，点击蒙版调用uni.chooseLocationAPI,获取经纬度和地址名称。获取到了经纬度和地址名称后展示在多行文本框内，多行文本框没有定高，让他自动增高，多行文本框在map组件上，经多次检查发现当地址名称超过一行时多行文本框会折行自动增高，map组件就会出现黑边，解决办法就是多行文本框在map标签上时必须固定高度。<view class="inp">
2021-03-24 16:34:31
479
原创 uin-app申请ios证书踩得坑
没有mac系统的用香蕉云编就可以生成certSigningRequest文件和p12证书链接香蕉云编苹果证书需要两个证书一个是推送证书，一个是打包的证书都是p12的按照uinpush给的官方说明就可以申请到推送的证书链接iOS 证书配置指南打包的证书与推送证书需要的服务是不一样的链接p12证书和profile文件的生成方法推送证书没有profile文件，如果你申请了推送证书去申请profile文件，官方会一直提示你没申请证书，让你去申请推送证书是绑定uinpush的，那让绑定一个环境，如果你
2020-11-04 18:30:50
768
原创 uin-app 使用百度语音和录音授权踩得坑
1 在6.0.1版本上报3001在低版本安卓手机录音和语音识别不能同时进行，如果先开始录音，语音会报3001，语音识别失败，如果先开始语音识别，那么就会录不了音，获取到的本地录音文件没有声音并且特别短。所以录音传给后台，让后台去识别2 录音传给后台的格式录音传给后台，后台说需要用pcm格式，但前台转的格式在后台不能用，uin-app提供的别的格式传到后台不能直接使用，得需要后台转一下格式3 低版本安卓的授权uin-app 提供了一个插件，可以检测是否授权，但在低版本不好用，个别手机一直是授权成功的
2020-10-17 15:26:16
1075
原创 uin-app 调试iOS记录
禁止屏幕旋转// #ifdef APP-PLUSplus.screen.lockOrientation(‘portrait-primary’);// #endif关闭页面回弹效果“bounce”:“none”iOS软键盘上完成工具栏的显示模式，设置为 “none” 时关闭工具栏，这样就可以点击空白处收起软键盘前提是页面最大的盒子有点击事件，如果点击的盒子它或2它的祖级没点击事件，照样不会失去焦点收起软键盘“softinputNavBar”:“none”,input框多高，iOS端光标就多高所
2020-09-04 18:42:10
248
原创 uin-app 调试iOS端踩得坑
1，picker-view在安卓端 picker-view的value可以重复设置，但是在iOS端只有刚进页面时起作用，需要联动的数据需要放在不同的变量里，通过前一个联动的value值去动态的更改数据2，uni.getSystemInfoSync()uni.getSystemInfoSync().windowHeight在iOS真机上获取的是屏幕高度，而不是可用高度，可用高度得减去导航栏和状态栏的高度3，/deep//deep/穿透在安卓和iOS真机上不起作用，不知到是什么原因，在模拟真机上是能起
2020-09-04 18:31:24
341
原创 uin-app 富文本编辑器 editor
直接上代码<template> <view class="content"> <view class="dis-tan biaoqian"> <text @tap = "blod(1)">加粗</text> <text @tap = "blod(2)">平常</text> <text @tap = "biaoti(1)">大标题</text> <text @
2020-07-25 17:34:29
849
4
转载 初步在uin-app使用讯飞的语音识别接口
引用的是lichenying的代码原文链接：https://blog.csdn.net/lichenying/article/details/107244198在安卓上测试可以html<button @click="voice">识别3</button> <view>{{ff}}</view>jsvoice() { var me = this; var options = {}; options.engine = '
2020-07-10 15:51:06
955
4
原创 uin-app 使用canvas压缩图片
看了一个裁图的插件，尝试写了一下，没写出来，倒是写成了一个压缩的插件特别粗糙，勉强能使，只写了h5和小程序的，把h5的图片转成了blob格式贴代码：<template name="tupian"> <view class="ks"> <view v-if="img.statc==0||img.zhuang" style="text-align: center;"> <view class="zi-teda zi-hui">+</v
2020-07-03 18:54:06
471
原创 uin-app map踩的坑
1 scale 缩放地图无法更改缩放比例,只有在页面一开始加载时才会加载一下，后续更改无效在小程序上折中一下主要是that.scale = 15;setTimeout(function(){that.scale = 16;},0)这样可以更改缩放比例，只在小程序上测试过，别的端没有代码：// 获取地理位置与经纬度 jingwei(){ uni.hideLoading(); let that = this; uni.chooseLocation({
2020-07-03 18:46:18
835
1
原创 uin-app踩的坑和自定义导航栏插件 uni-nav-bar 的bug与监听H5端返回上一页事件
1在components下的组件，图片路径用 /static/img/back.png 这样的根路径形式，不要用…/static 或者 …/…/static 的形式，不然很坑，有些平台不报错也不显示，有些找不到路径。2状态栏的高度<template> <view> <view class="status_bar"> <!-- 这里是状态栏 --> </view> <vie
2020-06-28 16:27:58
4181
原创 css 不常用神奇样式2
链接张鑫旭大神的深入理解CSS mix-blend-mode滤色screen混合模式https://www.zhangxinxu.com/wordpress/2019/05/css-mix-blend-mode-screen/CSS混合模式mix-blend-mode/background-blend-mode简介https://www.zhangxinxu.com/wordpress/2015/05/css3-mix-blend-mode-background-blend-mode/...
2020-06-28 14:54:50
122
原创 使用canvas写的黑板
<!doctype html><html><head><meta charset="utf-8"><meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0" /><meta name="apple-mobile-web-app-capable" content="yes" />
2020-06-18 18:58:55
293
原创 有部分裁图功能的dome
自己写的一个有点裁图功能的dome<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .dr1{ height: 260px; /* background:url("http://img.blog.csdn.net/201707012216593
2020-06-18 18:53:34
139
原创 echarts实现一个页面同时显示多个图表
<div id="myChart" :style="{width: '600px', height: '300px'}"></div>drawLine(){ let dd = { title: [ { text: '山东覅金额偶滴就OK的房间哦', subtext: '纯属虚构', left: '0%' }, { text: '同名数
2020-06-18 18:32:30
6636
1
原创 css 不常用的神奇样式
pointer-events: none它的意思是：除了指示该元素不是鼠标事件的目标之外，值none表示鼠标事件“穿透”该元素并且指定该元素“下面”的任何东西。（此文来着MDN）。说白了，就是让标签不接受鼠标事件（含click，mousemove，mouseup之类的）。就是让加上的元素鼠标摸不着它clip-path: circle(50px at 50px 50px) 意味裁剪路径的意思，让我们可以很便捷的生成各种几何图形circle 裁剪生成一个圆。polygon 生成任意多边形
2020-06-17 19:22:09
207
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人