自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(74)
  • 收藏
  • 关注

原创 你还在手动操作仓库?这款 CLI 工具让你效率飙升300%!

作为一名开发者,我经常会在 GitHub 和 Gitee 上 fork 各种项目。时间一长,这些仓库就会堆积如山,变成了“垃圾仓库”。每次打开代码托管平台,看到那些不再需要的仓库,我的强迫症就会发作。手动一个一个删除这些仓库不仅耗时耗力,还非常枯燥乏味。为了彻底解决这个问题,不如解放双手,开发一个工具,能够快速、批量地删除这些不再需要的仓库。于是,一个全新的开源工具del-repos诞生了!del-repos—— 这个工具旨在帮助开发者更加轻松地管理他们的代码仓库,尤其是批量删除不再需要的仓库。

2024-06-24 17:52:32 250

原创 组长:你熟悉过React,开发个Next项目模板吧,我:怎么扯上关系的?

这个项目模板是为初学者快速了解 Next.js 企业项目模板大体框架。通过这个模板,可以快速搭建一个标准化的企业项目,减少重复劳动,提高开发效率。模板中集成了多种现代化的开发工具和框架,确保项目的可维护性和扩展性。总的来说,这个 Next.js 企业项目模板是一个非常有价值的工具,特别适合初学者和企业开发者使用。它不仅提供了一个标准化的项目结构,还集成了多种现代化的开发工具和框架,确保项目的高效开发和维护。希望这个模板能帮助你更快地上手 Next.js 开发,并构建出高质量的企业应用。

2024-06-12 13:44:09 734

原创 JavaScript 事件循环竟还能这样玩!

事件循环是 JavaScript 运行时环境中处理异步操作的核心机制。它允许 JavaScript 在执行任务时不会阻塞主线程,从而实现非阻塞 I/O 操作。调用栈(Call Stack)调用栈是一个 LIFO(后进先出)结构,用于存储当前执行的函数调用。当一个函数被调用时,它会被推入调用栈,当函数执行完毕后,它会从调用栈中弹出。任务队列(Task Queue)任务队列存储了所有等待执行的任务,这些任务通常是异步操作的回调函数,例如setTimeout、I/O 操作等。

2024-06-03 10:29:00 710

原创 爆爽,英语小白怒刷 50 课!像玩游戏一样学习英语~

因为工作需要,且一手的资料都是英文,所以不得不重拾起它,但可能会有人说有翻译插件呀,确实,但我在我个人看来去学习一手资料能获取的信息点、了解的更多。所以,不如重拾起它,之前广泛(时态,语法,音标,单词…)的英语学习,对于我来说很难坚持下去,所以,这次就聚焦于一个方向:程序员英语,学习内容以前端开发中常用到的专业术语,名词,及各种交流表达为主。因此后期会隔 2 周时间更新一下最近的英语学习内容。

2024-05-10 17:47:10 732

原创 爆爽,英语小白怒刷50课!像玩游戏一样学习英语~

重点!!!(先看这)1.清楚自己学英语的目的, 先搞清楚目标,再行动2.自身现在最需要的东西:词汇量?口语?还是阅读能力?3.找对应的书籍,学习资料4.往兴趣靠拢:网上有大量的推荐美剧学习、小说学习,不要被他们迷了眼,适合他们的不一定适合你,找到适合的你才能长期坚持下去。•我的学习方式:比如我要学习和了解第一手的信息,而信息的呈现方式又是英语, 所以我的目标是:程序员英语 一个超好用英语学...

2024-05-10 17:17:50 300

原创 一定要避坑:关于微信H5分享,温馨提示你不要再踩坑了!!!

