- 博客(14)
- 收藏
- 关注
RSS订阅原创 Charles mac 安装证书显示【不能修改“System Roots”钥匙串】
charles 在 mac 中安装证书时遇到 “不能修改 System Roots 钥匙串“ 时的解决方法
2022-12-22 21:14:17
5446
1
原创 Charles抓包失败解决方法
mac或者pc浏览器中抓包失败可能原因及解决方式：浏览器安装了代理插件（如Proxy SwitchyOmega等），关闭插件。charles证书过期，需要安装并信任证书，需要安装在默认的“登陆”中而不是“系统”中。参考：https://blog.csdn.net/mouday/article/details/80461057ios中抓包失败如果证书过期了，需要重新下载证书安装，最重要的是在 “设置 - 通用 - 关于本机 - 证书信任设置” 中信任证书。...
2021-12-16 16:09:09
892
1
原创 swiper应用于tab滑动切换时高度不一致问题解决
遇到的问题：移动端h5频道页需要滑动切换tab，于是便使用了swiper，滑动效果很流畅，但是因为每个tab下商卡数量不相同，导致每个swiperSlide的高度都有可能不一样，导致的结果就是在tab1下商卡数量很多时，滑到tab2时会在tab2下面多一大块空白。解决过程中遇到的问题：swiper自带了autoHeight属性，如果tab内容是不依赖于接口或者分页的情况应该可以解决。但是我tab下的内容是分页的，每个tab的高度本身就是随着分页的加载越来越高的，用了autoHeight会swiperS
2021-11-30 21:31:47
2237
原创 swiper个别机型闪动，看不到轮播效果
在react中使用swiper6时，个别老iphone机型出现了滑动时图片闪动，只出现半张图片的情况，按照网上的做法，在swiper组件外层的容器中添加： transform:translate3d(0,0,0); overflow:hidden;在swiperSlide内部的item中添加： transform:translate3d(0,0,0)可以解决。但是还是会出现滑动很快，看不到滑动效果，直接从第一张切到第二张的情况，可以减慢swiper的动画效果，设置speed属性，默认为300
2021-09-24 19:40:13
480
原创 antd form表单获取不到Input的值
今天遇到了一个神奇的bug，在form表单的input框内输入的值不能被form获取，导致输入了内容依然会报未输入的提示：搜了好久没找到原因，后来发现是因为加了%。。。应该是Form.Item和Input之间不能有其余内容。启发来自：https://blog.csdn.net/wangzhichaogege/article/details/111913025...
2021-05-17 16:00:30
1713
原创 img标签图片加载失败时兜底图的设置
对于c端应用，图片兜底非常重要，否则当后台没有返回图片，或者图片地址失效时就会出现下面这种情况：最简单的方法时在img标签的onError回调中进行处理：<img className='recieve-item-img' src={data.trialImg} onError={(e)=>imgError(e)} />const imgError = (e, isShow, src) => { if(!isShow){ e.target.style.displa
2021-04-21 16:16:18
2068
原创 煎牛排教程
作为一个厨房门外汉，之前煎过好几次牛排，味道都比较一般，直到最近看了几个视频然后又煎了一次，终于体会到了牛排的美味，记录一下：牛排选取厚切西冷牛排比较容易煎，而且口感不错，最好选取新鲜的牛排，而不是那种真空包装的冷冻牛排。配料准备橄榄油、黑胡椒粉、盐、黄油制作过程1.新鲜牛排不用清洗，放到盘子或者砧板上用厨房纸吸干表面水分；2.在牛排表面撒上盐和胡椒粉，但是不用腌制，时间久了牛肉容易出水；3.在煎锅中倒入橄榄油，不能太少，油少了容易焦；4.油热以后放入牛排，翻面后适当小火，然后放入黄油；
2021-03-23 16:45:30
258
4
原创 react-hook-form 中 antd 组件Input 输入按字节限制长度（汉字占2个字节，字母1个字节）
“文案上限为20个字符（10个汉字）”产品需求一个小括号，开发实现一下子复杂了很多。input和antd中Input组件的maxLength只统计字符长度，中英文标点都算一个长度，所以为了实现这个需求，只能在onInput中监听输入的事件，判断输入的内容中汉字的个数和非汉字的个数。 const lengthVerification = (v, maxLength, data) => { let value = v.target.value;//antd组件中获取当前输入的值
2021-03-23 16:06:14
2921
原创 ios中页面某一块不显示，点击vconsole后显示，ios下z-index兼容问题
在开发过程中遇到某一块div不显示，但是点击vconsole后之前不显示的div又显示异常，而且这种情况只出现在ios的页面中，排查了好久，最后发现是ios对z-index的兼容问题，应该是命中了下面的某一种情况，导致ios中z-index没有生效，重新设置div的排列顺序可解决：一.zindex和transform translateZ冲突问题1.在android上，如果对元素同时设置zindex和transform translateZ的值时，在显示上zindex的优先级要高于translateZ
2021-03-01 11:36:52
900
1
原创 swiper首尾两项不居中其余项居中
swiper的使用中有一种场景是首尾两项靠左或者靠右显示，其余项居中显示，如图：如果所有项都居中并且露出相邻项的一部分，可直接如下设置：const settings = { // 两遍显示相邻两张 slidesPerView: 'auto', // 相邻两张间距 spaceBetween: 12, // swiper动态加载 observer:true, observeParents:true, // 当前页居中显示 centeredSlides: tr
2021-01-27 20:59:26
2396
原创 解决safari浏览器出现地址栏和工具栏时样式被遮挡的问题
在ios上使用safari浏览器时，有时候会发现不出现上下地址栏和工具栏时样式正常，但是出现地址栏和工具栏时，部分元素会被工具栏遮挡，部分元素会被工具栏往上顶，区别是fixed定位会随着地址栏和工具栏的出现自适应，absolute定位则不会。...
2021-01-25 19:21:56
5628
原创 react-hook-form删除输入块时显示异常
使用react-hook-form结合antd做表单时，想要做一个可增加和删除输入框的功能，如下图然而会存在删除第二行时，显示的却是少了第三行的情况：变成：其实查看表单结果，确实是删除了第二行，但页面显示的效果感觉像是删除了第三行，其实是代码块的key值问题，给最外层循环绑定了key值就能解决（这里是Space这一层）：{fields.map((field, index) => ( <Space key={field.id}> <
2021-01-25 14:19:08
256
原创 React-hook-form结合antd时defaultValue不更新的解决方式
最近使用react-hook-form结合ant design的输入组件做表单，发现从接口获取的组件defaultValue不会更新到antd组件上，后来发现是因为antd的defaultValue一旦赋值不允许再次修改。解决方法：将antd的key设置成defaultValue一致，或者随defaultValue一起更新，defaultValue更新时，因为key不同，组件会重新渲染，更新defaultValue。<Controller as={ <Input />
2021-01-25 14:00:56
1824
4
原创 百度地图自动缩放与指定中心点的自动缩放
百度地图自动缩放与指定中心点的自动缩放根据指定中心点，自动计算缩放等级效果图： function getZoom (list) { var point0 = new BMap.Point(list[0].lon, list[0].lat); var maxDistance = 0; for(var i = 1; i<list.length;i+
2020-09-30 15:49:21
3122
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人