baiguo610-CSDN博客

在前端开发中，为了更好的渲染，大家是不是经常要处理一些数据。其中很常见的一个需求就是数组去重，无论是处理用户输入的数据还是操作复杂的数组结构，都需要我们高效地实现去重功能，我总了去重的多种方式。双重循环法是最朴素的实现方式，通过嵌套循环逐一比对数组元素，将不重复的元素加入新数组中。上海前端程序媛，爱代码，爱健身，爱户外活动，更爱搞副业。当数组中包含复杂结构（如对象）时，Map 是非常好的选择，可以基于某个属性去重。reduce 是一个强大的数组方法，它可以在遍历数组时累积结果，从而实现去重。

2024-12-31 13:36:22 706

原创阿里云有多好用？以个人技术博客为例，用阿里云实现毕业设计

作为一名即将毕业的计算机系学生，我的毕业设计是搭建一个个人博客，用以展示我的技术积累与学习心得。在研究过程中，我选择了阿里云作为我的技术支撑平台。本文将为你讲述阿里云的优势，以及如何高效地将它应用到我的毕业设计中。阿里云不仅是完成毕业设计的工具，更是学习云计算技术的起点。阿里云是阿里巴巴旗下的云计算服务平台，提供弹性计算、存储、网络、安全等多种服务，已经成为国内最受欢迎的云计算平台之一。阿里云不仅提供云服务器ECS试用，还开放了120+款云产品供体验，让你轻松上手多种云服务。

2024-12-29 19:08:46 961

原创一文带你读懂ES6中的变量声明let与const

在变量声明之前的代码区域，无法访问该变量。但如果是引用类型（如数组或对象），const 声明的变量引用地址不能改变，但对象的属性或数组的元素仍然可以被修改。var 的作用域是函数级别的，即它声明的变量在整个函数内都能访问到。var 声明的变量会被提升到函数或全局作用域的顶部，但只有变量声明会被提升，初始化赋值不会。let 是大多数场景下的首选，它避免了 var 的一些问题，适用于大部分的变量声明，尤其是在需要修改变量值的情况下。在上面的例子中，即使 x 是在 if 语句块中声明的，但它仍然可以在外部访问。

2024-12-27 07:56:40 898

原创箭头函数 vs 普通函数：前端开发者必须掌握的5大核心区别

箭头函数和普通函数各有特点与适用场景：箭头函数以简洁语法和固定的 this 绑定适合回调函数与上下文一致的场景，而普通函数凭借动态的 this 和构造能力，在面向对象编程和需要 arguments 的情况下更具优势。在实际开发中，根据具体需求选择合适的函数形式，不仅能提升代码的可读性，还能避免因 this 绑定问题导致的潜在错误，从而写出更高效、更优雅的代码。箭头函数没有自己的 arguments 对象，如果需要，可以使用外层函数的 arguments，或者使用扩展运算符 ...。需要完整的函数声明格式。

2024-12-25 09:29:59 691

原创一文带你读懂ES6中的箭头函数

与传统的函数表达式相比，箭头函数不仅减少了代码书写的复杂性，还在语法特性和 this 的绑定机制上带来了新的变化。不过，在使用时需要注意它与传统函数的不同特性，避免滥用而导致的上下文混淆。在以上代码中，箭头函数确保了 this 指向 Timer 的实例，而不是 setInterval 的调用环境。箭头函数中的 this 是静态绑定的，继承自定义它的外层函数，适合在需要保持上下文 this 的场景下使用。如果箭头函数的函数体只有一行返回语句，可以省略大括号和 return 关键字，代码更加简洁。

2024-12-24 09:57:21 587

原创前端开发必备：这些 Shell 命令你都会用吗？

本篇文章汇总了前端开发中最常用的 Shell 命令，包括项目初始化、依赖管理、Git 版本控制、构建工具（如 Webpack 和 Vite）以及代码质量检查（如 ESLint 和 Prettier）。无论你是刚入门的前端开发新手，还是希望优化工作流的资深工程师，熟练掌握这些 Shell 命令都能帮助您更轻松地应对各种开发挑战。从项目初始化到开发调试、从代码构建到部署上线，Shell 命令大幅提升了开发效率，简化了繁琐的任务操作。npm install -D package-name：安装开发环境依赖。

2024-12-23 10:27:31 1317

原创白嫖专业版！Github Copilot Pro竟然可以免费使用

它是一个专注于办公自动化的 Python 工具库，它的作者凭借对社区的持续贡献和项目的高热度，完全有资格享受 GitHub Copilot Pro的免费权益。这不仅是一次参与热门开源项目的宝贵机会，更有机会免费使用 GitHub Copilot Pro，让 AI 助力你的开发之旅。如果你也希望参与 python-office 的开发，可以通过贡献代码、提交需求或优化文档，成为这个项目的开发者之一！文档处理：支持 Word、Excel、PDF 等多种格式的文件操作，例如内容提取、格式转换、自动生成等。

