2020年04月_望京十三兄

原创浅拷贝和深拷贝三种方法

扩展运算符和 Object.assign() 都不是深拷贝扩展运算符： let outObj = { inobj: { a: 1, b: 2 }}let newObj = { ...outObj}newObj.inobj.a = 2console.log(outObj); //{ inobj: { a: 2, b: 2...

2020-04-14 20:35:17 2983 2

原创 JS数据类型相关

自定义方法判断数据类型const isType = type => target =>{ let stringType = Object.prototype.toString.call(target) return `[object ${type}]` === stringType}const isArray = isType('Array'); //注意传入 ...

2020-04-16 22:44:37 111

原创 JS 操作时间对象

1. 在页面上显示当前时间 <div> 当前时间：<input id="nowTime" style="border:0;width:300px;font-size:18px" /> </div>window.onload = function () { var nowTime = document.getElementBy...

2020-04-16 22:44:20 201

原创 JS 常见的操作字符串

1. 将字符串 foo = "get-element-by-id" 转化成驼峰表示法 “getElementById”.functioncamalCase(msg){letarr=msg.split("-");for(leti=1;i<arr.length;i++){arr[i]=arr[i].charAt(0).toUpperC...

2020-04-16 22:43:40 108

原创 JS 操作数组

1. 用 js 实现随机选取 10 -100 之间的 10 个数字，存入一个数组并排序。functionrandomNum(aArray,len,min,max){if(len>=(max-min)){return'超过'+min+'-'+max+'之间的个数范围'+(max-min-1)+'个的总数';}...

2020-04-16 22:43:24 534 1

原创川剧变脸娃娃

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> * { margin: 0; padding: 0; list-styl...

2020-04-12 15:20:38 225

原创 JS 知识点总结归纳（中高级）

1. 如何判断当前脚本运行在浏览器还是 node 环境中？（阿里）this === window?'browser':'node'通过判断 Global 对象是否为window，如果不为window ，当前脚本没有运行在浏览器中。2. IE 和标准下有哪些兼容性写法？var ev = ev || window.eventdocument.documentElement....

2020-04-06 21:25:08 675 1

原创异步编程的回调函数形式和发布订阅模式

１.　回调函数形式：function f1(callback){ callback();}function f2(callback){ callback();}function f3(callback){ callback();}f1(f2(f3));这种方式优点是思路清晰，以串行的方式进行编程。缺点是会形成回调地狱，过多的回调使代码难以理解，难...

2020-04-06 11:08:15 599

原创 4月4日清明节各大网站是如何变灰的

看代码可以发现，各大网站变灰是通过设置样式表中 css 的滤镜效果实现的。filterCSS 属性将模糊或颜色偏移等图形效果应用于元素。滤镜通常用于调整图像，背景和边框的渲染。兼容性的写法为：-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-...

2020-04-04 22:47:32 506

原创 React 一些重要知识总结

1. 对比真实DOM和虚拟DOMReal DOM：更新缓慢；可以直接更新HTML；如果元素更新，则创建新DOM；DOM 操作代价很高；消耗内存较多。VirtualDOM ：更新更快；无法直接更新 HTML；如果元素更新，则更新 JSX；DOM操作非常简单；很少的内存消耗。2.React 有什么特点？React 的主要功能有：使用虚拟 DOM　而不是真正的 DOM ; 可以进......

2020-04-03 15:54:53 300 1

望京十三兄的博客