首页 > 其他分享 >测试博客园是否正常更新

测试博客园是否正常更新

时间:2024-03-08 17:37:35浏览次数:24  
标签:const 测试 博客园 校验 更新 content let key offsetHeight

offsetHeight 元素显示高度,scrollHeight 元素完全展开的高度

useLayoutEffect(() => { // 获取dom元素 if (descriptionRef.current?.offsetHeight) {

  const content = descriptionRef.current;

   if (content?.scrollHeight > content?.offsetHeight) { setShowViewMoreBtn(true); }

   else if (content?.scrollHeight < content?.offsetHeight) { setShowViewMoreBtn(false); } } });

antd Paragraph 里边不能写元素,否则不起作用,只能是纯文本,不能保留换行的格式

<Paragraph ellipsis={ellipsis ? { rows: 2, expandable: true, symbol: 'more' } : false}> {content}

antd Form  校验时机

用户一边输入一边校验----onChange;

单个表单输入完毕,输入框失去焦点以后校验----onBlur;

所有表单都输入完毕,点击提交或者下一步时校验----onSubmit;

validateFirst 当某一规则校验不通过时,是否停止剩下的规则的校验。设置 parallel(默认) 时会并行校验,多个规则使用

<Form.Item name="password" validateFirst={true} rules={[ { message: &amp;lt;span class="katex-error" title="ParseError: KaTeX parse error: Expected 'EOF', got '}' at position 52: &amp;hellip;rue, }̲, { &amp;hellip;"&amp;gt;t("此项不能为空"), required: true, }, { required: true, type: "string", pattern: /(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])/, min: 8, max: 20, message:&amp;amp;nbsp;t("密码8-20位字符,必须包含大小写字母和数字"), }, ]} &amp;amp;gt;

一项一项校验表单,错误直接不校验后边

const validateOneReturn = async () => { let values = {}; const names = await form.getFieldsValue(); for (let key in names) { form.setFields([ { name: [key], errors: [], }, ]); } for (let key in names) { if ( (activeTab === 0 && key == "phone") || (activeTab === 1 && key == "email") ) { } else { let value = await form.validateFields([key]); values = { ...values, ...value }; } } return values; };

antd 挂载到父元素

getPopupContainer={(triggerNode) => {return triggerNode.parentNode as HTMLElement}}

Modal下 getContainer={false} 挂载在当前节点位置

全角半角正则

半角正则表达式:/[\x00-\xff]/g 全角正则表达式:/[^\x00-\xff]/g

//密码去掉默认小眼睛

input[type="password"]::-ms-reveal{ display:none }

input[type="password"]::-webkit-input-safebox-button{ display: none; }

react Input onchange event ts  

<Input onChange={searchOnChange}

const searchOnChange = (e: React.ChangeEvent<HTMLInputElement>)

click event       

React.MouseEvent<HTMLDivElement>

focus blur       

 React.FocusEvent

标签:const,测试,博客园,校验,更新,content,let,key,offsetHeight
From: https://www.cnblogs.com/xiaoyaoweb/p/18061472

相关文章

  • 灰度发布、蓝绿部署、金丝雀发布和AB测试及在k8s中的实现
    灰度发布、蓝绿部署、金丝雀发布和AB测试都是软件开发和部署中常用的策略,每种策略都有其特定的用途和优势。下面是对这些策略的简要解释:灰度发布(GrayscaleRelease):灰度发布是一种逐步将新版本软件推向用户的方法。通过逐步增加新版本的使用者数量,开发者可以监控新版本的性能和......
  • Docker Compose一键搭建安全测试靶场
    1.Docker快速安装1.1.ubuntu系统步骤一:安装必要的一些系统工具sudoapt-getupdatesudoapt-get-yinstallapt-transport-httpsca-certificatescurlsoftware-properties-common步骤二:安装GPG证书curl-fsSLhttps://mirrors.aliyun.com/docker-ce/linux/ubuntu/gp......
  • macOS Ventura 13.6.5 (22G621) 正式版发布,ISO、IPSW、PKG 下载 (安全更新)
    macOSVentura13.6.5(22G621)正式版发布,ISO、IPSW、PKG下载(安全更新)3月8日凌晨,macOSSonoma14.4发布,同时带来了macOSVentru13.6.5和macOSMonterey12.7.4安全更新。macOSVentura13.6及更新版本,如无特殊说明皆为安全更新,不再赘述。请访问原文链接:https://......
  • macOS Monterey 12.7.4 (21H1123) 正式版发布,ISO、IPSW、PKG 下载 (安全更新)
    macOSMonterey12.7.4(21H1123)正式版发布,ISO、IPSW、PKG下载(安全更新)3月8日凌晨,macOSSonoma14.4发布,同时带来了macOSVentru13.6.5和macOSMonterey12.7.4安全更新。本站下载的macOS软件包,既可以拖拽到Applications(应用程序)下直接安装,也可以制作启动U......
  • 软件测试经典面试题:如何测微信的朋友圈?
    这是一道非常经典的面试题,相信很多小伙伴在面试中都被面试官问到过这个问题,想要回答好这个面试题,我们首先要搞清楚面试官在考察候选者什么方向测试技能。其实不难猜出,面试官主要是想考察候选者测试用例设计能力。一般会从以下两个方面来考察候选者:1、测试用例设计的全面性2、测试......
  • 【Interview】一般外包公司招聘测试岗位的要求
    1.测试技能要求会一门编程语言(java/python),考察自动化脚本编写能力,说明招聘的岗位极可能有这方面的需要。不过编码能力,外包公司一般要求会基础,能看懂开发写的代码,自己也能写写最好。SQL能力,一般测试多用到查询,不过对于一个测试来说,掌握SQL常用的增删改查是必要的,并且对于具体的......
  • 初三奥赛模拟测试1--T1回文
    初三奥赛模拟测试1--\(T1\)回文HZOI题意给定一个\(n\timesm\)的,由字符组成的矩阵\(A\),问你由\((1,1)\)开始,点\((i,j)\)只可以往\((i+1,j)\)和\((i,j+1)\)走,走到\((n,m)\)停。记录路径,问由路径上的字符构成的字符串能是回文串......
  • mac 快捷键汇总-持续更新
    本文为joshua317原创文章,转载请注明:转载自joshua317博客 https://www.joshua317.com/article/3211.Mac怎么放大缩小浏览器页面?1)放大网页:按住"Command"键并同时按"+"键2)缩小网页:按住"Command"键并同时按"-"键3)重置网页大小:按住"Command"键并同时按"0"键2......
  • 自动驾驶测试全流程
    随着汽车电子化和高级辅助驾驶技术的快速发展,自动驾驶作为辅助驾驶技术的高级阶段,已成为全球范围内的一个新的技术研究热点和重点。尤其近年来,自动驾驶在人类交通发展史上取得了里程碑式的进步。随着深度学习和计算机视觉技术的兴起,自动驾驶为提升交通安全与效率提供了新的解决方......
  • aiofiles,一个异步测试的 Python 库!
    什么是aiofiles库?aiofiles是一个异步文件操作库,提供了一种简单而强大的方式来执行文件操作,包括打开文件、读取文件、写入文件等。aiofiles库是建立在asyncio之上的,它允许开发人员在异步程序中执行文件操作,而不会阻塞事件循环。安装aiofiles库pipinstallaiofiles基本......