- 博客(14)
- 收藏
- 关注
原创 for in 的缺点
for-in用来循环对象中的属性,但是通过for-in循环输出的属性名的顺序是不可测的。具体来说,所有属性都会被返回一次,但返回的先后次序可能会因浏览器而异。ES5之前:如果表示要迭代的对象的变量值为null或undefined,for-in语句会抛出错误;ES5之后:这种情况不再抛出错误,而只是不执行循环体。for-in会遍历原型链上的属性...
2021-10-27 10:29:35 849
原创 jsonp解决ajax跨域的原理
1). jsonp只能解决GET类型的ajax请求跨域问题2). jsonp请求不是ajax请求, 而是一般的get请求3). 基本原理 浏览器端: 动态生成< script >来请求后台接口(src就是接口的url) 定义好用于接收响应数据的函数(fn), 并将函数名通过请求参数提交给后台(如: callback=fn) 服务器端: 接收到请求处理产生结果数据后, 返回一个函数调用的js代码, 并将结果数据作为实参传入函数调.
2021-09-26 18:09:41 142
原创 级联菜单的递归实现Antd
getMenuNodes = (menuList) => { return menuList.map(item => { if (!item.children) { return ( <Menu.Item key={item.key} icon={item.icon}> <Link to={item.key}> {item.tit
2021-09-25 19:24:45 293
原创 React中Antd表单提交验证4.x版本---自定义 validator 没有效果的解决方法
声明式写法 rules={[ { required: true, message: '用户名不能为空' }, { min: 4, message: '用户名至少4位' }, { max: 12, message: '用户名至多12位' }, { pattern: /^[a-zA-Z0-9_]+$/, message: '用户名必须需是英文,数字或下划线组成' },]}自定义validator写法validatePwd = async (rule, v
2021-09-24 16:56:37 2014
原创 Antd使用craco按需加载样式以及自定义主题颜色
一.安装"@craco/craco": "^6.3.0","babel-plugin-import": "^1.13.3", //自动导入antd的css样式"craco-less": "^1.20.0", 以上是我安装的版本,默认安装即可yarn add @craco/craco babel-plugin-import craco-less或npm i @craco/craco babel-plugin-import craco-less二.配置package.json/* pac
2021-09-23 16:34:32 1359 1
原创 vue2.0响应式原理
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D.
2021-09-16 11:01:24 142
原创 uniapp自定义导航栏 | uni.getSystemInfo() | wx.getMenuButtonBoundingClientRect()
一.自定义导航栏的区域上面整体就是自定义导航栏的区域(包括状态栏)胶囊接口/*获取菜单按钮(右上角胶囊按钮)的布局位置信息。坐标信息以屏幕左上角为原点 */wx.getMenuButtonBoundingClientRect();/* 返回值:width、height、top、right、bottom、left*/状态栏接口wx.getSystemInfo({ success: e => { console.log(e.statusBarHeight);/*状态栏高度
2021-09-03 10:02:46 2236
原创 es5和es6实例化对象,静态成员,继承
//ES5 实例化对象语法 function Phone(brand, price){ this.brand = brand; this.price = price; } //添加方法 Phone.prototype.call = function(){ console.log("我可以打电话!!"); } //实例化对象 let Huawei = new Phone('华为', 5999); H.
2021-07-22 14:43:25 143
原创 数组转字符串 | 字符串转数组 | 数组转对象 | 对象转数组 | 伪数组转数组 | 真伪数组判定
数组转字符串var arr = [1, 2, 3, 4, 5, 6];arr = arr.toString();console.log(arr);var arr = [1, 2, 3, 4, 5, 6];arr = arr.join(",");console.log(arr);字符串转数组var str = "hello world";str = str.split("");console.log(str);var str = "hello world";str = Array
2021-04-20 14:54:09 85
原创 Javascript中数组常用方法
1. 获取数组最大值Math.max(...arr)Math.max.apply(null,arr)let max = arr[0]; for (let i = 0; i < arr.length - 1; i++) {max = max < arr[i+1] ? arr[i+1] : max }你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章,了解一下Markdown的基本语法知识。新的改变
2021-04-18 10:38:19 379
原创 访问数组元素的方式
let arr = ['a','b','c','d'];for 语句for(let i = 0 ;i< arr.length ; i++){ console.log(arr[i]);}for- of 语句 for(let item of arr){ console.log(item); }for- in 语句for(let key in arr){ console.log(arr[key]);}for- each 语句 arr.
2021-04-13 13:20:09 535
原创 for each,each,map的区别
var arr = [1, 3, 5, 7, 9]; var obj = {0:1, 1:3, 2:5, 3:7, 4:9, length:5};一、for each方法利用原生JS的forEach方法遍历 第一个参数: 遍历到的元素 第二个参数: 当前遍历到的索引 arr.forEach(function (value, index) { console.log(index, value); }); //数组可以 obj.forEach(function (value,.
2021-04-11 16:25:25 201
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人