技术栈
ecmascript 6
前端那点事
4 天前
ecmascript 6
23种Promise高效用法,彻底搞定前端异步痛点,新手也能秒上手
前端人必看!你是不是也被异步操作逼疯过😭回调地狱嵌套一层又一层,代码乱得像“蜘蛛网”;并发请求太多导致接口拥堵,页面卡顿崩溃;异步请求超时、无法取消,报错无从排查;不知道怎么顺序/并行执行异步任务,越写越乱……
前端那点事
4 天前
ecmascript 6
ES6模块化保姆级教程,彻底告别全局污染,新手也能秒上手
前端人必看!你是不是也遇到过这些坑😭写代码时,变量、函数越写越多,不小心就全局污染,导致代码冲突报错;引入多个JS文件,顺序乱了就崩;想复用一段代码,只能复制粘贴,后期维护堪比“拆炸弹”……
前端那点事
4 天前
ecmascript 6
ES6 40个数组方法保姆级拆解
前端人必看!数组是JS开发中最常用的数据结构,没有之一✨很多开发者写数组操作,还在死磕for循环写几十行冗余代码,要么用错方法导致bug频发,要么不知道哪个方法更高效——其实ES6+早已贴心提供了40个数组方法,覆盖遍历、筛选、修改、转换等所有场景,学会它们,编码效率直接翻倍,面试也能轻松拿捏面试官!
前端那点事
4 天前
ecmascript 6
救命!ES6入门到精通,前端小白也能秒上手
谁懂啊家人们!前端入门绕不开ES6,可网上的教程要么太晦涩,要么代码零散,新手看了直接劝退😭其实ES6根本没那么难!它不是全新的语言,只是JavaScript的“升级补丁”——把ES5里繁琐的写法简化,新增了超多实用功能,学会它,写代码效率直接翻倍,面试也能轻松拿捏!
kyriewen
24 天前
前端
·
javascript
·
ecmascript 6
JavaScript 继承的七种姿势:从“原型链”到“class”的进化史
昨天我们聊了原型链,知道了JS对象之间是怎么“攀亲戚”的。今天咱们来聊聊继承——也就是怎么让一个对象“认祖归宗”,继承另一个对象的属性和方法。从最原始的手动操作,到ES6优雅的class语法,这中间有好几种姿势,每种都有自己的脾气。今天一次性给你盘清楚。
kyriewen
25 天前
前端
·
javascript
·
ecmascript 6
原型与原型链:JavaScript 的“家族关系”大揭秘
有人说JavaScript里“万物皆对象”,但对象和对象之间怎么攀亲戚?今天我们就来扒一扒JS的“家族关系”——原型和原型链。看懂了它,你就理解了JS面向对象的核心,也能明白为什么一个数组能调用那么多方法。
kyriewen
1 个月前
前端
·
javascript
·
ecmascript 6
闭包:那个“赖着不走”的家伙,到底有什么用?
昨天我们认识了闭包——那个“虽然离开了家,但还记得家里密码”的神奇函数。今天咱们来深挖一下:闭包这玩意儿到底能干啥?有没有什么副作用?怎么防止它把内存吃光?看完这篇,你不仅知道闭包怎么用,还能在面试官面前侃侃而谈。
kyriewen
1 个月前
前端
·
javascript
·
ecmascript 6
作用域与作用域链:JS 的“找东西”逻辑,闭包到底是个啥?
为什么有的变量在函数里能用,在外面却报错?为什么循环里的i总是最后一个值?今天我们就来聊聊JavaScript的作用域和作用域链,顺便揭开闭包的神秘面纱。保证你看完之后,再也不用背面试题了。
kyriewen
1 个月前
前端
·
javascript
·
ecmascript 6
JavaScript 数据类型全家福:谁是大哥大,谁是小透明?
有人说JS里万物皆对象,有人说JS里类型多得让人头大。今天我们就来盘点一下JavaScript的七种基本数据类型和它们的“爸爸”Object,看看它们各自有什么脾气,日常相处中又有哪些让人哭笑不得的坑。
有意义
2 个月前
javascript
·
ecmascript 6
最短连续子串
给两个字符串:找出 s 中最短的连续子串,使得这个子串 包含 t 中所有字符(包括重复次数) 。比如 t = "AAB",那子串里至少要有 2 个 'A' 和 1 个 'B'。
AAA阿giao
4 个月前
前端
·
javascript
·
ecmascript 6
JavaScript 中 this 的终极解析:从 call、bind 到箭头函数的深度探索
在 JavaScript 编程的世界里,this 是一个既基础又令人困惑的概念。它看似简单,却常常在不经意间“背叛”我们的预期;它灵活多变,却又遵循着一套严格的规则。尤其当与 call、apply、bind 以及 ES6 引入的箭头函数结合时,this 的行为变得更加微妙而强大。
1024肥宅
4 个月前
前端
·
javascript
·
ecmascript 6
JavaScript 原生方法实现:数学与数字处理全解析
JavaScript中的数字处理看似简单,实则隐藏着许多值得深入探讨的细节。从基本运算到复杂的大数处理,从浮点数精度到随机数生成,每个环节都影响着程序的准确性和可靠性。本文将系统性地解析JavaScript中数学与数字处理的核心实现,帮助你建立完整的技术认知体系。
San30
4 个月前
javascript
·
vue.js
·
ecmascript 6
破茧成蝶:Web 前端开发的三次革命与架构演进史
在计算机科学的宏大叙事中,Web 前端的发展速度令人咋舌。从最初简陋的文档展示,到如今能够承载复杂 3D 交互(如 Three.js)和即时通讯的富应用平台,前端技术栈经历了一次又一次的推倒重来。
xhxxx
4 个月前
前端
·
javascript
·
ecmascript 6
函数执行完就销毁?那闭包里的变量凭什么活下来!—— 深入 JS 内存模型
在前端开发中,我们每天都在写函数、声明变量、使用闭包。但你是否曾思考过:JavaScript 引擎究竟是如何运行你的代码的? 为什么一个函数执行完毕后,它内部的变量还能被外部访问?这些“自由变量”到底存在哪里? 要回答这些问题,我们必须深入 JS 的执行机制与内存模型。
1024肥宅
4 个月前
前端
·
javascript
·
ecmascript 6
字符串方法手写实现:从模板解析到Unicode处理
在JavaScript开发中,字符串操作无处不在。尽管现代JavaScript已经提供了丰富的字符串方法,但理解其底层原理并能够手动实现它们,是提升编程能力和解决复杂问题的关键。本文将深入探讨模板字符串解析、正则表达式方法、字符串加密算法以及Unicode编码处理,并在此基础上补充字符串基础操作、性能优化等实用内容。
1024肥宅
4 个月前
前端
·
javascript
·
ecmascript 6
JavaScript 数组原生方法手写实现
在JavaScript开发中,数组方法是日常编码的核心工具。理解这些方法的内部实现原理不仅能帮助我们写出更高效的代码,还能在面试中展现扎实的基础。本文将完整实现JavaScript中最重要、最常用的数组方法,涵盖高阶函数、搜索方法、扁平化方法和排序算法。
xhxxx
4 个月前
javascript
·
面试
·
ecmascript 6
一个空函数,如何成就 JS 继承的“完美方案”?
在 JavaScript 的世界里,继承一直是开发者绕不开的话题。由于其基于原型(prototype)的独特机制,实现高效、安全、可维护的继承并非易事。从早期的原型链继承、构造函数继承,到组合继承,再到如今被广泛推崇的 寄生组合式继承(Parasitic Combination Inheritance) ,我们终于找到了一个近乎完美的解决方案。
1024肥宅
4 个月前
前端
·
javascript
·
ecmascript 6
手写 new 操作符和 instanceof:深入理解 JavaScript 对象创建与原型链检测
在JavaScript中,new操作符和instanceof操作符是面向对象编程的核心概念。理解它们的底层原理不仅能帮助我们更好地使用JavaScript,还能在面试中展现出更扎实的基础知识。
1024肥宅
4 个月前
前端
·
javascript
·
ecmascript 6
JavaScript 拷贝全解析:从浅拷贝到深拷贝的完整指南
在Javascript开发中,数据拷贝是我们每天都会遇到的基础操作。然而,这个看似简单的概念背后隐藏着许多陷阱和细节。错误的数据拷贝可能导致难以调试的bug、内存泄漏甚至程序崩溃。
有意义
4 个月前
javascript
·
面试
·
ecmascript 6
this 不是你想的 this:从作用域迷失到调用栈掌控
一段代码揭示 JavaScript 作用域的本质我们从一段看似简单、却常被用作教学陷阱的 JavaScript 代码开始: