划雨悦潭之赋_个人页

2025年04月

• 04.23 12:47:10
  发表了文章 2025-04-23 12:47:10

  领导给我3天时间汇总所有AI模块词条，结合DeepSeek，20分钟就搞定了。

  本文分享了一次利用AI工具提升工作效率的实际案例。作者接到任务，需在3天内梳理公司AI模块的所有词条并以增量形式提供给项目组。为高效完成任务，作者借助DeepSeek编写了三个Node.js脚本：第一个脚本扫描所有/ai目录下的文件，提取符合“zxy.xxx”格式的词条；第二个脚本对比目标词条库与已提取的词条，生成过滤后的副本；第三个脚本将最终结果输出为Excel文档，满足领导需求。整个过程从十几分钟到二十分钟不等，大幅缩短了原本需要数天的工作量。此案例表明，在重复性工作中合理运用AI工具可显著提高效率。
• 04.10 11:21:16
  发表了文章 2025-04-10 11:21:16

  甚至用不了五分钟就能学会vscode插件开发

  本文介绍了VSCode插件的开发流程，从创建项目到最终发布。首先通过安装`yo`和`generator-code`脚手架工具初始化项目，选择JavaScript语言配置基础信息。接着，在`extension.js`中实现业务逻辑，例如将中文“变量”替换为“var”。通过F5进入调试模式验证功能。完成后使用`vsce`工具进行打包，解决可能遇到的版本不兼容或README文档问题。最后生成`.vsix`文件，可通过VSCode的“从VSIX安装”加载插件，实现开发闭环。进一步可将插件发布至官方市场供更多开发者使用。

2025年02月

• 02.15 17:59:34
  发表了文章 2025-02-15 17:59:34

  当面试官再问我JS闭包时，我能答出来的都在这里了。

  闭包（Closure）是前端面试中的高频考点，广泛应用于函数式编程中。它不仅指函数内部定义的函数，还涉及内存管理、作用域链和垃圾回收机制。闭包可以让函数访问其外部作用域的变量，但也可能引发内存泄漏等问题。通过合理使用闭包，可以实现模块化、高阶函数和回调函数等应用场景。然而，滥用闭包可能导致代码复杂度增加、调试困难以及潜在的性能问题。为了避免这些问题，开发时应谨慎处理闭包，避免不必要的嵌套，并及时清理不再使用的变量和监听器。

  
• 02.09 11:21:21
  发表了文章 2025-02-09 11:21:21

  【保姆级教程】3步搞定DeepSeek本地部署

  DeepSeek在2025年春节期间突然爆火出圈。在目前DeepSeek的网站中，极不稳定，总是服务器繁忙，这时候本地部署就可以有效规避问题。本文以最浅显易懂的方式带读者一起完成DeepSeek-r1大模型的本地部署。

2025年01月

• 01.10 16:20:28
  发表了文章 2025-01-10 16:20:28

  2025年前端局势分析，我该不该转行？

  2024年，前端领域经历了快速变化，AIGC的兴起和市场HC减少使得前端工程师面临挑战。尽管AI工具如通义灵码和Cursor能高效生成代码，但AI无法完全取代前端工程师，因其缺乏逻辑、沟通和创新能力。前端工作不仅限于编码，还包括需求分析、代码评审等。未来，前端不会“死亡”，而是持续演变。面对大环境的压力，提升综合能力、拥抱变化、持续学习和保持身心健康是关键。转型方向包括升管理、做架构师或转讲师等。稳住2025年，需适应变化、不断学习并探索更多可能性。
• 01.02 10:55:01
  发表了文章 2025-01-02 10:55:01

  像品茶一样品设计模式，早日突破编码新境界。

  设计模式在日常开发中虽非必需，但对解决复杂问题、提升代码质量至关重要。通过多个实际场景的分析，如会员卡系统、代码评审和AI视频编辑器等，展示了设计模式的重要性。学习设计模式不仅能提高代码的可读性和扩展性，还能为框架源码阅读和面试提供支持。其核心目标是实现高复用和易扩展的应用程序，遵循封装、面向接口、组合优于继承等基本原则，并遵守SOLID原则。前端开发者应掌握单例模式、工厂模式、装饰器模式等经典设计模式，以应对不同项目需求。总结而言，设计模式是一把双刃剑，需根据具体问题灵活运用，适合项目环境的设计模式才是最好的。 （239字符）

2024年12月

• 12.31 09:40:13
  发表了文章 2024-12-31 09:40:13

  前端必须掌握的设计模式——策略模式

  策略模式（Strategy Pattern）是一种行为型设计模式，旨在将多分支复杂逻辑解耦。每个分支类只关心自身实现，无需处理策略切换。它避免了大量if-else或switch-case代码，符合开闭原则。常见应用场景包括表单验证、风格切换和缓存调度等。通过定义接口和上下文类，策略模式实现了灵活的逻辑分离与扩展。例如，在国际化需求中，可根据语言切换不同的词条包，使代码更加简洁优雅。总结来说，策略模式简化了多条件判断，提升了代码的可维护性和扩展性。
