![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
Radish999
笔者懒,很懒,非常懒!
展开
-
空数组的判断 if([])
if([]){ console.log('0') }// '0'if语句的条件表达式,js会自动调用Boolean()将条件表达式转换为布尔值即:Boolean([]) //true原创 2020-06-11 14:40:49 · 2181 阅读 · 0 评论 -
读《红皮书》记录js 防篡改对象
JavaScript 共享的本质一直是开发人员心头的痛。因为任何对象都可以被在同一环境中运行的代码 修改。开发人员很可能会意外地修改别人的代码,甚至更糟糕地,用不兼容的功能重写原生对象。 ECMAScript 5 致力于解决这个问题,可以让开发人员定义防篡改对象 --- 摘自 红皮书例子来自红皮书 第22.2章 《防篡改对象》1.不可扩展对象Object.preventExtensions()var person = { name: "Nicholas" }; Object.preven..原创 2020-06-02 16:31:05 · 258 阅读 · 0 评论 -
EventUtil is no defined
EventUtil不能直接使用红皮书上的代码示例使用的EventUtil这个对象不是原生的,要自己封装; var EventUtil = { addHandler: function(element, type, handler){ if (element.addEventListener){ element.addEventListener(type, handler, false); } else if (element....原创 2020-06-02 15:40:53 · 381 阅读 · 0 评论 -
记js中 Array 数组的几个方法(改变原数组的方法和不改变原数组)
简单总结数组方法改变原数组的方法和不改变原数组的方法不改变原数组:concat() //连接数组并返回结果every() //检测数组元素的每个元素是否都符合条件,返回true or falsevar arr = [1,2,3,4,5];var arrnew = arr.every(item => item>3); //数组元素是否都大于3console.log(a...原创 2019-11-29 17:18:36 · 1248 阅读 · 0 评论 -
react antd Modal对话框关闭后数据未清除问题
1. 在3.x版本中有2. 在小于3.x的版本中需要自己控制{ toShow ?(<Modal visible={this.state.visible} onCancel={this.handleCancel} > { ... //子元素 } </Modal> :null}触发取消或确定按钮事件时设置 toSh...原创 2019-04-22 18:09:52 · 5912 阅读 · 1 评论 -
交换数组的位置
将start位置上的数据放到end位置上arrayChangeIndex = (arr, start, end) => { let newArr = [].concat(arr); let startItem = newArr[start]; newArr.splice(start, 1); // end自动加1 newArr.splice(end, 0, sta...原创 2019-04-22 18:49:12 · 937 阅读 · 0 评论 -
Hooks 简易表单验证
import React from 'react'import { Form, Icon, Input, Button, Row, Col, message, Select } from 'antd'import { useRef, useState } from 'react'import './style.scss';const { O...原创 2019-05-05 11:33:27 · 1736 阅读 · 0 评论 -
读《JavaScript高级程序设计》第八章BOM记录——查询URL字符串方法 getQueryStringArgs()
1.解析URL 末尾的字符串,然后返回包含所有参数的一个对象function getQueryStringArgs(){ //取得查询字符串并去掉开头的问号 var qs = (location.search.length > 0 ? location.search.substring(1) : ""), //保存数据的对象 args = {}, //取得每一项 ...翻译 2019-05-13 11:34:39 · 259 阅读 · 0 评论 -
antd 使用Tree遇见的几个问题
注:此内容是笔者在业务中自己遇到的问题,不具有广泛性,请谨慎参考1.defaultExpandedKeys (defaultxxxxxxxx)等 只会在第一次有,应使用expandedKeys2.TreeNode添加dataRef 获取子节点数据; eg:3.key ke值应该唯一(antd 常识)4.expandedKeys设置此参数后,目录的小三...原创 2019-05-23 18:43:27 · 12933 阅读 · 5 评论 -
antd YApi 使用Tree组件改造API目录 (二级目录改造成无限级)
import React, { Component } from 'react'import { Tree,Icon } from 'antd';import axios from 'axios';const { TreeNode } = Tree;export default class Tree3 extends Component { state = { gData...翻译 2019-05-15 17:59:05 · 1894 阅读 · 1 评论 -
js 变量
JavaScript 的变量与其他语言的变量有很大区别。JavaScript 变量松散类型的本质(所谓松散类型就是可以用来保存任何类型的数据),决定了它只是在特定时间用于保存特定值的一个名字而已;每个变量仅仅是一个用于保存值的占位符而已值:基本类型值和引用类型值;基本类型值指的是简单的数据段,引用类型值指那些可能由多个值构成的对象数据类型:简单数据类型(也称为基本数据类型):Undef...原创 2019-08-02 14:53:27 · 143 阅读 · 0 评论 -
受控组件与非受控组件
能够控制表单中输入元素的组件被称为受控组件,非受控组件是在内部存储其自身状态的组件,当需要时,可以使用 ref 查询 DOM 并查找其当前值(表单元素带value的为受控组件,不带value的为非受控组件)受控组件:<input type="text" value="Hello!" />使用setState来更新数据非受控组件<input typ...原创 2019-03-29 11:56:56 · 202 阅读 · 0 评论 -
React Refs
React 支持一种非常特殊的属性Ref,你可以用来绑定到 render() 输出的任何组件上,用于访问在 render 方法中创建的 DOM 节点或 React 元素1.字符串 refs使用方法绑定一个 ref 属性到 render 的返回值上:<input ref="myInput" />在其它代码中,通过 this.refs 获取支撑实例:var inp...原创 2019-03-29 11:34:43 · 193 阅读 · 0 评论 -
记js中 Array 数组的几个方法(下)
记js中 Array 数组的几个方法(上)记js中 Array 数组的几个方法(中)6.位置方法indexOf()和 lastIndexOf()两个方法都接收两个参数:要查找的项和(可选的)表示查找起点位置的索引。其中,indexOf()方法从数组的开头(位置 0)开始向后查找,lastIndexOf()方法则从数组的末尾开始向前查找都返回要查找的项在数组中的位置,或者在没...原创 2019-04-10 15:31:04 · 149 阅读 · 0 评论 -
几个小函数
1.统计字数<div class="value"> <textarea name="content" class="textarea" id="textarea" cols="30" rows="10" size="10" onkeyup="figure()" maxlength="500翻译 2018-02-27 09:47:59 · 149 阅读 · 0 评论 -
react Carousel 走马灯显示左右切换箭头
1.Carousel走马灯显示左右切换箭头 arrows:truethis.state = { settings: { variableWidth: true, arrows: true, autoplay: true, speed: 2000, a...原创 2019-03-12 14:39:02 · 9143 阅读 · 0 评论 -
layui s.parents is not a function
我遇到的情况是:用layer.msg()输出的值为Object类型 所以报错使用layer.alert() 同样输出值不能Object类型原创 2019-03-22 12:01:55 · 10112 阅读 · 2 评论 -
记录 《JavaScript高级程序设计》中几个函数
1.查询字符串参数function getQueryStringArgs(){ //取得查询字符串并去掉开头的问号 var qs = (location.search.length > 0 ? location.search.substring(1) : ""), //保存数据的对象 args = {}, //取得每一项 items = qs....原创 2019-04-10 11:51:48 · 98 阅读 · 0 评论 -
记js中 Array 数组的几个方法(上)
1.转换方法toLocaleString()、toString()和 valueOf()方法var colors = ["red", "blue", "green"]; // 创建一个包含 3 个字符串的数组console.log(colors.toString()); // red,blue,green console.log(colors.valueOf()) //["red...原创 2019-04-10 15:08:21 · 155 阅读 · 0 评论 -
记js中 Array 数组的几个方法(中)
记js中 Array 数组的几个方法(上)记js中 Array 数组的几个方法(下)4.重排序方法reverse()和 sort()reverse()方法会反转数组项的顺序var values = [1, 2, 3, 4, 5]; values.reverse(); alert(values); //5,4,3,2,1在默认情况下,sort()方法按升序排列数组项—...原创 2019-04-10 15:18:13 · 152 阅读 · 0 评论 -
移动端rem设置
window.onload = function(){ /*720代表设计师给的设计稿的宽度,你的设计稿是多少,就写多少;100代表换算比例,这里写100是 为了以后好算,比如,你测量的一个宽度是100px,就可以写为1rem,以及1px=0.01rem等等*/ getRem(720,100)};function getRem(pwidth,prem){ ...翻译 2018-02-11 10:26:58 · 311 阅读 · 0 评论