![](https://img-blog.csdnimg.cn/20191103133350603.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
JS 的那些事儿
JS 编程
注目羔羊
学无止境...
展开
-
JS - 异步操作(Promise+then 和 async+await)
Promise想了解Promise可传送至:Promiseasync+await想了解Promise可传送至:async+await用法举例://async 函数(包含函数语句、函数表达式、Lambda表达式)会返回一个 Promise 对象,如果在函数中 return 一个直接量,async 会把这个直接量通过 Promise.resolve() 封装成 Promise 对象。async function testAsync() { return "Hello Async!"原创 2021-01-15 15:17:32 · 3183 阅读 · 0 评论 -
js面试题, 函数提升, 变量提升,综合测试
**栗子:**:function foo() { getName = function () { alert(1); } return this;} foo.getName = function () { alert(2); };foo.prototype.getName = function () { alert(3); };var getName = fu...原创 2020-03-27 12:29:58 · 684 阅读 · 0 评论 -
js的一些数组方法
find()方法主要用来返回数组中符合条件的第一个元素(没有的话,返回undefined)filter()方法主要用来筛选数组中符合条件的所有元素,并且放在一个新数组中,如果没有,返回一个空数组map()方法主要用来对数组中的元素调用函数进行处理,并且把处理结果放在一个新数组中返回(如果没有返回值,新数组中的每一个元素都为undefined)forEach()方法也是用...原创 2020-02-08 12:55:02 · 82 阅读 · 0 评论 -
JS this指向的简单理解
先来个小栗子<script> var name = "全局的name"; var a = { name : "a函数中的name", say: function () { console.log(this.name); } } ...原创 2019-12-18 22:35:37 · 106 阅读 · 0 评论 -
JavaScript Promise 对象
ECMAscript 6 原生提供了 Promise 对象。Promise 对象代表了未来将要发生的事件,用来传递**异步**操作的消息。Promise 对象有以下两个特点:1、对象的状态不受外界影响。Promise 对象代表一个异步操作,有三种状态:pending: 初始状态,不是成功或失败状态。fulfilled: 意味着操作成功完成。rejected: 意味着操作失败。...原创 2019-11-24 21:47:31 · 368 阅读 · 0 评论 -
关于JS 函数 的 " 括号 "
函数后有无括号通俗点说 :1, 有括号, 函数会立即执行, 然后返回结果;2, 无括号, 会将函数 作为"对象"赋值给你的变量 .写个简单的小例子://结果: function test() { return 11; } var a = test; var b = test(); console.l...原创 2019-11-07 23:01:06 · 936 阅读 · 0 评论 -
关于JS闭包的理解
参考自 菜鸟教程 (https://www.runoob.com/js/js-function-closures.html)原创 2019-11-07 22:15:43 · 82 阅读 · 0 评论 -
JavaScript RegExp 对象
本文参考于 菜鸟教程 .原创 2019-11-04 22:54:13 · 96 阅读 · 0 评论 -
JS 正则表达式
本文参考于 菜鸟教程原创 2019-11-04 22:41:14 · 94 阅读 · 0 评论 -
自定义设置 VSCode 编辑器各种颜色
前言vscode 的扩展插件十分强大,在里面可以找到许多自己喜欢的插件,本人很喜欢 Solarized Light 的代码主题风格,但是也有美中不足的地方:该主题的注释和背景稍有不搭,在浅蓝色的代码面板里面很难看清楚, 可是又不想换掉 Solarized Light 的整体风格, 于是写下下面的代码方便自定义修改各种颜色 :步骤:文件 > 首选项 > 设置 或者 直接默认快...原创 2019-11-03 17:07:02 · 23299 阅读 · 1 评论 -
JavaScript 一些实用函数的抽象
@[First]`2019 - 11 - 2在这里插入代码片`(这里写自定义目录标题)阅读JS DOM 编程艺术(2)的些许感悟这本书虽然已经过去好多年了, 但我发现其中的思想真的很棒, 包括渐进增强, 平稳退化, 函数抽象等 . 收益良多, 特此记录, 方便学习和查找.函数抽象抽象:把一个非常具体的东西改进为一个较为通用的东西的过程.## 下面记录一些JS的实用函数:1. 在...原创 2019-11-03 13:30:27 · 353 阅读 · 0 评论 -
手动封装 styleElementSiblings(tag, theClass) 函数(JS)为标签新加 class 属性值
DOM 方式不通过直接设置 style 属性改变样式, 通过新加 class 属性值, 然后设置样式 :function styleElementSiblings(tag, theClass){ if(!document.getElementsByTagName) return fasle; var elems = document.getElementsByTagName(tag); v...原创 2019-11-03 00:21:08 · 167 阅读 · 0 评论 -
手动封装 getNextElement 函数 (JS)获取下一个元素结点
获取下一个元素节点 :function getNextElement(node){ if(node.nodeType == 1){ return node; } if(node.nextSibling){ return getNextElement(node.nextSibling); } return null;}原创 2019-11-02 23:57:23 · 235 阅读 · 0 评论 -
手动封装 insertAfter JS 函数
我们知道 DOM 提供了 insertBefore 函数, 用于在已有的元素前插入一个新元素, 而 DOM 本身并没有提供一个 insertAfter 函数用于在已有元素后插入一个新元素, 可通过现有的 DOM 方法和属性自己手动封装一个 insertAfter 函数.如下:function insertAfter (newElement, targetElement){ var paren...原创 2019-11-02 22:05:38 · 151 阅读 · 0 评论 -
手动封装 addClass JS 函数
addClass 函数在需要给一个元素追加新的 class 时, 可以按以下步骤 :1 , 检查 className 属性的值是否为 null ;2 , 若是空, 把新的 class 设置值直接赋值给 className 属性 ;3 , 若不是, 把一个空格和新的 class 设置值追加到 className 属性上.具体函数如下:参数1 为需要添加新的 class 属性的元素(ele...原创 2019-11-02 15:09:14 · 172 阅读 · 0 评论 -
addLoadEvent 函数(JS)
addLoadEvent()函数:不管你打算在页面加载完毕时执行多少个函数,一百个一千个等,它都可以应付自如,使用一个函数addLoadEvent,它是由Simon Willison(详见 http://simon.incutio.com)编写的,它只有一个参数: 需要执行的函数名 .function addLoadEvent(func){ var oldοnlοad = window.on...原创 2019-11-02 09:16:57 · 250 阅读 · 1 评论