
前端
Homilier
晨起迷雾,心有归处,遮不住我前方的路。
展开
-
threejs教程:绘制3D地图(广东省区划图)
threejs的使用教程案例,绘制3D地图(广东省区划图)原创 2024-06-18 17:31:22 · 2198 阅读 · 2 评论 -
【canvas教程】实现画布拖动、定点缩放,支持手势与鼠标滚轮操作
如果你对于canvas接触的比较少,在需要处理canvas绘制图表或图片的拖动、缩放等问题时可作参考。支持手势或鼠标滚轮定点缩放,可从图中选取某点(参照物)为中心点进行缩放,缩放时无论图像怎么变化,该点位置始终固定不变。原创 2022-11-09 15:23:48 · 6238 阅读 · 0 评论 -
【canvas教程】绘制大图并实现画布拖动
如果你对于canvas接触的比较少,在需要处理canvas绘制图表或图片的拖动问题时可作参考。原创 2022-11-04 15:22:55 · 1513 阅读 · 0 评论 -
Ant Design Vue的a-tree组件实现点击文字选中/取消选中节点
Ant Design Vue的a-tree组件实现点击文字选中/取消选中节点原创 2022-08-03 10:53:34 · 6322 阅读 · 2 评论 -
input宽度随输入内容自适应(以el-input为例)
1.input用绝对定位,使其宽度与父容器保持一致2.利用一个隐藏的div对齐input的内容,以此来撑开父容器宽度原创 2022-05-27 14:06:38 · 10006 阅读 · 0 评论 -
css阻止IOS长按弹出系统菜单
touch-callout: none;-webkit-touch-callout: none;-ms-touch-callout: none;-moz-touch-callout: none;原创 2021-04-17 16:42:40 · 630 阅读 · 0 评论 -
connectSocket成功后不触发onSocketOpen
链接方式应该使用wss://,而非ws://,否则会导致偶尔无法触发onSocketOpen,甚至完全无法触发。原创 2020-10-16 10:36:53 · 4115 阅读 · 3 评论 -
vue/uniapp/小程序中修改基本类型的变量值后没有触发界面更新
必须保持原变量类型与新变量类型一致,否则只要判断值相等则不会触发界面更新。例如'1.00'==1、'10.0'==10等原创 2020-09-08 22:53:43 · 1148 阅读 · 0 评论 -
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 · 428 阅读 · 0 评论 -
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 · 2550 阅读 · 0 评论 -
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 · 1261 阅读 · 0 评论 -
swiper的item为圆角,在滑动切换的过程中出现直角(保持圆角)的解决方案
q原创 2020-06-23 11:56:37 · 5021 阅读 · 7 评论 -
清除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 · 6830 阅读 · 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 · 1463 阅读 · 0 评论 -
设置input和textarea光标颜色
input,textarea { caret-color: #FA0560;}原创 2019-10-19 10:28:04 · 1958 阅读 · 0 评论 -
“WGT安装包中manifest.json文件不存在”与解决办法
1.wgt不能文件重名保证保存路径下的wgt名称唯一,可每次下载都创建一个名称唯一的文件夹来储存,避免重复。如用当前长整数类型的时间值作为文件名。plus.downloader.createDownload( url, { filename: '_doc/update/' + new Date().getTime() + '/' }, function(res...原创 2019-10-18 15:07:24 · 7244 阅读 · 5 评论 -
重写toFixed方法,实现四舍五入保留小数
思路:首次,将数分为整数和小数部分。其次,判断小数部分是否超出要保留的位数,如果超出,则将超出的部分作为新的小数,使用Math库中round方法去四舍五入取整得出进位(0或者1)。最后,将此进位数加上保留的小数部分,如果结果多出位数说明失去小数部分需要向整数进位了,否则则输出,整数+小数点+(保留的小数部分+进位数)。 /** * arg以四舍五入的方式保留小数点后n位...原创 2019-01-20 11:45:26 · 1182 阅读 · 2 评论 -
js做四则运算时,精度丢失问题及解决方法
一、前言:这个问题可以说是程序员必踩的坑,因此网上针对该问题的分析有很多也很详细,解决方法也比较统一,写法也是大同小异,本以为预期效果真能如他们所说是完美的,然而效果却是差强人意。二、问题:首先,先来看看两数相加的一个经典问题,网上找过不少资料的人会发现,大多数人分析精度问题都是由此展开,然而最后所谓的解决方法成也在它,败也在它。0.1+0.2=0.30000000000000...原创 2019-01-20 11:26:40 · 7623 阅读 · 9 评论