• 12.30 09:24:36
  发表了文章 2024-12-30 09:24:36

  前端必须掌握的设计模式——模板模式

  模板模式（Template Pattern）是一种行为型设计模式，父类定义固定流程和步骤顺序，子类通过继承并重写特定方法实现具体步骤。适用于具有固定结构或流程的场景，如组装汽车、包装礼物等。举例来说，公司年会节目征集时，蜘蛛侠定义了歌曲的四个步骤：前奏、主歌、副歌、结尾。金刚狼和绿巨人根据此模板设计各自的表演内容。通过抽象类定义通用逻辑，子类实现个性化行为，从而减少重复代码。模板模式还支持钩子方法，允许跳过某些步骤，增加灵活性。
• 12.26 14:47:28
  回答了问题 2024-12-26 14:47:28

  “AI +脱口秀”，笑点能靠算法去创造吗？

  赞1 踩0 评论0
• 12.26 09:28:24
  发表了文章 2024-12-26 09:28:24

  前端必须掌握的设计模式——发布订阅模式

  发布订阅模式（Publish-Subscribe Pattern）是一种设计模式，类似于观察者模式，但通过引入第三方中介实现发布者和订阅者的解耦。发布者不再直接通知订阅者，而是将消息发送给中介，由中介负责分发给订阅者。这种方式提高了异步支持和安全性，适合复杂、高并发场景，如消息队列和流处理系统。代码实现中，通过定义发布者、订阅者和中介接口，确保消息的正确传递。此模式在前端开发中广泛应用，例如Vue的数据双向绑定。
• 12.24 09:40:43
  发表了文章 2024-12-24 09:40:43

  前端必须掌握的设计模式——观察者模式

  观察者模式（Observer Pattern）是一种行为型设计模式，实现了一种订阅机制。它包含两个角色：**观察者**（订阅消息、接收通知并执行操作）和**被观察者**（维护观察者列表、发送通知）。两者通过一对多的关系实现解耦，当被观察者状态改变时，会通知所有订阅的观察者。例如，商店老板作为被观察者，记录客户的需求并在商品到货时通知他们。前端应用中，如DOM事件注册、MutationObserver等也体现了这一模式。
• 12.20 11:25:27
  发表了文章 2024-12-20 11:25:27

  前端必须掌握的设计模式——代理模式

  代理模式（Proxy Pattern）是一种结构型设计模式，通过引入“替身”对象来间接访问真实对象，从而解耦并提升性能和安全性。例如，知名艺人复出后，经纪人作为代理筛选商单，确保只处理符合团队利益的请求。代码实现中，定义接口`IService`，艺人和经纪人都实现该接口，经纪人在访问时进行过滤和转发。代理模式常用于权限控制、性能优化等场景，如前端中的Tree-shaking和ES6的Proxy构造方法。

  
• 12.17 10:20:29
  发表了文章 2024-12-17 10:20:29

  前端必须掌握的设计模式——适配器模式

  适配器模式是一种结构型设计模式，用于使接口不兼容的对象能够相互合作。通过在客户端和系统之间引入一个“中间层”适配器，将不同类型的输入数据转换为系统能处理的标准格式，减轻系统的负担，提高扩展性和可维护性。例如，MacBook的扩展坞将多种接口（如HDMI、USB）转换为Type-C接口，实现多接口兼容。
• 12.13 17:59:24
  发表了文章 2024-12-13 17:59:24

  前端必须掌握的设计模式——装饰器模式

  装饰器模式是一种结构型设计模式，通过创建新类来包装原始对象，实现在不修改原有结构的前提下扩展新行为。其核心在于“组合”思想，使新功能可“即插即拔”。该模式具有解耦性、灵活性和动态性等特点，广泛应用于类的面向对象编程语言中，如JavaScript的注解和TypeScript的写法。示例中，通过装饰器模式为游戏角色动态添加装备，展示了其强大的扩展性和灵活性。
• 12.11 18:36:19
  发表了文章 2024-12-11 18:36:19

  前端必须掌握的设计模式——工厂模式

  工厂模式是一种创建型设计模式，通过工厂媒介提供统一接口来创建对象，客户端只需告知创建需求，具体逻辑由工厂处理。工厂模式分为简单工厂、标准工厂和抽象工厂，分别适用于不同场景下的对象创建需求。简单工厂利用静态方法创建对象，标准工厂通过具体工厂类减少耦合，抽象工厂则用于创建一系列相关或依赖对象的家族。

  
• 12.09 19:52:55
  发表了文章 2024-12-09 19:52:55

  前端必须掌握的设计模式——单例模式

  单例模式是一种简单的创建型设计模式，确保一个类只有一个实例，并提供一个全局访问点。适用于窗口对象、登录弹窗等场景，优点包括易于维护、访问和低消耗，但也有安全隐患、可能形成巨石对象及扩展性差等缺点。文中展示了JavaScript和TypeScript的实现方法。