划雨悦潭之赋_个人页
划雨悦潭之赋
文章
15
问答
1
视频
0
个人介绍
从事前端开发5年，主要技术栈Vue，具有较丰富的B端SaaS产品开发经验。曾从事项目助理、售前工程师、UI设计师等岗位。
擅长的技术
- JavaScript
- 前端开发
- 设计模式
- 项目管理
- 小程序
- 视频直播
- 移动开发
- Vue
- Nodejs
获得更多能力
通用技术能力：
-
前端开发
高级
能力说明：
掌握企业中如何利用常见工具，进行前端开发软件的版本控制与项目构建和协同。开发方面，熟练掌握Vue.js、React、AngularJS和响应式框架Bootstrap，具备开发高级交互网页的能力，具备基于移动设备的Web前端开发，以及Node.js服务器端开发技能。
云产品技术能力：
-
Clouder
-
Apsara Clouder云计算专项技能认证：云服务器ECS入门
获得于2023-05-24 15:08:37
-
Apsara Clouder云计算专项技能认证：云服务器ECS入门
阿里云技能认证
详细说明-
发表了文章 2025-04-23
领导给我3天时间汇总所有AI模块词条，结合DeepSeek，20分钟就搞定了。
本文分享了一次利用AI工具提升工作效率的实际案例。作者接到任务，需在3天内梳理公司AI模块的所有词条并以增量形式提供给项目组。为高效完成任务，作者借助DeepSeek编写了三个Node.js脚本：第一个脚本扫描所有/ai目录下的文件，提取符合“zxy.xxx”格式的词条；第二个脚本对比目标词条库与已提取的词条，生成过滤后的副本；第三个脚本将最终结果输出为Excel文档，满足领导需求。整个过程从十几分钟到二十分钟不等，大幅缩短了原本需要数天的工作量。此案例表明，在重复性工作中合理运用AI工具可显著提高效率。
-
发表了文章 2025-04-10
甚至用不了五分钟就能学会vscode插件开发
本文介绍了VSCode插件的开发流程，从创建项目到最终发布。首先通过安装`yo`和`generator-code`脚手架工具初始化项目，选择JavaScript语言配置基础信息。接着，在`extension.js`中实现业务逻辑，例如将中文“变量”替换为“var”。通过F5进入调试模式验证功能。完成后使用`vsce`工具进行打包，解决可能遇到的版本不兼容或README文档问题。最后生成`.vsix`文件，可通过VSCode的“从VSIX安装”加载插件，实现开发闭环。进一步可将插件发布至官方市场供更多开发者使用。
-
发表了文章 2025-02-15
当面试官再问我JS闭包时，我能答出来的都在这里了。
闭包（Closure）是前端面试中的高频考点，广泛应用于函数式编程中。它不仅指函数内部定义的函数，还涉及内存管理、作用域链和垃圾回收机制。闭包可以让函数访问其外部作用域的变量，但也可能引发内存泄漏等问题。通过合理使用闭包，可以实现模块化、高阶函数和回调函数等应用场景。然而，滥用闭包可能导致代码复杂度增加、调试困难以及潜在的性能问题。为了避免这些问题，开发时应谨慎处理闭包，避免不必要的嵌套，并及时清理不再使用的变量和监听器。
-
发表了文章 2025-02-09
【保姆级教程】3步搞定DeepSeek本地部署
DeepSeek在2025年春节期间突然爆火出圈。在目前DeepSeek的网站中，极不稳定，总是服务器繁忙，这时候本地部署就可以有效规避问题。本文以最浅显易懂的方式带读者一起完成DeepSeek-r1大模型的本地部署。
-
发表了文章 2025-01-10
2025年前端局势分析，我该不该转行？
2024年，前端领域经历了快速变化，AIGC的兴起和市场HC减少使得前端工程师面临挑战。尽管AI工具如通义灵码和Cursor能高效生成代码，但AI无法完全取代前端工程师，因其缺乏逻辑、沟通和创新能力。前端工作不仅限于编码，还包括需求分析、代码评审等。未来，前端不会“死亡”，而是持续演变。面对大环境的压力，提升综合能力、拥抱变化、持续学习和保持身心健康是关键。转型方向包括升管理、做架构师或转讲师等。稳住2025年，需适应变化、不断学习并探索更多可能性。
-
发表了文章 2024-12-31
前端必须掌握的设计模式——策略模式
策略模式（Strategy Pattern）是一种行为型设计模式，旨在将多分支复杂逻辑解耦。每个分支类只关心自身实现，无需处理策略切换。它避免了大量if-else或switch-case代码，符合开闭原则。常见应用场景包括表单验证、风格切换和缓存调度等。通过定义接口和上下文类，策略模式实现了灵活的逻辑分离与扩展。例如，在国际化需求中，可根据语言切换不同的词条包，使代码更加简洁优雅。总结来说，策略模式简化了多条件判断，提升了代码的可维护性和扩展性。
-
发表了文章 2024-12-30
前端必须掌握的设计模式——模板模式
模板模式（Template Pattern）是一种行为型设计模式，父类定义固定流程和步骤顺序，子类通过继承并重写特定方法实现具体步骤。适用于具有固定结构或流程的场景，如组装汽车、包装礼物等。举例来说，公司年会节目征集时，蜘蛛侠定义了歌曲的四个步骤：前奏、主歌、副歌、结尾。金刚狼和绿巨人根据此模板设计各自的表演内容。通过抽象类定义通用逻辑，子类实现个性化行为，从而减少重复代码。模板模式还支持钩子方法，允许跳过某些步骤，增加灵活性。
-
发表了文章 2024-12-26
前端必须掌握的设计模式——发布订阅模式
发布订阅模式（Publish-Subscribe Pattern）是一种设计模式，类似于观察者模式，但通过引入第三方中介实现发布者和订阅者的解耦。发布者不再直接通知订阅者，而是将消息发送给中介，由中介负责分发给订阅者。这种方式提高了异步支持和安全性，适合复杂、高并发场景，如消息队列和流处理系统。代码实现中，通过定义发布者、订阅者和中介接口，确保消息的正确传递。此模式在前端开发中广泛应用，例如Vue的数据双向绑定。
-
发表了文章 2024-12-24
前端必须掌握的设计模式——观察者模式
观察者模式（Observer Pattern）是一种行为型设计模式，实现了一种订阅机制。它包含两个角色：**观察者**（订阅消息、接收通知并执行操作）和**被观察者**（维护观察者列表、发送通知）。两者通过一对多的关系实现解耦，当被观察者状态改变时，会通知所有订阅的观察者。例如，商店老板作为被观察者，记录客户的需求并在商品到货时通知他们。前端应用中，如DOM事件注册、MutationObserver等也体现了这一模式。
-
发表了文章 2024-12-20
前端必须掌握的设计模式——代理模式
代理模式（Proxy Pattern）是一种结构型设计模式，通过引入“替身”对象来间接访问真实对象，从而解耦并提升性能和安全性。例如，知名艺人复出后，经纪人作为代理筛选商单，确保只处理符合团队利益的请求。代码实现中，定义接口`IService`，艺人和经纪人都实现该接口，经纪人在访问时进行过滤和转发。代理模式常用于权限控制、性能优化等场景，如前端中的Tree-shaking和ES6的Proxy构造方法。
-
发表了文章 2024-12-17
前端必须掌握的设计模式——适配器模式
适配器模式是一种结构型设计模式，用于使接口不兼容的对象能够相互合作。通过在客户端和系统之间引入一个“中间层”适配器，将不同类型的输入数据转换为系统能处理的标准格式，减轻系统的负担，提高扩展性和可维护性。例如，MacBook的扩展坞将多种接口（如HDMI、USB）转换为Type-C接口，实现多接口兼容。
-
发表了文章 2024-12-13
前端必须掌握的设计模式——装饰器模式
装饰器模式是一种结构型设计模式，通过创建新类来包装原始对象，实现在不修改原有结构的前提下扩展新行为。其核心在于“组合”思想，使新功能可“即插即拔”。该模式具有解耦性、灵活性和动态性等特点，广泛应用于类的面向对象编程语言中，如JavaScript的注解和TypeScript的写法。示例中，通过装饰器模式为游戏角色动态添加装备，展示了其强大的扩展性和灵活性。
-
发表了文章 2024-12-11
前端必须掌握的设计模式——工厂模式
工厂模式是一种创建型设计模式，通过工厂媒介提供统一接口来创建对象，客户端只需告知创建需求，具体逻辑由工厂处理。工厂模式分为简单工厂、标准工厂和抽象工厂，分别适用于不同场景下的对象创建需求。简单工厂利用静态方法创建对象，标准工厂通过具体工厂类减少耦合，抽象工厂则用于创建一系列相关或依赖对象的家族。
-
发表了文章 2024-12-09
前端必须掌握的设计模式——单例模式
单例模式是一种简单的创建型设计模式，确保一个类只有一个实例，并提供一个全局访问点。适用于窗口对象、登录弹窗等场景，优点包括易于维护、访问和低消耗，但也有安全隐患、可能形成巨石对象及扩展性差等缺点。文中展示了JavaScript和TypeScript的实现方法。
暂无更多信息
-
发表了文章
2025-04-23
领导给我3天时间汇总所有AI模块词条，结合DeepSeek，20分钟就搞定了。
-
发表了文章
2025-04-10
甚至用不了五分钟就能学会vscode插件开发
-
发表了文章
2025-02-15
当面试官再问我JS闭包时，我能答出来的都在这里了。
-
发表了文章
2025-02-09
【保姆级教程】3步搞定DeepSeek本地部署
-
发表了文章
2025-01-10
2025年前端局势分析，我该不该转行？
-
发表了文章
2025-01-02
像品茶一样品设计模式，早日突破编码新境界。
-
发表了文章
2024-12-31
前端必须掌握的设计模式——策略模式
-
发表了文章
2024-12-30
前端必须掌握的设计模式——模板模式
-
发表了文章
2024-12-26
前端必须掌握的设计模式——发布订阅模式
-
发表了文章
2024-12-24
前端必须掌握的设计模式——观察者模式
-
发表了文章
2024-12-20
前端必须掌握的设计模式——代理模式
-
发表了文章
2024-12-17
前端必须掌握的设计模式——适配器模式
-
发表了文章
2024-12-13
前端必须掌握的设计模式——装饰器模式
-
发表了文章
2024-12-11
前端必须掌握的设计模式——工厂模式
-
发表了文章
2024-12-09
前端必须掌握的设计模式——单例模式
滑动查看更多
-
回答了问题
2024-12-26
“AI +脱口秀”，笑点能靠算法去创造吗？
“AI+脱口秀”确实是一个有趣的话题，我个人认为笑点靠算法可以创造，但不可能达到脱口秀演员的表演效果。 脱口秀为什么能够被观众喜爱，离不开话题和表演效果。AI可以创造话题，甚至有时创造出来的还很巧妙，话题固然重要，但要让观众接受和喜爱是需要表演技巧的。 表演效果是一位演员的修养，与演员标签、演员影响力、演员讲话节奏、演员周边等等有关，这些可能是某位演员长得好笑，可能是说话语气搞笑，也可能是有一种“笑星”气质。 举个例子，徐志胜能够在脱口秀领域脱口而出，靠的是独具个性化。观众看到他就想笑，包括自己的段子也结合了自己的自然心路历程，自己参加其他活动时的经历，自己经历过的东西再讲出来有那个“气味”，这是AI所不具备的。 大家喜欢徐志胜的脱口秀，可能是他的“斜刘海”，可能是他的口音，也可能是演的“越南版小范达人”，这些与徐志胜个人的标签是分不开的。 若尝试为AI造人设，在观众眼中会有一层心理屏障，“他是AI，是真正的机器，是靠数据和算法堆出来的，没有人情味儿，并不是他有才华”，当观众有一层“护盾”时，再好笑的梗表演出来效果也就大打折扣了。 AI固然可以创造一些共性梗和通用笑点，但如何演绎使观众接收才是真正的挑战。赞1 踩0 评论0
滑动查看更多
暂无更多信息