随笔分类 - 前端
摘要：**转自**：[JS中Map的遍历](https://blog.csdn.net/qq_44742090/article/details/123794872) ## 1、forEach遍历 ```javascript const map = new Map([['key1','v1'],['key2
阅读全文
摘要：TS 导入同路径下的页面，比如有如下目录结构，如果想在 pages/bbb/index.tsx 里使用 pages/bbb/my_test_sub.tsx 里的组件 MyTestSub，该如何书写 import 语句呢 ├── pages │ ├── aaa │ ├── bbb │ │ ├── in
阅读全文
摘要：react 想用父组件的状态来控制子组件的状态。有时我们可能想在父组件里设置子组件某个状态的值，这时我们应该怎么实现代码呢？ 法一：把需要共享的状态放在子组件的参数里 比如下面这个 MyTestSubModal 子组件，有 2 个状态：visible 和 loading，分别使用 setVisibl
阅读全文
摘要：转自：Antd中清空Form表单输入框 设置 Form 初始值 法一：在 <Form.Item> 使用 defaultValue 设置默认值（一般没用） 法二：在 组件的 initValue 中设置初始值，但是注意每个字段的初始值必须是常量，不能是 state 状态 法三：通过 useEffect(
阅读全文
摘要：转自：react报错 Uncaught Error: Objects are not valid as a React child (found: object with keys {a} ... 报错信息分析 Uncaught Error: Objects are not valid as a R
阅读全文
摘要：转自：JS实现判断对象是否为空对象的5种方法 1.将json对象转化为json字符串，再判断该字符串是否为"{}" var data = {}; var b = (JSON.stringify(data) == "{}"); alert(b);//true 2.for in 循环判断 var obj
阅读全文
摘要：转自：JavaScript 数组遍历的五种方法 这篇文章主要介绍了JavaScript 数组遍历的五种方法，帮助大家更好的理解和学习使用JavaScript，感兴趣的朋友可以了解下 在使用 JavaScript 编写代码过程中，可以使用多个方法对数组进行遍历；包括 for循环、forEach循环、m
阅读全文
摘要：转自：JS创建对象的三种方法 在JavaScript中，对象是一组无序的相关属性和方法的集合。所有的实物都是对象，例如，字符串、数值、数组、函数等。 下面我会介绍三种创建对象的方法。 一、通过字面量创建对象 其语法格式如下： var 对象名 = {}; // 创建了一个空对象 var 对象名 = {
阅读全文
摘要：转自：HTML中overflow的作用 Overflow属性： 主要用于设置盒子的属性，规定当内容溢出元素框时发生的事情，这个属性主要有这个设置值 1.overflow：visible 默认值，内容不会被修剪，会呈现在元素框之外。 2.overflow：hidden 内容会被修剪，并且其余内容是不可
阅读全文
摘要：转自：JS获取URL参数方法、js获取当前url中的参数、JS获取URL参数的4种方法总结 法一 const result = new URLSearchParams(this.props.location.search); const param = result.get('对应参数名'); 法二
阅读全文
摘要：转自：JS数据类型转换，转数值，转字符串，转布尔 1.转数值 number parseInt（‘内容‘/变量名）可以强制把字符串转整数数值，隐式转换 Parsefloat（‘内容‘/变量名）可以强制把有小数的字符串转小数数值，隐式转换， Number（‘内容‘/变量名）显式转换， 注意：NaN是数值
阅读全文
摘要：方法一 eval(argStr) 函数，一般传入任何参数都能强转成对应类型。如果想把参数先转成字符串再使用 eval 转成真实类型，可以使用 String() 函数进行强转，String(argObj) 方法二 不同目标类型使用不同的方案 Boolean(arg)：将arg 转成 布尔类型，如果出现
阅读全文
摘要：前端 window 和 window.location 包含很多当前网页和浏览器的属性，前端可以从这两个参数里获取属性。 window.location 当前网页的域名、协议都能拿到 { "ancestorOrigins": {}, "href": "https://www.baidu.com/",
阅读全文
摘要：js 把字符串转成json对象的三种方法 不管字符串是否含有转义字符，都能转换成 Json 对象 1, js自带的eval函数，其中需要添加小括号eval('('+str+')'); function strToJson(str){ var json = eval('(' + str + ')');
阅读全文
摘要：转自：JavaScript中实现sleep睡眠函数的几种简单方法 一.什么是sleep函数？ sleep是一种函数，他的作用是使程序暂停指定的时间，起到延时的效果。javascript 好像诶呦提供 sleep工具函数，所以需要自己实现 官方介绍：sleep是一种函数，作用是延时，程序暂停若干时间，
阅读全文
摘要：设置向左浮动的子元素的父元素的 display 属性为 'flex'。下面是 ant deisgn 里的样式写法，普通的 HTML 按照最普通的写法给相同属性赋值即可。 <div style={{ display: 'flex' }}> <div style={{ width: '85px' }}>
阅读全文
摘要：今天在 table 表格里每行渲染了一个视频，设置了首列固定，但是发现左右滑动表格时，当视频那列经过首列的位置时，视频会浮在首列元素上方，查了一下，用 z-index 设置 z 属性层级解决了。 在react ant-design 里 z-index写法是：zIndex ，把这个参数设置为0，这样在
阅读全文
摘要：转自：number 转 string 一、双点解析 10..toString(); 二、括号先计算再转换 (10).toString(); 三、加空串 10 + '' 转自：number 转 string
阅读全文
摘要：转自：VUE Error: listen EADDRNOTAVAIL: address not available vue项目运行npm run dev时出现 Error: listen EADDRNOTAVAIL: address not available ... 的错误 原因：配置的IP不对
阅读全文
摘要：只需要在最后一列指定列宽即可。比如下面最后一列是“操作”列，加上 width="200"，即会在表格宽度大于浏览器页面宽度时显示横向滚动条了 <el-table ref="multipleTable" v-loading="loading" :data="taskList"> <el-table-c
阅读全文
浙公网安备 33010602011771号