
JS 的那些事儿
JS 编程
注目羔羊
学无止境...
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
JS - 异步操作(Promise+then 和 async+await)
Promise 想了解Promise可传送至:Promise async+await 想了解Promise可传送至:async+await 用法举例: //async 函数(包含函数语句、函数表达式、Lambda表达式)会返回一个 Promise 对象,如果在函数中 return 一个直接量,async 会把这个直接量通过 Promise.resolve() 封装成 Promise 对象。 async function testAsync() { return "Hello Async!"原创 2021-01-15 15:17:32 · 3350 阅读 · 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 · 730 阅读 · 0 评论 -
js的一些数组方法
find() 方法主要用来返回数组中符合条件的第一个元素(没有的话,返回undefined) filter() 方法主要用来筛选数组中符合条件的所有元素,并且放在一个新数组中,如果没有,返回一个空数组 map() 方法主要用来对数组中的元素调用函数进行处理,并且把处理结果放在一个新数组中返回(如果没有返回值,新数组中的每一个元素都为undefined) forEach() 方法也是用...原创 2020-02-08 12:55:02 · 119 阅读 · 0 评论 -
JS this指向的简单理解
先来个小栗子 <script> var name = "全局的name"; var a = { name : "a函数中的name", say: function () { console.log(this.name); } } ...原创 2019-12-18 22:35:37 · 141 阅读 · 0 评论 -
JavaScript Promise 对象
ECMAscript 6 原生提供了 Promise 对象。 Promise 对象代表了未来将要发生的事件,用来传递**异步**操作的消息。 Promise 对象有以下两个特点: 1、对象的状态不受外界影响。Promise 对象代表一个异步操作,有三种状态: pending: 初始状态,不是成功或失败状态。 fulfilled: 意味着操作成功完成。 rejected: 意味着操作失败。 ...原创 2019-11-24 21:47:31 · 415 阅读 · 0 评论 -
关于JS 函数 的 " 括号 "
函数后有无括号 通俗点说 : 1, 有括号, 函数会立即执行, 然后返回结果; 2, 无括号, 会将函数 作为"对象"赋值给你的变量 . 写个简单的小例子: //结果: function test() { return 11; } var a = test; var b = test(); console.l...原创 2019-11-07 23:01:06 · 1011 阅读 · 0 评论 -
关于JS闭包的理解
参考自 菜鸟教程 (https://www.runoob.com/js/js-function-closures.html)原创 2019-11-07 22:15:43 · 143 阅读 · 0 评论 -
JavaScript RegExp 对象
本文参考于 菜鸟教程 .原创 2019-11-04 22:54:13 · 131 阅读 · 0 评论 -
JS 正则表达式
本文参考于 菜鸟教程原创 2019-11-04 22:41:14 · 135 阅读 · 0 评论 -
自定义设置 VSCode 编辑器各种颜色
前言 vscode 的扩展插件十分强大,在里面可以找到许多自己喜欢的插件,本人很喜欢 Solarized Light 的代码主题风格,但是也有美中不足的地方: 该主题的注释和背景稍有不搭,在浅蓝色的代码面板里面很难看清楚, 可是又不想换掉 Solarized Light 的整体风格, 于是写下下面的代码方便自定义修改各种颜色 : 步骤: 文件 > 首选项 > 设置 或者 直接默认快...原创 2019-11-03 17:07:02 · 23515 阅读 · 1 评论 -
JavaScript 一些实用函数的抽象
@[First]`2019 - 11 - 2 在这里插入代码片 `(这里写自定义目录标题) 阅读JS DOM 编程艺术(2)的些许感悟 这本书虽然已经过去好多年了, 但我发现其中的思想真的很棒, 包括渐进增强, 平稳退化, 函数抽象等 . 收益良多, 特此记录, 方便学习和查找. 函数抽象 抽象:把一个非常具体的东西改进为一个较为通用的东西的过程. ## 下面记录一些JS的实用函数: 1. 在...原创 2019-11-03 13:30:27 · 459 阅读 · 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 · 199 阅读 · 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 · 308 阅读 · 0 评论 -
手动封装 insertAfter JS 函数
我们知道 DOM 提供了 insertBefore 函数, 用于在已有的元素前插入一个新元素, 而 DOM 本身并没有提供一个 insertAfter 函数用于在已有元素后插入一个新元素, 可通过现有的 DOM 方法和属性自己手动封装一个 insertAfter 函数. 如下: function insertAfter (newElement, targetElement){ var paren...原创 2019-11-02 22:05:38 · 211 阅读 · 0 评论 -
手动封装 addClass JS 函数
addClass 函数 在需要给一个元素追加新的 class 时, 可以按以下步骤 : 1 , 检查 className 属性的值是否为 null ; 2 , 若是空, 把新的 class 设置值直接赋值给 className 属性 ; 3 , 若不是, 把一个空格和新的 class 设置值追加到 className 属性上. 具体函数如下: 参数1 为需要添加新的 class 属性的元素(ele...原创 2019-11-02 15:09:14 · 215 阅读 · 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 · 312 阅读 · 1 评论