OGoodness-优快云博客

原创函数式编程#8声明式与命令式代码区别

【代码】函数式编程#8声明式与命令式代码区别。

2023-04-27 10:42:40 231

原创函数式编程#7pointfree无参数组合函数模式

【代码】函数式编程#7pointfree无参数组合函数模式。

2023-04-27 09:06:26 250

原创函数式编程#6组合函数-基础用法

【代码】函数式编程#6组合函数-基础用法。

2023-04-26 21:13:17 655

原创函数式编程#5柯理化函数用处

【代码】函数式编程#5柯理化函数用处。

2023-04-26 20:13:21 145

原创函数式编程#4纯函数的用处

【代码】函数式编程#4纯函数的用处。

2023-04-25 20:10:25 105

当变量min放置函数内部,此时变量存在于函数内部,调佣函数整体时,不会被改变,此时函数的返回结果是预期可控的,所以可称为纯函数。当变量min防止函数外界,此时min的值可能会被改变,从而影响函数本身返回的结果,所以不是纯函数；是数学上的映射,是一对一的映射,不是一对多的映射。纯函数，保证了没有副作用的理念是-“相同的输入得到相同的输出”函数在执行过程中,发生超出预期以外的影响，统称为副作用。slice调用后,数组本身不会被改变,可称为纯函数。splice调用后,数组本身发生改变,不是纯函数。

2023-04-24 21:13:47 421

原创函数式编程#2一等公民函数

【代码】函数式编程#2一等公民函数。

2023-04-24 15:06:09 93

原创函数式编程#1海鸥程序

鸟群合并则变成了一个更大的鸟群，繁殖则增加了鸟群的数量，增加的数量就是它们繁殖出来的海鸥的数量。

2023-04-24 09:52:55 127

原创你不知道的JS-Array，String，Number，特殊值

如果一个 Number 对象持有一个基本标量值 2，那么这个 Number 对象就永远不能再持有另一个值；复合值 —— object（包括 array，和所有的对象包装器(Number、String、Boolean等) ）和 function。简单值（也叫基本标量）：number、string、 boolean、null、undefined、symbol。-0与0的比较中,比较Infinity与-Infinity是否相等。null有定义，值为空；-0字符串化会自动变为0，当反向字符串化时返回本身-0。

2023-04-11 16:23:54 989

原创 JS 节流

js 三种节流：时间戳版，束流版，定时器版

2022-06-20 10:13:35 563

原创 JS 防抖

JS防抖效果模拟实现

2022-06-20 09:01:36 157

原创 JS 各封装工具库含义

JS 各封装工具库含义文章目录JS 各封装工具库含义开发环境模块babelwebpackpluginsloader生产环境模块Vueloadshwagneditor开发环境模块babel定义Babel 是一个工具链，主要用于将采用 ECMAScript 2015+ 语法编写的代码转换为向后兼容的 JavaScript 语法，以便能够运行在当前和旧版本的浏览器或其他环境中。用处:1.语法转换2.通过 Polyfill 方式在目标环境中添加缺失的特性（通过引入第三方 polyf

2022-05-28 15:07:58 203

原创 JS 定位父级和偏移量

