Radish999-CSDN博客

原创空数组的判断 if([])

if([]){ console.log('0') }// '0'if语句的条件表达式，js会自动调用Boolean()将条件表达式转换为布尔值即：Boolean([]) //true

2020-06-11 14:40:49 2160

JavaScript 共享的本质一直是开发人员心头的痛。因为任何对象都可以被在同一环境中运行的代码修改。开发人员很可能会意外地修改别人的代码，甚至更糟糕地，用不兼容的功能重写原生对象。 ECMAScript 5 致力于解决这个问题，可以让开发人员定义防篡改对象 --- 摘自红皮书例子来自红皮书第22.2章《防篡改对象》1.不可扩展对象Object.preventExtensions()var person = { name: "Nicholas" }; Object.preven..

2020-06-02 16:31:05 250

原创 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 374

原创记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 1227

原创 js 变量

JavaScript 的变量与其他语言的变量有很大区别。JavaScript 变量松散类型的本质（所谓松散类型就是可以用来保存任何类型的数据），决定了它只是在特定时间用于保存特定值的一个名字而已；每个变量仅仅是一个用于保存值的占位符而已值：基本类型值和引用类型值；基本类型值指的是简单的数据段，引用类型值指那些可能由多个值构成的对象数据类型：简单数据类型（也称为基本数据类型）：Undef...

2019-08-02 14:53:27 137

翻译同步异步

生活中的同步：生活中的异步：在JavaScript语言中，同步和异步的概念刚好相反。JavaScript中同步就是：你不执行完上面的代码，那么下面的代码你就别执行；一步一步执行，这就是同步。异步就是可以一块执行的代码；...

2019-07-23 21:03:06 154

原创记一次使用create react app出现webpack is not a function的情况

在CentOS 7下出现报错信息如下：[root@VM_15_35_centos /data0/www/kfe/my-reat/client]npm start> [email protected] start /data0/www/kfe/my-reat/client> node scripts/start.jsFailed to compile.webpack is not ...

2019-07-16 10:47:34 1465 1

原创记使用tui-editor添加自定义toolbar

1.演示地址：https://nhn.github.io/tui.editor/api/latest/#2.淘宝cnpm 包：http://npm.taobao.org/package/tui-editor#-docs使用：①require('codemirror/lib/codemirror.css'); // codemirrorrequire('tui-edito...

2019-07-15 14:47:27 3530 1

原创记S3上传文件 aws-sdk

