Fork me on GitHub

随笔分类 -  JavaScript知识

摘要:对象的定义与赋值 我们经常使用的定义与赋值方法obj.prop = value或者obj['prop'] = value Object.defineProperty()语法说明 Object.defineProperty()的作用就是直接在一个对象上定义一个新属性,或者修改一个已经存在的属性 Obj 阅读全文
posted @ 2022-04-28 22:12 较瘦 编辑
摘要:自从使用了 es6 的模块系统后,各种地方愉快地使用 import 、 export default,但也会在老项目中看到使用commonjs规范的 require、 module.exports。甚至有时候也会常常看到两者互用的场景。使用没有问题,但其中的关联与区别不得其解,使用起来也糊里糊涂。比 阅读全文
posted @ 2022-03-10 10:56 较瘦 编辑
摘要:JavaScript中Object对象方法总结 JavaScript中String字符串方法总结 JavaScript中Array数组方法总结 JavaScript中Object对象方法总结 方法 是否修改原始值 是否有返回值 描述 Object.is() 否 是 比较两个值是否相等,与严格比较运算 阅读全文
posted @ 2022-02-20 12:03 较瘦 编辑
摘要:JavaScript 中 Array 数组方法总结 JavaScript 中 String 字符串方法总结 JavaScript 中 Array 数组方法总结 JavaScript 中 Object 对象方法总结 方法 是否修改原始值 是否有返回值 描述 join() 否 是 把数组的所有元素放入一 阅读全文
posted @ 2021-12-29 17:31 较瘦 编辑
摘要:JavaScript中String字符串方法总结 JavaScript中String字符串方法总结 JavaScript中Array数组方法总结 JavaScript中Object对象方法总结 方法 是否修改原始值 是否有返回值 描述 concat() 否 是 连接两个或更多字符串,并返回新的字符串 阅读全文
posted @ 2021-12-28 19:45 较瘦 编辑
摘要:首先分享一个JavaScript运行时的网站,或许对你理解这些题目有帮助:http://pythontutor.com/visualize.html#mode=display ,访问有点慢,耐心等待一下。 . VS = 操作符优先级 let a = {n : 1}; let b = a; a.x = 阅读全文
posted @ 2019-12-07 19:11 较瘦 编辑
摘要:之前有很多人问学好前端需要学习哪些 js 库, 主流框架应该学 vue 还是 react ? 针对这些问题, 笔者来说说自己的看法和学习总结. 首先我觉得在学习任何知识之前必须要有一个明确的学习目标, 知道自己为什么要学它, 而不是看网上说的一股脑的给你灌输各种知识, 让你学习各种库, 从而不断的制 阅读全文
posted @ 2019-12-05 11:04 较瘦 编辑
摘要:前言 设计模式是一个程序员进阶高级的必备技巧,也是评判一个工程师工作经验和能力的试金石.设计模式是程序员多年工作经验的凝练和总结,能更大限度的优化代码以及对已有代码的合理重构.作为一名合格的前端工程师,学习设计模式是对自己工作经验的另一种方式的总结和反思,也是开发高质量,高可维护性,可扩展性代码的重 阅读全文
posted @ 2019-12-04 12:07 较瘦 编辑
摘要:Promise的源码实现 /** * 1. new Promise时,需要传递一个 executor 执行器,执行器立刻执行 * 2. executor 接受两个参数,分别是 resolve 和 reject * 3. promise 只能从 pending 到 rejected, 或者从 pend 阅读全文
posted @ 2019-12-03 19:07 较瘦 编辑
摘要:引言 当我们开发JavaScript应用时候,我们经常要处理依赖于其他任务的任务!比方说,我们想要先获取一个图像,然后经过压缩,应用过滤器,最后保存它。 最后我们可能会得到这样一个代码。 上面的代码我们应该都很熟悉,俗称回调地狱,这样的代码维护性可想而知。 幸运的是我们可以通过Promise来解决上 阅读全文
posted @ 2019-12-03 17:46 较瘦 编辑
摘要:引子 本文写给有一定Promise使用经验的人,如果你还没有使用过Promise,这篇文章可能不适合你,建议先了解Promise的使用 本篇文章整体架构的大图如下,接下来会一步一步去实现一个 Promise。 Promise 类 首先呢,promise肯定是一个类,同时还定义了 resolve 和 阅读全文
posted @ 2019-12-01 17:55 较瘦 编辑
摘要:相对于回调函数来说,Promise是一种相对优雅的选择。那么有没有更好的方案呢?答案就是async/await。 优势主要体现在,级联调用,也就是几个调用依次发生的场景。 ##相对于Promise,async/await有什么优点? 比较场景: 级联调用,也就是几个调用依次发生的场景: Promis 阅读全文
posted @ 2019-08-26 16:52 较瘦 编辑
摘要:一直对require、import存有混淆,抽时间搜罗整理一下笔记,加深记忆。 ##先说总结: 这两个都是为了JS模块化编程使用. 遵循规范: require 是 AMD规范引入方式 import是es6的一个语法标准,如果要兼容浏览器的话必须转化成es5的语法 调用时间: require是运行时调 阅读全文
posted @ 2019-08-13 17:06 较瘦 编辑
摘要:本文记录一下原生js创建对象的方式和继承的方式,内容主要来源 《JavaScript高级程序设计(第3版) 》第六章。 原型链 首先介绍一下构造函数、原型和实例的关系:每个构造函数都有一个原型对象(prototype),原型对象(prototype)都包含一个指向构造函数的指针(constructo 阅读全文
posted @ 2019-08-07 11:42 较瘦 编辑
摘要:在进行窗口的resize、scroll,输入框内容校验等操作时,如果事件处理函数调用的频率无限制,会加重浏览器的负担,导致用户体验非常糟糕。此时我们可以采用debounce(防抖)和throttle(节流)的方式来减少调用频率,同时又不影响实际效果。 函数防抖(debounce) 函数防抖(debo 阅读全文
posted @ 2019-07-16 21:28 较瘦 编辑
摘要:先说结论 总结: 同步先执行,异步(包扩宏任务队列、微任务队列)后执行 遇到new Promise直接执行,then中的方法直接放入微任务队列中 遇到setTimeout放入宏任务队列中 执行顺序:同步->微任务->宏任务 先说结论,说完结论不难发现,我们主要区分什么是宏任务、微任务即可!不必现在就 阅读全文
posted @ 2019-07-10 17:05 较瘦 编辑

知识点文章整理
点击右上角即可分享
微信分享提示