注意事项:在使用 JSDK 之前,确保先进行初始化成功后再进行分享配置。在定制分享配置时,避免使用 window.location.origin 生成链接,而是使用下述提到的方法来生成,(盲猜,可能是 IOS 和 Android 兼容性问题)link: `${${${${this需要注意的是,H5 分享与网页的 hash 或 history 模式无关。解决方案✅从公众号菜单中的链接打开或从气泡链接进入,同样可以生效。✅✅。

2024-04-03 15:40:36 1622

原创 深入理解位运算符及其在JavaScript中的应用

因此 3&5 的值为 1。

2024-03-12 14:23:01 698

原创 JavaScript中的包装类型详解

包装类型是 JavaScript 中的一种特殊对象,它们将基本类型的值“包装”在对象中,使我们能够在基本类型上调用方法。StringNumber和Boolean。例如,当我们在一个字符串上调用方法时,JavaScript 会临时将其转换(或者说“包装”)为一个对象,这样就可以调用方法了。// 输出 "HELLO"在这个例子中,str是一个字符串基本类型,但我们可以在它上面调用方法。这是因为 JavaScript 在后台临时将str包装成了一个String对象,然后在这个对象上调用了方法。

2024-02-26 14:26:02 357

原创 一个菜鸡前端的3年总结-「2023」

一眨眼出来工作已经三年了这三年自己在各方面都有所提升,做了许多事情…,今年也正好做个总结吧自己想到那写到哪,有点乱,见谅!这三年,不断在提升自己,时刻要求自己不要浪费时间,因为刚开始的前几年是最重要的,在个人成长提升上自己要做到坚决服从自己的目标管理,时时刻刻记住自己的那几句话。最后,如果有喜欢跑步、喜欢阅读,喜欢探索技术的小伙伴可以一起监督打卡呀,一个人做这些有时候确实缺少一些动力,很难坚持下去,但如果有共同目标的小伙伴一起,我相信可以坚持的更久,更能很好的做自己。

2024-01-30 14:26:03 726

转载 一步到位,免费领取2024微信红包!!!

感谢大家一直以来的陪伴与支持!在这新年来临之际为大家精心准备了独一无二的微信红包封面让祝福更独特,更富特色!数量有限,先到先得~领取后也可以分享给朋友免费领取哦红包最后,我们衷心愿望:在2024这祥龙纵横的一年,祝大家鸿运当头,新年开门红!希望你我他她它,每天开心笑哈哈。...

2024-01-27 11:26:05 36

原创 终极秘诀:打破无代码状态的小方法

1. 重构的记录格式?每个重构手法都有 5 个部分名称(name):建构一个重构词汇名称的对应表速写(sketch):帮助我们更快的找到所需要的手法动机(motivation):会介绍 “为什么需要做这个重构”和 “什么情况下不该做这个重构”做法(mechanics):如何一步一步进行重构范例(examples):以一个简单的例子来说明此重构手法如何运作牢记重构的一点:小步前进,情况越复杂,步子就要越小。

2023-11-04 18:06:57 214

原创 不愧是疑问解决神器(二)!你强任你强

1. 重构的记录格式?每个重构手法都有 5 个部分名称(name):建构一个重构词汇名称的对应表速写(sketch):帮助我们更快的找到所需要的手法动机(motivation):会介绍 “为什么需要做这个重构”和 “什么情况下不该做这个重构”做法(mechanics):如何一步一步进行重构范例(examples):以一个简单的例子来说明此重构手法如何运作牢记重构的一点:小步前进,情况越复杂,步子就要越小。

2023-11-04 18:02:17 163

原创 不愧是疑问解决神器(二)!你强任你强

1. 重构的记录格式?每个重构手法都有 5 个部分名称(name):建构一个重构词汇名称的对应表速写(sketch):帮助我们更快的找到所需要的手法动机(motivation):会介绍 “为什么需要做这个重构”和 “什么情况下不该做这个重构”做法(mechanics):如何一步一步进行重构范例(examples):以一个简单的例子来说明此重构手法如何运作牢记重构的一点:小步前进,情况越复杂,步子就要越小。

2023-10-22 16:27:52 123

原创 不愧是疑问解决神器!你强任你强

1. 这本书讲了什么?解释了重构的原理和最佳实践,并指出何时何 地你应该开始挖掘你的代码以求改善。2. 这本书的核心是什么?本书的核心是一系列完整的重构方法,其 中每一项都介绍一种经过实践检验的代码变换手法的动机和技术3. 重构的关键是什么?理解,有条不絮的理解是进行重构的关键。运用本书的重构手法,保证每次只走一步。4. 什么是重构?在不改变代码外在行为的前提下,对代码做出修改,以此来改进程序的内部结构。重构就是在代码写好之后改进它的设计。5. 这本书的核心部分?

2023-10-01 15:11:31 104

原创 不愧是疑问解决神器!你强任你强~

前言系列首发于公众号『前端进阶圈』,若不想错过更多精彩内容,请“星标”一下,敬请关注公众号最新消息。•在过去,我习惯用这种方式来阅读书籍或文章:先快速浏览一遍,然后再进行复读,并最终总结所学的知识点。然而,长期以来,我发现这种方式并不能满足我最初阅读的目的。我相信许多人也有相似的经历,我们阅读某些文章或书籍,要么是为了扩展知识面,要么是为了解决某个问题,或者是对某个话题产生兴趣。然而,事实上,我...

2023-10-01 14:49:11 8

原创 超全60000多字详解 14 种设计模式 (多图+代码+总结+Demo)

最佳实践jQuery, lodash, moment …电商中的购物车(因为一个用户只有一个购物车)Vue 或 React 中全局状态管理(Vuex、Redux、Pinia)全局组件适用场景全局缓存管理器消息总线购物车全局状态管理全局事件管理器优缺点优点:全局访问和单一实例:因为全局仅有一个实例对象,所以对单例的多个实例化都会得到的同一个实例,这就可以确保所有的对象都可访问一个实例。节省资源:因为全局仅有一个实例对象,所以可节约系统资源,避免频繁创建和销毁对象,造成系

2023-09-08 11:40:17 612

原创 基于状态模式: 没有实践,再多的理论都是扯淡!!!

状态模式是一种面向对象的设计模式,它允许一个对象在其内部状态改变时改变它对应的行为。状态模式的关键在于如何区分事物内部的状态,事物内部状态的改变往往会带来事物的行为的改变。通常我们谈到封装,一般都会优先封装对象的行为(比如,某个函数),而不是对象的状态。但在状态模式中恰好相反,状态模式的关键是把事物的每种状态都封装成单独的类,跟状态有关的行为会被封装在这个类的内部。

2023-09-03 16:32:51 98

原创 基于装饰器——我劝你不要在业务代码上装逼!!!

在传统的面向对象语言中,给对象添加功能常使用继承的方式,但继承的方式并不灵活,会带来一些许多问题,如:超类和子类存在强耦合性,也就是说当改变超类时,子类也需要改变。而装饰器模式的出现改变的这种方式,装饰器模式可在不改变现有对象解构的基础上,动态地为对象添加功能。

2023-08-30 15:25:06 53

原创 面试官:策略模式有使用过吗?我:没有......

策略模式:定义一系列的算法,将他们一个个封装,并使他们可相互替换。

2023-08-24 16:36:11 53

原创 全能指挥官:玩转JavaScript命令模式,让代码听你的话!

【代码】全能指挥官:玩转JavaScript命令模式,让代码听你的话!

2023-08-06 16:55:05 127

原创 懒得改变原始对象?JavaScript代理模式教你怎样一步步偷懒!

系列首发gong zhong hao[『非同质前端札记』] ,若不想错过更多精彩内容,请“星标”一下,敬请关注gong zhong hao最新消息。问题标注答案标注R:(result)T:(tips)

2023-07-30 15:31:41 83

原创 JavaScript程序设计模式小技巧——策略模式,快看快用!!!

策略模式:定义一系列的算法,将他们一个个封装,并使他们可相互替换。问题标注答案标注R:(result)T:(tips)

2023-07-23 17:29:30 48

原创 深度剖析之由浅入深揭秘JavaScript类型转换(最全总结篇)

将值从一种类型转换为另一种类型通常称为类型转换,分为隐式强制类型转换和显示强制类型转换。两者的区别在于是否可直观看出。如下代码:var a = 42;// 隐式强制类型转换 var c = String(a);// 显式强制类型转换 b;// 42 c;// 42上述代码中,对于 b 而言是隐式转换,而对于 c 而言是显示转换。

2023-07-07 10:46:19 61

原创 JavaScript 实践+理论(总结篇):作用域、闭包、this、对象原型

this 与对象原型第一章 关于 thisthis 既不指向函数自身也不指向函数的词法作用域this 是在函数被调用时发生的绑定关系,它指向哪里完全取决于函数在哪里被调用第二章 this 全面解析判断 this 指向的四种规则:是否在 new 中调用(new 调用), this 指向新创建的对象是否通过 call, apply(显示绑定), this 指向绑定的对象是否在某个对象中调用(隐式绑定), this 指向绑定对象的上下文如果都不是,则是默认绑定,在严格模

2023-06-26 15:04:43 213

原创 理论+实践:从原型链到继承模式,掌握 Object 的精髓(二)

上述代码使用一个一次性函数 F, 通过改写它的 .prototype 属性使其指向想要关联的对象,然后再使用 new F() 来构造一个新对象进行关联。

2023-06-22 12:42:37 585

原创 理论+实践:从原型链到继承模式,掌握 Object 的精髓(一)

系列首发于公众号『前端进阶圈』 ,若不想错过更多精彩内容,请“星标”一下,敬请关注公众号最新消息。

2023-06-16 14:11:47 110

原创 this 之谜揭底:从浅入深理解 JavaScript 中的 this 关键字(二)

系列首发于公众号『前端进阶圈』 ,若不想错过更多精彩内容,请“星标”一下,敬请关注公众号最新消息。

2023-06-13 10:29:48 234

原创 this 之谜揭底:从浅入深理解 JavaScript 中的 this 关键字(一)

系列首发于公众号『前端进阶圈』,若不想错过更多精彩内容,请“星标”一下,敬请关注公众号最新消息。欢迎关注『前端进阶圈』公众号 ,一起探索学习前端技术…公众号回复 [加群]或 [扫码], 即可加入前端交流学习群,一起快乐摸鱼和学习…公众号回复 [加好友],即可添加为好友。

2023-06-08 15:19:55 143

原创 JavaScript深度剖析之变量、函数提升:从表面到本质

系列首发于公众号『前端进阶圈』,若不想错过更多精彩内容,请“星标”一下,敬请关注公众号最新消息。想要彻底理解提升这篇文章,除非你已经理解了作用域、词法作用域、动态作用域、编译器、引擎之间的联系,否则建议你先从之前的文章读起。在前几篇文章中提到的作用域中的变量声明出现的位置有着某种微妙的联系,而这个联系就是本篇文章所讨论的内容。

2023-06-02 20:58:23 221

原创 【深度剖析】JavaScript中块级作用域与函数作用域

系列首发于公众号『前端进阶圈』,若不想错过更多精彩内容,请“星标”一下,敬请关注公众号最新消息。

2023-05-26 09:47:40 353

原创 JavaScript作用域深度剖析:动态作用域

系列首发于公众号『前端进阶圈』,若不想错过更多精彩内容,请“星标”一下,敬请关注公众号最新消息。词法作用域和动态作用域,而这篇文章我们一起来学习动态作用域。

2023-05-23 09:36:08 210

原创 JavaScript中eval和with语句如何影响作用域链:探索深度知识

系列首发于公众号『前端进阶圈』,若不想错过更多精彩内容,请“星标”一下,敬请关注公众号最新消息。在上篇文章中,我们介绍了深度剖析了作用域,并将其定义为一套规则,这套规则用来管理引擎如何在当前作用域以及嵌套的子作用域中根据标识符名称进行变量查找。JavaScript作用域深度剖析:从局部到全局一网打尽: https://mp.weixin.qq.com/s/zfTTVsgBRjoOk0Sm6Scb2w词法作用域和动态作用域, 而本篇文章我们将深入词法作用域,让我们一起来了解一下吧。

2023-05-19 09:39:55 220

原创 探究 JavaScript 前端热点面试题(三):让你在面试中游刃有余!

系列首发于公众号『前端进阶圈』 ,若不想错过更多精彩内容,请“星标”一下,敬请关注公众号最新消息。DOM:文档对象模型,指把文档当做了一个对象,这个对象中包含了处理网页的方法和接口BOM:浏览器对象模型,把浏览器当成了一个对象,这个对象主要定义了与浏览器交互的方法和接口,BOM 的核心是 window, 而 window 具有双重角色,既是通过 js 调用浏览器窗口的一个接口,也是一个 Global 对象。这也就意味着在网页中定义的任何对象,变量和函数,都会作为全局对象的一个属性或方法存在。

2023-05-17 09:46:40 160

原创 JavaScript作用域深度剖析:从局部到全局一网打尽

系列首发于公众号『前端进阶圈』,若不想错过更多精彩内容,请“星标”一下,敬请关注公众号最新消息。

2023-05-14 14:14:34 14

原创 必知必会的JavaScript前端面试题篇(二),不看后悔!

系列首发于公众号『前端进阶圈』,若不想错过更多精彩内容,请“星标”一下,敬请关注公众号最新消息。

2023-05-13 09:56:51 50

原创 必知必会的JavaScript前端面试题篇(一),不看后悔!

系列首发于公众号『前端进阶圈』,若不想错过更多精彩内容,请“星标”一下,敬请关注公众号最新消息。

2023-05-07 10:43:35 69

原创 手撕代码系列(四)

系列首发于公众号『前端进阶圈』,若不想错过更多精彩内容,请“星标”一下,敬请关注公众号最新消息。

2023-05-02 08:38:03 46

原创 手撕代码系列(三)

系列首发于公众号『前端进阶圈』,若不想错过更多精彩内容,请“星标”一下,敬请关注公众号最新消息。

2023-04-29 09:52:59 50

原创 手撕代码系列(二)

系列首发于公众号『前端进阶圈』 ,若不想错过更多精彩内容,请“星标”一下,敬请关注公众号最新消息。

2023-04-26 09:43:23 55

原创 面试必考: 手撕代码系列(一)

系列首发于公众号『前端进阶圈』,若不想错过更多精彩内容,请“星标”一下,敬请关注公众号最新消息。

2023-04-22 11:16:34 114

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除