1.组件 antd的 Upload组件移步官网有详细介绍render(){...const props = { //各个参数请移步官网 name: 'file',//name名称要和后端服务保持一致 multiple: true, showUploadList: true, action: '/api/plugin/wiki/uplo...

2019-07-01 18:47:17 1905

翻译记Viewer.js使用（文档内图片点击放大）

先奉上GitHub：https://github.com/fengyuanchen/viewerjs演示地址：https://fengyuanchen.github.io/viewerjs/注：代码中参数不一一讲解请点击上面链接查看详细说明笔者使用场景： markdown生成的html 点击图片有放大效果类似掘金等网站的效果import 'viewerjs/dist/vie...

2019-06-25 10:45:57 1307

原创 react 绑定键盘事件

componentDidMount(){ document.addEventListener("keydown", this.onKeyDown) } componentWillUnmount(){ document.removeEventListener("keydown", this.onKeyDown) } onKeyDown = (e) => {...

2019-06-18 19:20:07 3706 2

原创 ESLint react中 target 报错 && Can only update a mounted or mounting component问题

1. a标签跳转 eslint 提示错误标签上添加：rel="noopener noreferrer"<a href="xxx" className="btn-tip" target="_blank" rel="noopener noreferrer"> <Icon type="question-circle"/></a> 参考：http...

2019-06-13 11:27:40 176

翻译 Node搜寻模块规则

看图知意：注意事项：第一，如果模块是目录，在模块目录中定义模块的文件必须被命名为 index.js，除非你在这个目录下一个叫 package.json 的文件里特别指明。要指定一个取代 index.js 的文件，package.json文件里必须有一个用 JavaScript 对象表示法（JSON）数据定义的对象，其中有一个名为 main 的键，指明模块目录内主文件的路径。如图：...

2019-06-11 11:15:06 301 1

原创记git多人同分支开发常规错误

多人使用同一个 git 分支开发出现的问题如上远程分支已经更新直接git pull 会提示：需要先git commit 且不能Git push 不然会覆盖远程代码此时再 git pull再查看状态接着git push ok！...

2019-06-03 20:26:26 262

原创 antd 使用Tree遇见的几个问题

注：此内容是笔者在业务中自己遇到的问题，不具有广泛性，请谨慎参考1.defaultExpandedKeys （defaultxxxxxxxx）等只会在第一次有，应使用expandedKeys2.TreeNode添加dataRef 获取子节点数据； eg:3.key ke值应该唯一（antd 常识）4.expandedKeys设置此参数后，目录的小三...

2019-05-23 18:43:27 12858 5

翻译初学react （一）

1.使用构造函数的目的：A、通过将对象分配给 this.state 来初始化本地状态B、用于为组件实例绑定事件处理方法。eg:constructor(props) { super(props); // 这里不能写 this.setState() ! this.state = { counter: 0 }; this.handleClick = this.handl...

2019-05-21 12:13:03 100

原创 YApi 接口多级目录改造

render(){ ... ...const loop = data => data.map((item) => { // if (item.list && item.list.length >= 0) { if (item.itemType === 'cat') { // 一级目录 return ( <Tr...

2019-05-20 11:37:54 4638

翻译 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 1871 1

翻译读《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 252

翻译 js几个小点（总结于JavaScript高级程序设计）

1.数据类型共有六种数据类型:5 种简单数据类型（也称为基本数据类型）：Undefined、Null、Boolean、Number和 String1种复杂数据类型: Object，Object 本质上是由一组无序的名值对组成的2.基本类型的值和引用类型的值基本类型值指的是简单的数据段5 种基本数据类型：Undefined、Null、Boolean、Number 和 S...

2019-05-10 18:24:52 189

原创 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 1712

原创交换数组的位置

将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 927

原创 react+antd 简单表单验证

//验证函数validate(){ let that =this let data = { msg: '', el:null } var getEl = { 0(key) { return ReactDOM.findDOMNode(that.refs[key]) }, 1(key) ...

2019-04-22 18:22:46 1318

原创 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 5888 1

原创记js中 Array 数组的几个方法(下)

记js中 Array 数组的几个方法(上)记js中 Array 数组的几个方法(中)6.位置方法indexOf()和 lastIndexOf()两个方法都接收两个参数：要查找的项和（可选的）表示查找起点位置的索引。其中，indexOf()方法从数组的开头（位置 0）开始向后查找，lastIndexOf()方法则从数组的末尾开始向前查找都返回要查找的项在数组中的位置，或者在没...

2019-04-10 15:31:04 144

原创记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 149

原创记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 144

原创记录《JavaScript高级程序设计》中几个函数

1.查询字符串参数function getQueryStringArgs(){ //取得查询字符串并去掉开头的问号 var qs = (location.search.length > 0 ? location.search.substring(1) : ""), //保存数据的对象 args = {}, //取得每一项 items = qs....

2019-04-10 11:51:48 97

原创受控组件与非受控组件

能够控制表单中输入元素的组件被称为受控组件，非受控组件是在内部存储其自身状态的组件，当需要时，可以使用 ref 查询 DOM 并查找其当前值（表单元素带value的为受控组件，不带value的为非受控组件）受控组件：<input type="text" value="Hello!" />使用setState来更新数据非受控组件<input typ...

2019-03-29 11:56:56 197

原创 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 185

原创 layui s.parents is not a function

我遇到的情况是：用layer.msg()输出的值为Object类型所以报错使用layer.alert() 同样输出值不能Object类型

2019-03-22 12:01:55 10082 2

原创 css3中calc在less编译时被计算的解决办法

div {　　 @diff : 30px;　　 width : calc(~"100% - @{diff}");　 }

2019-03-12 14:41:21 329

原创 react Carousel 走马灯显示左右切换箭头

1.Carousel走马灯显示左右切换箭头 arrows:truethis.state = { settings: { variableWidth: true, arrows: true, autoplay: true, speed: 2000, a...

2019-03-12 14:39:02 9099

翻译 css 文字样式两端对齐

2018-05-09 14:42:58 2119

原创二级导航demo

2018-03-07 09:40:06 237

翻译几个小函数

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 146

原创 GIT命令行部分总结

git add 将修改的文件添加到本地环境git add . 将所有修改的文件加入到本地环境git status 查看当前项目状态git log 查看日志（查看的commit的日志） q键退出git commit 将当前修改的文件提交到本地环境` -am 将所有文件全部提交到本地并写上注释说明git push 将当前项...

2018-02-11 11:06:00 201

转载添加类名 class

window.onload =function(){ //alert(); var demo = document.getElementById("demo"); //添加一个类 demo.setAttribute("class","test"); //添加一个类 demo.classList.add...

2018-02-11 10:46:50 591

翻译移动端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 303

原创运用layui框架后的问题

1.layer弹框无法居中？①.把body设置height:100%;(因页面可能有js控制滚动条此方法并不能保证一定奏效)②.使用offset 重新定位offset: ['100px', '50px'] 同时定义top、left坐标 2.title-标题title支持三种类型的值，①.若你传入的是普通的字符串，如title :'我是标题'，那么只会改变...

2018-02-11 10:00:44 911

空空如也

空空如也