JS 定位父级和偏移量样例代码 <style> * { margin: 0; padding: 0; } .box { position: relative; height: 200px; width: 200px; padding: 10px; margin: 10px; overflow: auto; border: 2px solid rebeccapurple; background-color: aqua;

2022-05-15 16:58:58 512

原创 JS 获取元素自身区域尺寸

JS 获取元素自身区域尺寸文章目录JS 获取元素自身区域尺寸样例代码-便于区别1.content区域宽/高+paddingclientWidthclientHeight2.content区域宽/高+padding+滚动条+边框offsetWidthoffsetHeight3.content区域宽/高+padding+卷曲宽/高scrollWidthscrollHeight4.边框宽度样例代码-便于区别<style> * { margin: 0; padding: 0;

2022-05-15 16:11:31 282

原创 JS 视窗(window)位置和尺寸

JS 视窗(window)位置和尺寸文章目录JS 视窗(window)位置和尺寸1.window view视口宽高尺寸 :innerWidth,innerHeightouterWidth,outerHeight2.页面滚动位置(最外侧滚动条距离)(最常用)docuemnt.documentElement.scrollTop/scrollLeftwindow.pageYOffset/pageXOffsetwindow.scrollY和scrollX3.window view视口距离显示器位置(标配)wind

2022-05-08 21:43:54 1762

原创 JS 事件event坐标位置

JS事件event坐标位置文章目录JS事件event坐标位置实例:结果:window窗口和document的区别1.clientX clientY :以window窗口为标准2.offsetX offsetY 以目标元素边框为标准3.pageX pageX :以document文档为标准4.screenX screenY :以显示器(屏幕)为标准5.layerX layerY :以目标元素定位父级边框为标准实例:1.div标签设定宽100px;高:100px;mar

2022-05-08 17:35:29 640

原创 JS setTimeOut实现定时器

JS setTimeOut实现定时器文章目录JS setTimeOut实现定时器第一种第二种第一种setTimeout(function fn() { setTimeout(function () { let time = new Date() console.log(time.toLocaleTimeString()); fn() }, 1000)})第二种function fn() { let time =

2022-05-08 16:27:10 653 1

原创 JS事件委托和事件分派

JS事件委托和事件分派JS事件委托定义:若需要对子元素进行统一的监听管理,可以将其委托给它们共同的父元素,通过event对象对指定子元素进行筛选和操作。<body> <ul class="wrap"> <li>1</li> <li>2</li> <li>3</li> </ul> <script> let oWrap = document

2022-05-04 21:47:16 569

原创 JS阻止冒泡和元素默认事件

JS阻止冒泡和元素默认事件文章目录JS阻止冒泡和元素默认事件1.JS阻止冒泡 :stopPropagation()2.阻止元素默认事件行为preventDefault()onclick + return false接管行为1.JS阻止冒泡 :stopPropagation()<body> <div class="wrap"> <div class="inner"></div> </div> <script> le

2022-04-24 17:49:46 345

原创 JS 事件触发后的三个阶段

JS 事件触发后的三个阶段文章目录JS 事件触发后的三个阶段1.事件捕获阶段2.目标阶段3.事件冒泡阶段过程图形说明1.事件捕获阶段事件由最不精确的目标对象(document)开始触发，一直触发到具体精确的目标元素对象（element）的过程2.目标阶段目标阶段的事件会触发该元素（即事件目标）上的所有监听器3.事件冒泡阶段事件由精确，特定的目标元素对象（element）开始触发,一致触发到最不精确的目标对象（docuemnt）的过程过程图形说明...

2022-04-24 17:21:41 780

原创 JS DOM常用监听事件

JS DOM常用操作事件文章目录JS DOM常用操作事件鼠标相关事件onclickondblclickonmousedownonmousemoveonmouseuponmouseoutonmouseover键盘相关事件onkeydownonkeypressonkeyuponinput聚焦与失焦相关onbluronfocus加载错误或中断相关onerroronabort域内容改变相关onchangeonloadonunloadonresizeonselectonsubmitonreset鼠标相关事件on

2022-04-24 10:40:34 264

原创 JS DOM删除元素

JS DOM删除元素A.removeChild(B)在元素A中移除元素B<body> <div class="wrap"> <p class="one">张三 </p> </div> <span>王五</span> <script> var oWrap = document.querySelector('.wrap'); var oP = document.qu

2022-04-17 21:36:03 6164

原创 JS DOM标签元素复制和替换

JS DOM标签元素复制和替换文章目录JS DOM标签元素复制和替换元素的复制 :A.CloneNode(B)元素的替换 :A.replaceChild(B,C)元素的复制 :A.CloneNode(B)A表示需要被复制的元素对象B表示参数,当传入true表示连带子节点一并复制,false表示复制节点本身,不包括子节点<body> <div class="wrap"> <p>小情歌</p> </div>

2022-04-17 21:29:05 3125

原创 JS DOM创建和添加元素节点

JS DOM创建和添加元素节点文章目录JS DOM创建和添加元素节点第一种: createElement() + createTextNode() + appdChild()第二种: innerHTML第三种: document.write()第四种 : A.insetBefore(B,C)第一种: createElement() + createTextNode() + appdChild()<body> <script> let oP = document.cr

2022-04-17 21:12:39 1485

原创 JS DOM获取兄弟和子元素节点

JS DOM获取兄弟和子元素节点children :返回子节点集合获取子元素节点,返回标签节点集合<body> <div class="wrap"> <p>小情歌</p> <p>小情歌</p> </div> <script> let oWrap = document.querySelector(".wrap") console.log(oWrap.

2022-04-17 20:48:31 4105

原创 JS DOM获取元素节点文本内容

JS DOM获取节点文本内容innerText获取纯文本<body> <div class="one"><p><span> 小情歌 </span></p></div> <script> let one = document.querySelector(".one") console.log(one.innerText); ==>"小情歌"</scrip

2022-04-17 20:02:42 9335

原创 JS DOM获取标签/元素style样式

JS DOM获取标签/元素style样式文章目录JS DOM获取标签/元素style样式.stylegetComputedStyle().style只能获取行内样式,不能获取style标签中class的样式<body> <div class="one" style="color:red;width:180px">小情歌</div> <script> let one = document.querySelector(".one")

2022-04-17 17:40:08 2896

原创 JS DOM获取元素属性+操作方法

JS DOM获取元素属性+操作方法文章目录JS DOM获取元素属性+操作方法基础属性title属性tagName属性 : 获取标签名className属性 : 获取类名Nodelist.Length : 获取元素集合长度Nodelist.item(index) : 获取集合中指定元素classList 获取类名集合获取标签文本内容textContent 和 innerText 和innerText获取属性 : getAttribute() 和 .属性名修改属性 setAttribute()检验属性是否存

2022-04-17 17:07:51 8395

空空如也

空空如也