菜鸟小记-优快云博客

dooring低代码图标组件踩坑Objects are not valid as a React child (found: object with keys {type, key, ref, props, _owner, _store}). If you meant to render a collection of children, use an array instead.

2022-06-09 18:59:31 246

原创 element-ui el-form中的el-input自定义自动获取焦点

el-input自定义自动获取焦点 <el-form-item prop="username"> <el-input v-model.trim="form.username" v-focus style="margin-top: 20px" type="text" placeholder="请输入用户名"

2022-05-11 15:15:29 1375

原创 ios端 z-index不生效问题

安卓使用z-index层级没有问题，但在ios端不生效，比如多个模态框使用z-index时，高层级的z-index始终不能覆盖上来解决办法：在该元素上添加如下css样式transform:translateZ(1px);给某元素设置层级时可同时设置z-index和translateZ， Android和ios互不影响。...

2022-05-07 10:11:08 3832 3

原创 umi项目禁用html缓存

umi项目打包后还是使用上一个版本，存在缓存在项目config.ts或.umirc.ts 内写上metas配置： metas: [ { httpEquiv: 'Cache-Control', content: 'no-cache', }, { httpEquiv: 'Pragma', content: 'no-cache', }, { httpEquiv: 'Expires', content

2022-04-28 19:11:45 2479

原创 Cannot assign to read only property ‘0‘ of object ‘[object Array]‘ 问题

我是使用umi创建的项目，在config里配置了dva: {immer: true,hmr: true,},项目中用了immer，会自动进行冻结，修改数组的时候会出现Immer 在内部做了一件很巧妙的事情，那就是通过 produce 生成的 nextState 是被冻结（freeze）的，（Immer 内部使用Object.freeze方法，只冻结 nextState 跟 currentState 相比修改的部分），这样，当直接修改 nextState 时，将会报错。这使得 nextStat.

2022-04-24 17:00:24 3672

原创最新antd-mobile Form表单使用setFieldsValue初始化表单

你不能用控件的 value 或 defaultValue 等属性来设置表单域的值，默认值可以用 Form 里的 initialValues 来设置。注意 initialValues 不能被 setState 动态更新，你需要用 setFieldsValue 来更新。主要代码一、第一种方法，推荐使用const [form] = Form.useForm() useEffect(()=>{ //defaultBaseInfo你的初始数据 //监听defaultBaseInfo的

2022-04-22 10:28:18 2290

原创 less中使用:global修改antd的原始组件样式

有时候我们需要改变antd的原始样式不生效，less中使用:global修改eg：修改modal的样式.childModalWrap { :global { .am-modal-content { .am-modal-body { max-height: 70vh; overflow-y: scroll; } .am-modal-title { font-size: 1rem; } }

2022-04-20 17:44:40 2731

原创类似checkbox，react，ts自定义多选项，并限制多选数量

方法const [checkedArr, setCheckedArr] = useState([])const setCheckArr = (i: number, v: string) => { let arr = checkedArr let index = 0 for (let i = 0; i < arr.length; i++) { if (arr[i] === v) { inde

2022-04-15 13:41:07 1053

原创 umi配置多环境变量，配置接口的baseUrl

通常情况下，一个项目区分开发环境，测试环境，生产环境，因为后端给的接口测试环境和生产环境的不一样，并且我们的也不是网站前缀，正式环境也需要自己配置，然后整个项目是用umi搭建的，所以用了cross-env来配置不同的环境1、安装cross-envnpm i cross-env -S2、修改package.json文件 "dev": "cross-env UMI_ENV=dev UMI_DEV=true umi dev", "start": "cross-env UMI_ENV=pro

2022-04-15 12:15:13 7236

原创微信网页授权 Vue

详细请看官方文档：https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_webpage_authorization.html示例代码：//微信授权 wxAuth() { const appid='xxxxxxxxx'//公众号的唯一标识 const url=window.location.href //授权后重定向的回调链接地址，请使用 urlEncode 对链接进行处理 c

2022-03-16 15:39:54 932 1

原创 git新建分支将在master修改的文件提交到新的分支

一个新的项目，拉下来的是master分支，一开始只是想看看源码或者忘记了自己没有新建分支，结果后面自己根据需求添加了代码, 但是此时的修改都在master分支，不可以提交，还是要新建分支，要先把修改暂存起来，放到新建分支中，最后在分支执行通过后，才能合并到master分支。1：在当前的master分支上的修改暂存起来git stash2：暂存修改后，在本地新建分支（new_branch为新分支的名字）git checkout -b new_branch3：将暂存的修改放到新建分支中git s

2022-03-16 11:02:17 2609

原创 H5移动端React长按删除实现

长按删除评论功能html<p className='review-content' onTouchStart={(e)=>{this.gtouchstart(e,id)}} onTouchMove={(e)=>{this.gtouchmove(e,id)}} onTouchEnd={(e)=>{this.gtouchend(e,id)}}>哈哈哈哈哈</p>方法 let timeOutEvent=0;//定时器 //长按事件 gtouchst

2022-02-17 11:59:44 1416

原创 react中使用AlipayJSBridge 支付宝支付调用接口在H5网页的应用

支付宝文档：https://opendocs.alipay.com/open/我用的是第二种，如下：AlipayJSBridge在支付宝里才能唤起主要流程：我们做的是支付宝连续包月自动续费，因为支付宝限制原因需要签约两次付费，在客户端显示二维码，客户保存二维码到支付宝扫码进行后续操作前端提供给后端的主要调起流程如下：直接在componentDidMount 里调起，render里可以加一些loading效果，看个人需要componentDidMount = () => {

2022-01-10 11:36:10 4015

原创从浏览器地址栏输入url到显示页面的步骤

用户在自己的浏览器中输入要访问的网站域名。浏览器向本地DNS服务器请求对该域名的解析。本地DNS服务器中如果缓存有这个域名的解析结果，则直接响应用户的解析请求。本地DNS服务器中如果没有关于这个域名的解析结果的缓存，则以迭代方式向整个DNS系统请求解析，获得应答后将结果反馈给浏览器。浏览器得到域名解析结果，就是该域名相应的服务设备的IP地址。浏览器获取IP地址之后，经过标准的TCP握手流程，建立TCP连接。浏览器向服务器发起HTTP请求。服务器将用户请求内容传送给浏览器进行页面渲染。经过标.

2021-08-12 16:14:25 211

原创校验并解析url的query，如字符串 ‘?a=1&b&‘ 会转成对象 {‘a‘:‘1‘,‘b‘:‘‘}

//校验并解析url的query，如字符串 '?a=1&b&' 会转成对象 {'a':'1','b':''}function parseQuery(queryStr){ var reg = /^(\?)?(([^=&\?\s]+)(=([^=&\?\s]+)?)?)?(&([^=&\?\s]+)(=([^=&\?\s]+)?)?)*(&)?$/; if(reg.test(queryStr)){ let obj

2021-07-15 09:22:25 188

原创 HTTP状态码及其含义

HTTP状态码及其含义1XX：信息状态码 100 Continue 继续，一般在发送post请求时，已发送了httpheader之后服务端将返回此信息，表示确认，之后发送具体参数信息2XX：成功状态码 200 OK 正常返回信息 201 Created 请求成功并且服务器创建了新的资源 202 Accepted服务器已接受请求，但尚未处理3XX：重定向 301 Moved Permanently 请求的网页已永久移动到新位置。 302 Found 临时性重定向。 303See Other 临时

2021-07-14 17:41:31 111

原创 js通过身份证获取用户生日和性别，身份证，密码，邮箱正则校验

export function getBirthDateByIdentity(idNumber) { let birthday = idNumber.substring(6, 10) + "-" + idNumber.substring(10, 12) + "-" + idNumber.substring(12, 14); return birthday;}export function getSexByIdentity(idNumber) { le

2021-06-15 08:55:15 435

原创封装时间格式为几秒前，几分钟前，几小时前，几天前，

最近项目需求将后台返回的时间转换成几秒前，几分钟前，几小时前，几天前，几个月前，所以做了一个封装function handleTime(dateStr) { if (dateStr === undefined) { return; } let date = new Date(dateStr); let now = new Date(); let digit = parseInt((now.getTime() - date.getTime()) / 1000); let s

2021-06-15 08:38:53 351 1

原创 TypeScript简单入门

目录第一天1 初识typescript1.1 首先安装全局typescript1.2 编译 TypeScript 文件2 TypeScript 基础类型2.1 Boolean 类型2.2 Number 类型2.3 String 类型2.4 Undefined类型2.5 null类型2.6 any类型和联合类型2.6 Unknown 类型第一天1 初识typescript概述：TypeScript 是一种由微软开发的自由和开源的编程语言。它是 JavaScript 的一个超集，而且本质上向这个语言添加了

2021-06-14 23:43:27 1206 3

原创 react中使用videojs

最近用react做的一个毕业展网站，需要播放老师寄语视频，之前做的一些pc端网站都用了videojs，想着react里面适不适用，问了一下度娘，发现也有使用，遂尝试继续使用videojs，可以正常使用首先安装videojsnpm install video.js页面中引入js和cssimport videojs from 'video.js';import 'video.js/dist/video-js.css';html页面 <video-js id="myVideo" width

2021-06-11 13:33:45 3863 1

转载还原右键Git Bash Here不见了

右键添加Git Bash Here第一步，window + R，输入regedit回车进入注册表依次进入HKEY_CLASSES_ROOT —-》 Directory —-》Background —-》 shell右键点击shell，选择新建，然后选择项，命名为 Git Bash Here，成功后进入桌面右键发现多了 Git Bash Here.添加图标：右键点击shell中你刚刚新建的这个项(Git Bash Here)，选择新建，然后选择字符串值，将名称设置为Icon；然后找一下你安装Git的

2021-06-07 21:39:20 241

空空如也

空空如也