2024-12-19 12:13:27 15602

原创云开发 Copilot ｜拥抱AI浪潮：如何革新开发者工作流

而 AI 辅助开发的未来，也将伴随着技术的进步，不断释放出更多的潜能。例如，在编写复杂的算法时，开发者只需输入一个功能需求的描述，Copilot 即可提供可行的代码实现。对于新手开发者，Copilot 能够在提供代码片段的同时，解释代码的功能与原理，从而帮助开发者快速掌握新的技术技能。云开发 Copilot 的应用场景涵盖了开发工作的多个环节，从需求分析到最终部署，它都能为开发者提供有力的支持。在多人协作开发中，Copilot 的代码规范化能力可以帮助团队维持一致的编码风格，从而减少代码审查的时间成本。

2024-12-17 10:21:56 625

原创 2024谁更懂你？Copilot、Cursor 和 Windsurf等AI编程助手大比拼

功能特点：聚焦于代码生成与调试，支持更精准的上下文理解，能够识别代码中的错误并提供修复建议。功能特点：主打多语言支持和团队协作功能，提供类似代码评审助手的功能，适合团队开发。如果你是初学者，或者需要一个快速编码的工具，Copilot 是一个不错的选择。如果你是团队开发者，需要跨语言支持和协作功能，Windsurf 则是最佳选择。如果你注重代码质量和调试，需要精准的上下文理解，Cursor 是更好的选择。适用场景：对代码质量有较高要求的开发者，特别是在代码审查和调试阶段。开发者：Windsurf AI。

2024-12-13 10:29:03 1779

原创前端三座大山之一：作用域与作用域链

本篇文章将带你深入剖析 JavaScript 中的作用域及作用域链机制，通过通俗易懂的讲解与实例，帮助你彻底理解它们的运行原理。作用域和作用域链是 JavaScript 中非常基础却又极其重要的概念，理解它们不仅能让你的代码更高效，还能帮助你在面试中应对自如。全局作用域：是一个名为window的对象，所有全局变量和全局函数都是window对象的成员。不属于任何函数的外部范围称为全局作用域，保存在全局作用域的变量称为全局变量。一个函数内的范围称为函数作用域，保存在函数作用域内的变量称为局部变量。

2024-12-12 21:48:28 367

原创人在上海，1024之夜与bug的“邂逅”，我破防了

回头想想，这一晚的思考和解决过程，带来了很多深刻的感悟，想与大家分享。程序员的沉稳和理性极其重要，遇到 bug 时，不能一味急于求成，这样反而会让你陷入死循环，这是我昨晚的一个教训。作为一名程序员，对于特别是经历过漫长开发历程项目的朋友来说，最深有体会的是不是过一段时间你回头看自己写的代码，自己都不知道其中的逻辑了。昨晚的bug，我最初是当做一个页面的bug来处理的，但实际上它与系统的其他模块有关联，导致bug修改速度缓慢。保持对新技术的好奇心，但不要盲目什么都学，一个人的经历是有限的，要选择适合自己的。

2024-10-25 14:41:47 1073

原创开启你的副业新机遇

以我的个人经历为例，在网盘推广副业中，我选择了小红薯+微信公众号的形式进行推广，通过分享夸克网盘的实际体验，短短几周内就拉到了数百名新用户，获得了不错的收益。选择参与小众网盘的推广，不仅是对这些平台的支持，更是为自己的副业生涯开启了一个新的篇章。市场蓝海：百度网盘一家独大的市场格局让小众网盘有更大的增长空间，通过推广小众网盘，帮助它们抢占市场份额的同时，你也能从中获利。灵活的推广形式：不论是通过微信公众号、抖音、微博，还是短视频平台，推广形式非常灵活，可以根据自己的特长和资源选择合适的渠道。

2024-10-22 13:50:27 711

原创双11薅羊毛攻略：让你成为赚钱的剁手党

此外，一些平台还推出了“购物津贴”，通常以消费金额为基础进行抵扣，如“每满400元减50元”，这些津贴可以和满减优惠同时使用，大大降低购物成本。在这种情况下，参与“拼单”也不失为一个好方法，可以和朋友、家人一起拼单，分摊购物金额，享受更低的价格。祝大家购物愉快，薅羊毛成功！在“双11”期间，各类商品的折扣力度很大，促销信息铺天盖地，很多人容易在购物时冲动消费，买了一堆不需要的东西。一年一度的“双11”购物节来了，作为国内最大的购物狂欢节，各大电商平台和商家纷纷推出各种折扣和促销活动，吸引了无数消费者加入。

2024-10-22 13:49:02 865