qq_38372612的博客

原创 校验是不是链接

😦?😕/)?)(?:[-;::\d+)?|(?:www.|[-;😕[+~%/.\w-]*)???:[-+=&;%@.\w)#?:[\w]))?)$/;

原创 前端的深拷贝和浅拷贝的方法

参考 https://blog.youkuaiyun.com/qq_43682422/article/details/127393325。

原创 前端将页面转换成PNG下载下来

1.安装npm install html2canvas --save2.引入import html2canvas from 'html2canvas3.示例html2canvas(document.getElementById(“look-picture”)).then(function (canvas) {var imgUri = canvas.toDataURL(“image/png”).replace(“image/png”, “image/octet-stream”);// d

原创 前端将页面转换成PDF下载下来

1.安装npm install html2canvas --save2.引入import html2canvas from 'html2canvas3.实现const _this = this;html2canvas(//这个是想要导出的DOM元素的iddocument.getElementById(“look-picture”),{dpi: 172, //导出pdf清晰度onrendered: function (canvas) {var contentWidth = canvas

原创 创建a标签下载

const link = document.createElement("a"); link.style.display = "none"; link.href = imgUri; link.setAttribute( "download", downloadName); link.click(); document.removeChild(link);

原创 请求封装

原创 请求封装

原创 检测iframe的onsize事件

原创 typescript往window挂载属性

使用

原创 react 获取表单的值

form.validateFields().then((value)=>{})

原创 使用中间件解决跨域

原创 fetch请求

fatch请求会报错 参数错误下面的两个请求是好的

原创 react 传入的值限制类型

类名.propTypes = {属性名：PropTypes.类型【.isRequired】}

原创 react的ref

原创 react setState更新是同步还是异步

1.setState会引起视图的重绘2.在可控的情况下是异步的，在非可控的情况下是同步异步写法同步写法

原创 react父子组件传值

父组件给子组件传值 通过属性传值子组件给父组件传值 子组件调用父组件的方法（父组件通过属性将方法传给子组件，子组件调用传过来的方法将值给子组件传递过去）

原创 react周期函数

原创 react组件中的state

以前我们操作页面的元素变化，都是修改DOM，操作Dom但是React框架不推荐操作Dom，页面元素的改变使用state进行处理![在这里插入图片描述](https://img-箭头函数解决了this指向问题

原创 react 里面（）

如果存在标签结构 ，并且标签结构要换行，需要用（）括起来

原创 jsx语法

JavaScript + Xml语法（HTML）遇到<>按照HTML语法解析，遇到{}按照Javascript语法解析

原创 创建umi项目

https://pro.ant.design/docs/getting-started-cn安装依赖 npm install启动 npm start