- 博客(13)
- 收藏
- 关注
RSS订阅原创 使用big.js处理计算精度问题
使用big.js处理计算进度问题import Big from "big.js";export const pint = { // 除法 division(a = 0, b = 0) { return new Big(a).div(b).toNumber(); }, // 加法 add(a = 0, b = 0) { return new Big(a).plus(b).toNumber(); }, // 乘法 multip(a = 0, b = 0).
2021-11-22 15:22:30
1211
原创 React-Native开发记录
TextInput使用该组件时页面需要用ScrollView包裹，否则在点击页面其他地方时，输入框不会失焦，软键盘也不会收回。Text使用该组件时，如果需要展示多行，必须设置行高样式，否则会出现文本内容最后一行被压缩，展示不全的问题。.........
2021-07-14 10:23:06
1883
原创 移动端监听用户在盒子内的滑动事件
var startx, starty; //获得角度 function getAngle(angx, angy) { return (Math.atan2(angy, angx) * 180) / Math.PI; } //根据起点终点返回方向 1向上滑动 2向下滑动 3向左滑动 4向右滑动 0点击事件 function getDirection(startx, starty, endx, endy) { var angx = endx -
2021-06-17 11:31:10
373
原创 h5移动端rem适配
npm i postcss-pxtorem@5.1.1npm i amfe-flexible在main.js中引入包：import 'amfe-flexible'在项目根目录下创建.postcssrc.js,注意这个文件名前有个点，然后根据需求进行配置:这个配置是根据375设计稿来写的，如果是750设计稿只需要变rootValue即可，这一套配置可以实现项目中部分页面需要适配移动端的应用场景。...
2021-06-16 09:35:23
267
原创 处理iphone底部状态栏与内容重合的问题
在开发vue+vant移动端项目时，发现iphone底部状态栏会跟底部弹出框重合，vant官网提供了适配方案，这是vant适配方案地址:https://youzan.github.io/vant/#/zh-CN/advanced-usage#di-bu-an-quan-qu-gua-pei上面是使用vant框架时使用的方案，我们在未使用框架或者使用了其他框架，需要自己在样式中进行底部适配时可以使用以下方案:在index.html文件中的meta标签中引入：<meta name="viewpo
2021-06-10 11:12:43
572
原创 移动端禁止用户缩放页面大小尺寸
通常我们关闭移动端页面缩放是通过标签： <meta name="viewport" content="width=375,initial-scale=1,user-scalable=no">这个方法有局限性，因为部分浏览器存在可支持用户强制缩放的功能，所以想要完全禁止用户的触控缩放，需要在项目index.html中监听用户双击、双指触摸事件来禁止放大： //禁止双指放大 document.documentElement.addEventListener('touchstart',
2021-05-28 10:41:52
2077
原创 解决canvas生成base64图片不清晰的问题
在项目开发中使用到了canvas将图片文字合成一张海报，供用户长按下载至手机相册使用，但生成的图片到移动端时看上去很模糊，然后通过以下方式解决了问题：这里我的项目中底图宽高比例是300/368，所以是直接使用的，需要用到的可以根据自己图片大小来定制。...
2021-05-28 10:35:32
2968
原创 element-ui中单独给table组件表头加样式
element-ui中单独给table组件表头加样式要单独给表头加样式，需要在页面结构中找到类名，并在组件中添加样式穿透来改变表头样式，如果添加了边框，那么需要给表头设置box-sizing:border-box;如要给表头加上黑色边框：::v-deep .el-table__header-wrapper { border: 3px solid #000; border-radius: 10px; width: 100%; box-sizing: border-box;}上面是在
2020-07-13 18:19:55
5044
原创 element-中table文字居中对齐
element-中table文字居中对齐想要让table组件中的文字居中对齐，需要找到所有的th,td，给它们加上text-align:center;但是在自己的组件中想要获取到th、td需要用到样式穿透，less的样式穿透为:/deep/; scss的样式穿透为：::v-deep设置文字居中对齐示例(scss)：::v-deep .el-table th,::v-deep .el-table td { text-align: center !important;}...
2020-07-13 18:04:37
8500
5
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人