love_czz-CSDN博客

转载 CSS 样式实现单边阴影

CSS 中有一个用于实现边框的阴影的属性 box-shadow。如果要实现单边阴影对 box-shadow属性值需要进行特别的设定，才可以到达效果。**.shadow-only-bottom{ box-shadow: 0px 7px 7px -7px #5E5E5E; }**.shadow-only-right{ box-shadow: 7px 0px 7px -7px #5E5E5E; }.shadow-only-left{ box-shadow: -7px 0px 7px -7px #5E5

2021-08-20 18:05:07 2811

转载 antd design Select自定义参数传递（antd组件有默认参数时，自定义参数传递）

选中Select下拉option之后，不仅仅要获取它的value，还要获取其它字段type，首先把type字段传递给option，之后通过onChange={(value,option)=> this.handleChange(option)}option可以获取到很多参数，里面的props就是你需要的数据//事件handleChange = (option) => { console.log(option); } //组件<Select defaultV

2021-08-20 17:56:25 2518

转载 react-jsx语法上使用switch匹配不同渲染组件

这里主要讲的是jsx语法使用switch 的js语句一般jsx语法执行的是简单的运算和三元表达式如果想要执行条件判断如if语句和switch语句以及函数等直接使用是会报错的这里应该使用函数立即执行的语法写法，如果需要根据不同判断渲染不同组件也可以不要忘了return结果例如：{(这里写函数)()}{(()=>{这里可以写if，switch等})()}项目代码实例<Tabs defaultActiveKey="1" tabPosition={mode} style={{ heigh

2021-08-11 08:54:18 1515

转载 ES5、Es6数组方法

Es5系列indexOf用途：用于查找数组中是否存在某个值，如果存在则返回某个值的下标，否则返回-1let list = [1, 2, 3];console.log(list.indexOf(2)) // 1console.log(list.indexOf("蛙人")) // -1map用途： map是一个数组函数方法，接收三个参数，value，index，self，返回值是处理完的结果。let list = [1, 2, 3];const res = list.map((valu

2021-05-27 00:53:44 279

转载浅拷贝、深拷贝及循环引用

浅拷贝：是把原来的数组（对象）直接赋值给另个数组（对象），新的数组（对象）只是原来数组（对象）的一个引用，拷贝后指向通一个对象的实例，只拷贝一层，并且不能对对象中的子属性拷贝，彼此操作会产生影响深拷贝：将原对象中的属性逐一复制，而且将原对象中的对象属性也逐一的递归复制到另一个对象中，拷贝的是值，而并非引用，彼此操作不会产生影响总结：假设B复制了A，当修改A时，看B是否会发生变化，如果B也跟着变了，说明是浅拷贝，如果B没变，那就是深拷贝。深入点来说，就是B复制了A，如果B复制的是A的引用，那就是浅拷贝，如

2021-03-14 11:23:36 244

转载 JSON.stringify()的第二个参数

JSON.stringify()是JavaScript开发人员最常用来调试的函数。但为什么用它呢，难道console.log()不能用来做同样的事情吗？不妨试试看。//Initialize a User objectconst user = {“name” : “Prateek Singh”,“age” : 26}console.log(user);RESULT// [object Object]看！console.log()没有输出我们想要的结果。它输出了[object Object]，因为

2021-03-14 11:15:46 1060

转载 Object.defineProperty 监听对象属性变化

<!DOCTYPE html><html lang="zh"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" /&g

2021-03-13 12:36:10 322

转载 JS获取屏幕分辨率及窗口尺寸

网页可见区域宽：document.body.clientWidth网页可见区域高：document.body.clientHeight网页可见区域宽：document.body.offsetWidth (包括边线的宽)网页可见区域高：document.body.offsetHeight (包括边线的宽)网页正文全文宽：document.body.scrollWidth网页正文全文高：document.body.scrollHeight网页被卷去的高：document.body.scrollTop

2021-03-13 12:29:44 957

原创判断页面中的js方法是否存在

if(typeof functionName != 'undefined' && functionName instanceof Function){ functionName();}

2021-03-13 12:25:48 191

转载 replaceChild() 方法替换子节点为其他节点。---XmlDOM

定义和用法replaceChild() 方法替换子节点为其他节点。如果成功该函数则返回被替换的节点，如果失败则返回 NULL。语法elementNode.replaceChild(new_node,old_node)实例下面的代码片段使用 loadXMLDoc() 把 “books.xml” 载入 xmlDoc 中，并替换第一个元素：xmlDoc=loadXMLDoc("books.xml"); x=xmlDoc.documentElement; // 创建 book 元素, t

2021-03-13 12:17:32 821

转载 javascript中的define用法

1. AMD的由来前端技术虽然在不断发展之中，却一直没有质的飞跃。除了已有的各大著名框架，比如Dojo，JQuery，ExtJs等等，很多公司也都有着自己的前端开发框架。这些框架的使用效率以及开发质量在很大程度上都取决于开发者对其的熟悉程度，以及对JavaScript的熟悉程度，这也是为什么很多公司的技术带头人都喜欢开发一个自己的框架。开发一个自己会用的框架并不难，但开发一个大家都喜欢的框架却很难。从一个框架迁移到一个新的框架，开发者很有可能还会按照原有框架的思维去思考和解决问题。这其中的一个重要原因就是

2021-03-13 12:08:43 591

转载详解JavaScript中的异常处理方法

有三种类型的编程错误：(1)语法错误和(2)运行时错误(3)逻辑错误：语法错误：语法错误，也被称为解析错误，在编译时进行传统的编程语言，并出现在JavaScript解释时。例如，下面一行将导致一个语法错误，因为它缺少一个右括号：<script type="text/javascript"></script>当一个语法错误在JavaScript中出现，只有在同一个线程中包含的语法错误的影响，在其他线程的代码被

2021-03-13 11:53:05 773

转载 js合并数组的方法

我们可以使用push将元素追加到数组中。push接受可变数量的参数，我们可以一次推送多个元素。但是，如果我们传递一个数组来推送，它实际上会将该数组作为单个元素添加，而不是单独添加元素，我们最终得到一个数组内的数组。1 let arr1 = [1, 2, 3];2 let arr2 = ['a', 'b'];3 arr1.push(arr2);4 console.log(arr1);//[1, 2, 3.

2021-03-13 11:35:29 209

转载 js交换对象的key和value

for (let k in cluster_info) { let value = cluster_info[k]; //将原来的value赋值给一个变量 cluster_info[value] = k; // 为cluster_info赋新key，不能直接使用cluster_info = {cluster_info[k] : k},会报语法错误 delete cluster_info[k]; // 删除原来的属性}...

2021-03-13 11:25:54 1331

转载用展开运算符将数组转化为对象

有时候，出于某种目的，需要将数组转化成对象，一个简单快速的方法是就使用展开运算符号(…):var fruits = [“banana”, “apple”, “orange”, “watermelon”];var fruitsObj = { …fruits };console.log(fruitsObj); // returns {0: “banana”, 1: “apple”, 2: “orange”, 3: “watermelon”, 4: “apple”, 5: “orange”, 6: “gra

2021-03-13 11:22:50 403

love_czz的博客