- 博客(154)
- 资源 (10)
- 收藏
- 关注
原创 uniapp微信小程序图片裁剪插件,支持自定义尺寸、定点等比例缩放、拖动、图片翻转、剪切圆形/圆角图片、定制样式
1.自定义裁剪尺寸2.定点等比例缩放:移动端以双指触摸中心点为缩放中心点,PC端以鼠标所在点为缩放中心点3.自由拖动:支持限制滑出边界,也支持回弹效果(滑动时可滑出边界,释放时回弹到边界)4.图片翻转:在裁剪尺寸非 1:1 的情况下,翻转时宽高无法铺满裁剪区域时,图片会自动放大到合适尺寸5.裁剪生成新图片6.本地选择图片7.可定制样式:可自由选择是否渲染裁剪边框、可伸缩裁剪顶角、参考线8.裁剪圆角图片:圆形、圆角矩形
2022-12-05 11:14:09 7805 5
原创 微信小程序wxs调用callMethod报渲染层错误Call method on a non-custom-component node is invalid......
[渲染层错误]Call method on a non-custom-component node is invalid. Call on the owner component or page instead. To avoid this error hint, try not to call method on `event.instance` , but on `ownerInstance` instead.
2022-12-02 09:30:21 737
原创 【canvas教程】实现画布拖动、定点缩放,支持手势与鼠标滚轮操作
如果你对于canvas接触的比较少,在需要处理canvas绘制图表或图片的拖动、缩放等问题时可作参考。支持手势或鼠标滚轮定点缩放,可从图中选取某点(参照物)为中心点进行缩放,缩放时无论图像怎么变化,该点位置始终固定不变。
2022-11-09 15:23:48 4764
原创 Ant Design Vue的a-tree组件实现点击文字选中/取消选中节点
Ant Design Vue的a-tree组件实现点击文字选中/取消选中节点
2022-08-03 10:53:34 4895 2
原创 css图形绘制:实现内凹圆角、月亮、拼图块、优惠券(无隐藏图形遮挡下层元素)
核心知识点:CSS radial-gradient() 函数,用径向渐变创建 "图像"
2022-07-12 14:06:29 1999
原创 input宽度随输入内容自适应(以el-input为例)
1.input用绝对定位,使其宽度与父容器保持一致2.利用一个隐藏的div对齐input的内容,以此来撑开父容器宽度
2022-05-27 14:06:38 9097
原创 css阻止IOS长按弹出系统菜单
touch-callout: none;-webkit-touch-callout: none;-ms-touch-callout: none;-moz-touch-callout: none;
2021-04-17 16:42:40 514
原创 css仿微信抢红包动画(uniapp)
效果演示:代码:<template> <view> <view v-if="packerState != 3" class="packer-box flex-column"> <view class="packer-bg anim-ease-in" :class="{ 'anim-fade-out': packerState == 2 }"></view> <view class="packer-bottom-
2021-03-27 15:53:46 1559 3
原创 uniapp图片编辑器,支持自定义尺寸、缩放、拖动、裁剪
支持功能:1.自定义裁剪尺寸2.等比例缩放3.自由拖动5.裁剪生成新图片6.本地选择图片
2021-03-03 14:15:50 8055
原创 隐藏scroll-view滚动条
::-webkit-scrollbar { width: 0; height: 0; color: transparent;}
2021-03-02 09:45:35 184
原创 微信小程序或uniapp调整checkbox、radio、switch组件选中时颜色
微信小程序.wx-checkbox-input-checked,.wx-radio-input-checked,.wx-switch-input-checked { background-color: #0099ff !important; border-color: #0099ff !important; color: #fff !important;}uniapp.uni-checkbox-input-checked,.uni-radio-input-checked,.uni
2021-03-02 09:43:29 1881
原创 css适配iphonex底部安全区
.safe-area-inset-bottom { padding-bottom: 0; padding-bottom: constant(safe-area-inset-bottom); // 兼容 IOS<11.2 padding-bottom: env(safe-area-inset-bottom); // 兼容 IOS>=11.2}注:H5设置meta标签viewport-fit值为cover才有效(小程序默认),即令页面内容充满可视窗口,而非默认auto/c..
2021-03-02 09:34:51 2617
原创 css限制文字行数
限制单行文字.single-text { min-width: 0; // 防止其他元素被挤压 text-overflow: ellipsis; // 超出文字显示... word-break: break-all; overflow: hidden; white-space: nowrap;}限制两行以上文字.double-text { min-width: 0; // 防止其他元素被挤压 overflow: hidden; text-overflow: ellipsi.
2021-03-02 09:14:11 642
原创 uniapp中背景音频管理器(getBackgroundAudioManager)中onPrev和onNext不生效/回调
// #ifdef APP-PLUSconst player = plus.audio.createPlayer();player.addEventListener('prev', () => { });player.addEventListener('next', () => { });// #endif
2020-12-07 20:24:27 1147
原创 获取微信公众号关注页链接
登录公众号 点击“账号详情” 右键查看网页源代码 搜索‘uin_base64’获取对应值 赋值给如下跳转链接的__biz参数:https://mp.weixin.qq.com/mp/profile_ext?action=home&__biz=#wechat_redirect
2020-10-24 20:12:19 1074 3
原创 解决使用 Transporter 上传 ipa 到 App Store 时,会卡住或者非常慢
原因Transporter 安装上第一次打开后,会在硬盘目录:~/Library/Caches/com.apple.amp.itmstransporter 目录下下载一些缓存文件,这些缓存文件没有下载完,或者下载失败没下载完时,使用Transporter去提交应用这个页面就会卡住或者这个页面很慢。使用到https://github.com/iOSDevLog/com.apple.amp.itmstransporter/releases 下载zip 包,或者 git clone https://.
2020-10-24 16:21:54 2348
原创 connectSocket成功后不触发onSocketOpen
链接方式应该使用wss://,而非ws://,否则会导致偶尔无法触发onSocketOpen,甚至完全无法触发。
2020-10-16 10:36:53 3575 3
原创 vue/uniapp/小程序中修改基本类型的变量值后没有触发界面更新
必须保持原变量类型与新变量类型一致,否则只要判断值相等则不会触发界面更新。例如'1.00'==1、'10.0'==10等
2020-09-08 22:53:43 1014
原创 CSS的3D应用:立方体沿边翻滚动画
实现效果:代码实现:<view class="page"> <view class="m-30" style="margin-top: 90rpx;">翻滚吧!立方体!</view> <view class="board"> <!-- start 参考线 --> <view style="position: absolute; font-size: 0; transform: translateZ(-72rpx);"
2020-07-21 17:28:42 325
原创 CSS的3D应用:绘制长方体
实现效果:绘制步骤:① 绘制6个面,2个正方形 + 4个长方形② 旋转各个面的角度③ 摆放各个面的位置代码实现:<div class="cuboid"> <div class="bottom">下</div> <div class="top">上</div> <div class="right">右</div> <div class="left">左</div>
2020-07-21 17:08:54 2090
原创 CSS的3D应用:绘制立方体
实现效果:绘制步骤:① 绘制6个正方形② 旋转各个正方形的角度③ 摆放各个正方形的位置代码实现:<div class="cube"> <div class="bottom">下</div> <div class="top">上</div> <div class="right">右</div> <div class="left">左</div> <div c
2020-07-21 16:52:08 872
原创 将微信支付安全证书(.p12类型文件)转为字节数组并取得HEX(16)加密后的字符串
import java.io.ByteArrayOutputStream;import java.io.FileInputStream;import java.io.FileNotFoundException;import java.io.IOException;public class test { public static void main(String[] a...
2020-04-19 20:22:51 1239
原创 微信服务商统一下单吊起微信支付报错:“支付验证签名失败”
1.检查签名是否能通过“微信支付接口签名校验工具”:https://pay.weixin.qq.com/wiki/doc/api/jsapi_sl.php?chapter=20_12.统一下单接口需要对签名进行二次签名后才可供吊起微信支付接口使用//二次签名只需如下参数即可MD5.Encode( "appId=" + sub_appid + "&nonceStr...
2019-11-14 21:05:44 1815 3
原创 微信服务商调用接口返回“appid和openid不匹配”
sub_appid是小程序的APPID时,接口参数中无需使用openid,应使用sub_openid。
2019-11-13 21:29:24 6833 4
原创 微信支付服务商邀请预约商户授权分账(“没有分账权限”)
Step 1:登录服务商平台 >> 产品中心 >> 特约商户授权产品 >> 服务商分账Step 2:① 预约商户绑定微信会收到“微信支付商家助手欧”的授权信息进行设置分账比例后输入支付密码授权② 登录商户平台授权:产品中心 >> 我授权的产品 >> 服务商分账授权(右上角第一个菜单“消息中心”也可查看授权信息)...
2019-11-13 21:21:45 5945 3
原创 微信服务商配置特约商户的APPID(“sub_mch_id与sub_appid不匹配”)
特约商户的APPID配置需在服务商后台配置Step 1:登录服务商平台 >> 服务商功能 >> 特约商户管理 >> 配置(指定某个商户号的开发配置)Step 2:在特约商户APPID配置中添加关联的APPID...
2019-11-13 20:43:31 8136 3
原创 error: RPC failed; curl 18 transfer closed with outstanding read data remaining
error: RPC failed; curl 18 transfer closed with outstanding read data remaining配置的缓存空间不够导致的,调大就行了(如下调整为500M)$ git config --global http.postBuffer 524288000查看配置情况$ git config --list...
2019-11-09 16:32:03 266 1
原创 清除button所有样式
button { margin: 0; padding: 0; outline: none; border-radius: 0; background-color: transparent; line-height: inherit; width: max-content;}button:after { border: none;}
2019-10-24 23:40:59 6686 5
原创 IOS上input/textarea组件输入光标太高/太长的调整办法
假如希望input的高度是40px,把height/line-height的值设置为足够显示内容的值或者光标的最大理想高度,其余高度用padding填充保证输入组件有足够的响应区域。input { padding: 10px 0; height: 20px; line-height: 20px;}...
2019-10-19 10:41:12 1261
原创 “WGT安装包中manifest.json文件不存在”与解决办法
1.wgt不能文件重名保证保存路径下的wgt名称唯一,可每次下载都创建一个名称唯一的文件夹来储存,避免重复。如用当前长整数类型的时间值作为文件名。plus.downloader.createDownload( url, { filename: '_doc/update/' + new Date().getTime() + '/' }, function(res...
2019-10-18 15:07:24 6678 5
原创 from PIL import Image ModuleNotFoundError: No module named 'PIL'
错误描述:from PIL import ImageModuleNotFoundError: No module named 'PIL'解决办法:Step 1:打开命令窗口,Win+R打开运行窗口输入:cmd。Step 2:进入python安装路径下的Scripts目录中,如:cd C:\Users\Administrator\AppData\Local\Programs\Pyt...
2019-05-27 15:43:35 7417 2
原创 import requests ModuleNotFoundError: No module named 'requests'
错误描述:import requests ModuleNotFoundError: No module named 'requests'解决办法:Step 1:打开命令窗口,Win+R打开运行窗口输入:cmd。Step 2:进入python安装路径下的Scripts目录中,如:cd C:\Users\Administrator\AppData\Local\Programs\Pyth...
2019-05-27 15:39:13 7061
原创 MPAndroidChart3使用详解7:RadarChart(雷达图)
1 简述2 使用Step 1:在布局文件(.xml)中添加雷达图控件<com.github.mikephil.charting.charts.RadarChart android:id="@+id/rc" android:layout_width="match_parent" android:layout_height="match_parent"/...
2019-05-22 13:57:36 4447 5
原创 MPAndroidChart3使用详解9:RadarChart(雷达图)顶角显示圆点——重写RadarChart控件添加顶角圆点绘制方案
目录1 思路:2 实现:3 效果:1 思路:查看RadarChart控件源码,找到绘制网线的相关源码,获取到各个顶点的坐标后,便可以在各个顶点绘制圆。Step 1:既然圆点是在网线各个顶点,那便跟绘制网线相关联,我们可以从绘制网线的公开方法入手去查找,最先想到就是setDrawWeb方法,直接影响网线的绘制,这个方法也很简单只设置了mDrawWeb的值。Ste...
2019-05-22 13:56:52 1998 7
原创 MPAndroidChart3使用详解8:RadarChart(雷达图)顶角显示圆点——额外设置一组顶点值数据方案
目录1 实现:2 效果:1 实现:Step 1:分别新建5个shape资源文件。Step 2:内容如下,根据个人需求更改颜色、半径、尺寸。<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android"...
2019-05-22 12:54:51 2878 7
原创 nginx全局变量
变量名 英释 中译 $arg_name argument name in the request line. 请求URL中的参数名称。 $args arguments in the request line. 请求URL中包含的参数。 $binary_remote_addr client address in a binary form,...
2019-05-06 11:01:10 496
小程序自定义组件可滑动切换选项卡tab-view
2018-08-26
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人