dhw276的博客

charles 在 mac 中安装证书时遇到 “不能修改 System Roots 钥匙串“ 时的解决方法

mac或者pc浏览器中抓包失败可能原因及解决方式：浏览器安装了代理插件（如Proxy SwitchyOmega等），关闭插件。charles证书过期，需要安装并信任证书，需要安装在默认的“登陆”中而不是“系统”中。参考：https://blog.csdn.net/mouday/article/details/80461057ios中抓包失败如果证书过期了，需要重新下载证书安装，最重要的是在 “设置 - 通用 - 关于本机 - 证书信任设置” 中信任证书。...

遇到的问题：移动端h5频道页需要滑动切换tab，于是便使用了swiper，滑动效果很流畅，但是因为每个tab下商卡数量不相同，导致每个swiperSlide的高度都有可能不一样，导致的结果就是在tab1下商卡数量很多时，滑到tab2时会在tab2下面多一大块空白。解决过程中遇到的问题：swiper自带了autoHeight属性，如果tab内容是不依赖于接口或者分页的情况应该可以解决。但是我tab下的内容是分页的，每个tab的高度本身就是随着分页的加载越来越高的，用了autoHeight会swiperS

在react中使用swiper6时，个别老iphone机型出现了滑动时图片闪动，只出现半张图片的情况，按照网上的做法，在swiper组件外层的容器中添加： transform:translate3d(0,0,0); overflow:hidden;在swiperSlide内部的item中添加： transform:translate3d(0,0,0)可以解决。但是还是会出现滑动很快，看不到滑动效果，直接从第一张切到第二张的情况，可以减慢swiper的动画效果，设置speed属性，默认为300

今天遇到了一个神奇的bug，在form表单的input框内输入的值不能被form获取，导致输入了内容依然会报未输入的提示：搜了好久没找到原因，后来发现是因为加了%。。。应该是Form.Item和Input之间不能有其余内容。启发来自：https://blog.csdn.net/wangzhichaogege/article/details/111913025...

对于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

“文案上限为20个字符（10个汉字）”产品需求一个小括号，开发实现一下子复杂了很多。input和antd中Input组件的maxLength只统计字符长度，中英文标点都算一个长度，所以为了实现这个需求，只能在onInput中监听输入的事件，判断输入的内容中汉字的个数和非汉字的个数。 const lengthVerification = (v, maxLength, data) => { let value = v.target.value;//antd组件中获取当前输入的值

在开发过程中遇到某一块div不显示，但是点击vconsole后之前不显示的div又显示异常，而且这种情况只出现在ios的页面中，排查了好久，最后发现是ios对z-index的兼容问题，应该是命中了下面的某一种情况，导致ios中z-index没有生效，重新设置div的排列顺序可解决：一.zindex和transform translateZ冲突问题1.在android上，如果对元素同时设置zindex和transform translateZ的值时，在显示上zindex的优先级要高于translateZ

swiper的使用中有一种场景是首尾两项靠左或者靠右显示，其余项居中显示，如图：如果所有项都居中并且露出相邻项的一部分，可直接如下设置：const settings = { // 两遍显示相邻两张 slidesPerView: 'auto', // 相邻两张间距 spaceBetween: 12, // swiper动态加载 observer:true, observeParents:true, // 当前页居中显示 centeredSlides: tr

在ios上使用safari浏览器时，有时候会发现不出现上下地址栏和工具栏时样式正常，但是出现地址栏和工具栏时，部分元素会被工具栏遮挡，部分元素会被工具栏往上顶，区别是fixed定位会随着地址栏和工具栏的出现自适应，absolute定位则不会。...

使用react-hook-form结合antd做表单时，想要做一个可增加和删除输入框的功能，如下图然而会存在删除第二行时，显示的却是少了第三行的情况：变成：其实查看表单结果，确实是删除了第二行，但页面显示的效果感觉像是删除了第三行，其实是代码块的key值问题，给最外层循环绑定了key值就能解决（这里是Space这一层）：{fields.map((field, index) => ( <Space key={field.id}> <

最近使用react-hook-form结合ant design的输入组件做表单，发现从接口获取的组件defaultValue不会更新到antd组件上，后来发现是因为antd的defaultValue一旦赋值不允许再次修改。解决方法：将antd的key设置成defaultValue一致，或者随defaultValue一起更新，defaultValue更新时，因为key不同，组件会重新渲染，更新defaultValue。<Controller as={ <Input />

百度地图自动缩放与指定中心点的自动缩放根据指定中心点，自动计算缩放等级效果图： 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+