antd input去除历史记录 一、ant-design Input 组件取消自动显示输入历史Form默认开启 aotuComplete 功能，当submit 时会记录输入历史，取消自动补充功能，只需在Form 上加autoComplete=“off”即可关闭自动提示输入历史 (这里的Complete的C需要大写)<Input placeholder="请输入验证码" autoComplete="off"/>如果是原生 js 的 input 框则增加属性: autocomplete=“off” (这里的complet
git提交失败 报错running pre-commit hook:lint-staged 新项目，在git提交报如下错 这句话的意思，大概是有一个钩子，提交前检查项目代码的规范，eslint的检查。提交失败的原因：项目中error过多，导致检测未通过，提交失败。来个简单粗报 见效快的解决方法不进行检查删除掉pre-commit hook，具体在项目文件夹.git\hooks目录下，找到文件pre-commit...
Ant design pro formItem validator报警告 `callback` is deprecated. Please return a promise instead. 最近做表单校验时遇到一个警告 `callback` is deprecated. Please return a promise instead.原因 :新版的antd使用了React的hooks，表单中的字段效验方法进行了一些修改。原来的回调方法改成返回一个Promise对象原来的写法 const NameValidator = (rule, value, callback) => { if (value) { const nameLength = getText
react 解决antd之Cascader级联标签、Select标签 无法动态修改defaultValue的属性值的办法 在antd的Cascader级联标签中，想要用变量来控制默认值的显示，经过尝试发现默认值只能写死某个数，Select标签也是一样。例如： <Cascader key={aabbcc} options={this.state.activeStoreCategoryList} expandTrigger="hover" defaultValue={[440,442,626]} onChange={this.categoryChange} />解决办法：为
antd Design中关于Form表单 setFieldsValue 的使用 最近项目使用的是antd Design 4.x 版本，碰到个需要加载后端数据并展示，并且用户可以进行修改的需求，前端采用的是antd的Form表单来实现form表单要回填数据一般会想到的是initialValues，但是这是适用于初始化值的时候，官方文档的原话：“initialValues 不能被 setState 动态更新，你需要用 setFieldsValue 来更新” 。搜索一番setFieldsValue的使用，基本上都是：this.props.form.setFieldsValue, props
解决 nginx 启动错误“nginx: [emerg] host not found in upstream “ 解决 nginx 启动错误"nginx: [emerg] host not found in upstream "利用nginx进行反向代理的时候，我们会配置proxy_pass。在启动nginx的时候，会报如下错误：其实nginx配置语法上没有错误的,只是系统无法解析这个域名,所以报错.解决办法就是添加dns到/etc/resolv.conf 或者是/etc/hosts,让其能够解析到IP。类似windows下的hosts文件的修改。具体步骤如下：vim /etc/hosts //修改ho
处理iOS系统h5页面长按二维码图片不识的问题 问题环境测试设备：手机：iphoneXR,系统：iOS13.4.1微信版本：7.0.12问题：二维码图片，长按不识别，且图片浮在屏幕上然后会出现菜单提示保存图片iOS系统中，点按图片，图片会浮在屏幕上方，图片下方会出现iOS系统默认的共享等菜单。这种情况，无法实现长按识别问题。同一版本的微信iphone系统低版本没问题解决方法，设置图片样式，阻止默认行为： img { -webkit-touch-callout: none; }...
微信小程序未授权的用户获取openId 首先微信小程序在用户未授权的情况下是否可以获取用户的openId呢，这个答案是肯定的，能！那怎么在用户未授权的情况下获取用户的openid呢看一下微信小程序获取openId的API我们应该会一目了然js_code的值需要前端通过调wx.login获取前端代码wx.login({ success (res) { if (res.code) { ...
移动端H5页面禁止长按复制和去掉点击时高亮 /*设置IOS页面长按不可复制粘贴，但是IOS上出现input、textarea不能输入，因此将使用-webkit-user-select:auto;*/ *{ -webkit-touch-callout:none; /*系统默认菜单被禁用*/ -webkit-user-select:none; /*webkit浏览器*/ -khtml-user-sele...
安利一款h5页面生成海报的插件---html2canvas html2canvas会将HTML内容写入Canvas生成图片html2canvas官网在开始使用脚本之前，需要了解一些有关脚本及其某些限制的知识。**介绍**html2canvas 能够实现在用户浏览器端直接对整个或部分页面进行截屏。这个html2canvas脚本将当页面渲染成一个Canvas图片，通过读取DOM并将不同的样式应用到这些元素上实现。浏览器兼容性它不需要来自服务器任...
React中constructor(props){ } super() 、super(props)究竟是什么 定义class组件，为什么需要加上 super() ？1.我们尝试去掉 super() 看看编译的结果：constructor() { this.state = {searchStr: ''}; this.handleChange = this.handleChange.bind(this);}编译错误：提示少写了super()，导致 Reference Errorcla...
针对小程序单独的页面生成二维码 - 踩坑 首先看小程序官方API，有三种生成二维码的形式，可以根据产品需求业选择不同的生成方式，文档里写的很清楚，这里不再多阐述。获取access_tokenhttps://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=APPID&secret=秘钥请求生成二维码 (json数据去请求）,我...
JavaScript超长数字问题总结 最近在做项目的时候 遇到2个超长数字的问题 在这里总结下问题一： app里的内嵌h5页面, IOS系统，超长数字颜色会变成蓝色在iPhone 手机上默认值是（电话号码显示为拨号的超链接）<meta name="format-detection" content="telephone=yes"/>可将telephone=no，则手机号码不被显示为拨号链接<meta ...
内嵌在app里的h5页面实现分享 今天在做项目的时候， 有一个功能是内嵌在app里的h5页上有一个按钮，点击按钮要呼起微信的通讯录，进行分享，分享完成之后调后端接口记录分享次数。如下图，呼起微信通讯录的界面是这样子：由于微信限制，首先可以确认的一点是， 直接呼起微信通讯录，就记为分享成功（不管是选择联系人去分享还是直接点击页面上的关闭按钮都会识别为分享成功）。实现分享，并且分享后有其他操作，所以app要提供一个协议供h...
css - 3D旋转 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>3D旋转</title> <script src="https://www.jq22.com/jquery/jquery-3.3.1.js"></...
git husky预提交失败的解决办法 今天git合并test分支有冲突，解完冲突后提示代码，有以下报错git -c diff.mnemonicprefix=false -c core.quotepath=false -c credential.helper=sourcetree commit -q -F /var/folders/gv/sxmmvh_s4l9bfrb6mjsl0v800000gn/T/SourceTreeTem...
关于APP内嵌H5页返回按钮的问题 用h5做了一个简单的攻略页，浏览页面20s后自动发放一个攻略红包，当浏览页面不到20s 点击页面顶部的返回按钮要先清定时器，然后再返回上一页，h5页面是react单页面这个h5页是被内嵌在微信小程序和ios、安卓的app里，首先在小程序里用web-view把h5页引进来，顶部的返回是小程序原生的就可以完成这个功能，点击返回的时候，页面就会销毁， react页面销毁会执行componen...
解决因为手机设置字体大小导致h5页面在webview中变形的BUG 解决因为手机设置字体大小导致h5页面在webview中变形的BUG首先，我们做了一个H5页面，在各种手机浏览器中打开都没问题。我们采用了rem单位进行布局，通过JS来动态计算网页的视窗宽度，动态设置html的font-size，一切都比较完美。这时候，你自信满满的将h5地址交给了APP工程师，做了一个WEBVIEW嵌套，然后就顺利交工了。测试组在一堆手机中测试APP，突然，在某个手机上打开，...
CSS -webkit-box-orient: vertical 属性编译后丢失问题详解 最近在写项目的时候遇到一个问题，需求是标题只显示2行，超出显示...代码如下overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidd...
关注
