- 博客(17)
- 资源 (2)
- 收藏
- 关注
RSS订阅
原创 图片瀑布流
/ 上排图片顶部定位高度加上高度则为当前行的定位位置。实现瀑布流思路：父盒子相对定位，子元素绝对定位。// 左侧定位始终为图片宽度乘下标。瀑布流实现效果图（忽略样式）// 模拟随机图片高度。
2023-07-28 16:15:17
105
1
原创 vue3自定义指令-根据内容超出范围显示省略号并自动添加title；自定义拖拽
vue3自定义指令-根据内容超出范围显示省略号并自动添加title；自定义拖拽
2023-02-02 17:02:43
1351
1
原创 将html元素转canvas - svg 图片
<!DOCTYPE html><html> <style> #printBox { width: 800px; height: auto; } </style> <body> <h2>Input Div:</h2> <div id="printBox"> <table> <tr> <td>111</td>
2021-11-18 10:46:46
517
原创 uniapp 公众号支付（hash）
uniapp 公众号支付（hash模式）根据Uniapp官网，集成jweixin-modulenpm install jweixin-module --save需要在微信公众平台，设置-公众号设置-功能设置-网页授权域名，配置自己的H5域名，作用网页授权获取openId(支付签名需要用到，此处是后台需要做的功能)，同时，因为公众号和微信商户号是两个账号，所以需要绑定到微信商户账号上。微信商户平台 绑定支付授权目录，直接用顶级域名即可，不用详细的4.下订单、通过订单获取后台生成的签名、时
2021-02-05 13:40:35
1120
原创 uniapp中页面元素转图片APP端
页面图片点击 页面截图原本app端是无法使用html2canvas的因为，app端不支持浏览器查找dom节点，如果使用会报错，不过我在uniapp里面看到了renderjs（一个运行在视图层的js）。使用这个就可以帮助我们在app端内使用浏览器对象了。这样html2canvas也就可以实现了。<template> <view id="poster"> <view class="" style="overflow-y: auto;"> <vie
2021-01-21 13:49:21
3250
3
原创 uniapp部分api
打开外部引用openApp() { // 打开手机QQ plus.runtime.launchApplication({ name: 'QQ', pname: 'com.tencent.mobileqq', scheme: 'mqq://' }, function(e) /* * 打开失败进入应用商城， * 安卓 如果又多个应用市场，会弹出列表提供选择 ios 则直接进入appstore。 */ console.log('Open sys
2021-01-13 17:45:30
191
翻译 项目中禁用页面缩放
在移动端项目中禁用用户手指缩放<meta name="viewport" content="width=device-width,initial-scale=1.0 ,user-scalable=0,maximum-scale=1.0">在网页中页面缩放包含三种方式快捷键缩放 Ctrl + + / Ctrl + - 进行网页缩放；Ctrl + 鼠标滚轮进行网页缩放// 键盘按键document.addEventListener('keydown', function (eve
2020-12-29 10:51:33
154
原创 请求文件
新建api.js文件import { getAction,deleteAction,putAction,postAction, upLoadFile} from '@/api/manage'// 首页轮播 export const homeIndex = (params)=>getAction("/index/index",params);// 服务项目 ------------export const homeService = (params)=>getAction("/inde
2020-10-09 12:15:20
237
原创 elementUI文件上传
<el-upload class="upload-demo" action :limit="1" :show-file-list="false" :before-upload="beforeUpload" :http-request="fileUpload" > <el-button size="smal
2020-10-09 12:14:01
111
原创 百度地图添加多个marker点位标注
百度地图添加多个marker点位标注<template> <div class="overview"> <div class="container" ref="container" id="container"></div> <div class="search"> <left-tree @onChangeCode="onChangeCode" /> </div> </d
2020-07-21 11:44:21
3139
原创 判断设备型号（移动、pc）
判断设备型号（移动、pc）if( navigator.userAgent.match(/Android/i) || navigator.userAgent.match(/webOS/i) || navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPad/i) || navigator.userAgent.match(/iPod/i) || navigator.userAgent.match(/BlackBerry/i)
2020-07-07 13:51:24
232
原创 文件上传实时获取上传进度（axios）
文件上传实时获取上传进度（axios） frontBeforeUploadVideo: function (file) { return false; }, // 上传 change frontHandleChangeVideo(info) { const formData = new FormData() formData.append('file', info.file) formData.append
2020-07-07 13:47:10
706
原创 海康视频在线预览
海康视频时时在线预览，其中的视频文件路径 可以使用湖南卫视在线播放地址rtmp://58.200.131.2:1935/livetv/hunantv如果能正常播放时可自行换成自己的播放地址<script src="http://vjs.zencdn.net/5.19/video.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/videojs-flash@2/dist/videojs-flash.
2020-07-02 15:14:56
1129
原创 防抖函数
防抖和节流是在js性能优化方面非常重要的一环，它们主要针对的是一些短时间内会被频繁触发的事件，比如监听输入框的输入事件来验证表单，监听页面的滚动事件来实现列表的加载，窗口的 resize 事件等等，这类事件都有触发频次高，间隔时间很短的特点，如果这个事件的回调函数涉及到很多计算以及DOM的重绘的话，就可能会导致卡顿，影响到用户体验，所以我们最好是使用防抖和截流这样的函数来优化一下。应用场景：搜...
2019-12-23 16:12:54
125
海康视频在线播放m3u8及调试工具.zip
2020-07-02
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人