- 博客(51)
- 收藏
- 关注
RSS订阅原创 单域名多服务解决方案：使用Nginx子路径路由
上次我使用Caddy作为 Web 服务器，自动获取HTTPS证书时，有朋友指出Caddy使用的是HTTP-01挑战类型，签发证书的过程中，会暴露IP，存在安全隐患，的确是这样。所以本文是我找到的几种十分安全的方式获取HTTPS证书的方法。是最安全且最适合社区的免费HTTPS方案，Cloudflare紧随其后，其他的方案要么适合团队定制使用，要么需要收费，不适合个人日常使用。所以希望更多的小伙伴可以自己通过配置获得安全且免费的SSL证书，而不是花钱去买！
2025-04-06 22:11:46
700
原创 TanStack：一套为现代 Web 开发打造的强大、无头且类型安全的库集合
前几天介绍了时，有小伙伴在评论区提到了，带着好奇心，我翻阅了相关文档，没想到拔出萝卜带出泥，发现了一个宝藏项目：TanStackTanStack它是一套为现代 Web 开发打造的强大、无头且类型安全的库集合。TanStack的“无头”设计，把“头”（UI）摘掉，只给你“身体”（功能逻辑），让你自己装上喜欢的“头”。更多精彩内容请关注我的公众号：萌萌哒草头将军。
2025-04-01 19:02:19
837
原创 4 月 1 日尤雨溪突然宣布使用 Go 语言重写 Rolldown 和 Oxc！
今天（2025年4月1日），尤雨溪发布推特，将用Go重写rolldowOxc！（不太好分辨是不是Fake News前段时间，TypeScript官方宣布将使用Go重写，速度将快10x！近年来，前端工程化面临前所未有的挑战：项目规模呈指数级增长，构建时间从秒级延长到分钟级，开发者体验急剧下降。所以，前端工具链正从逐步迁移到系统级语言（Go/Rust更多精彩内容欢迎关注我的公众号：萌萌哒草头将军前端工具链向系统语言的迁移反映了工程领域对性能的持续追求。Go和Rust。
2025-04-01 19:00:20
393
原创 服务器部署Kong和Konga过程
最近在想怎么将一个接口给外部提供服务，并且可以根据和对放的关系，设置不同的期限或者服务大小？并且有友好的可视化页面！这让我了解到了API网关，所以我开始研究Kong和Konga的使用。实际上我最开始研究的apisix，但是部署了好久因为etcd不支持http无法连接成功放弃了！Kong是一个强大的开源 API 网关，而Konga则是它的一个可视化管理工具。由于Kong使用postgres作为数据存储，所以我们需要三个镜像。下面是快速搭建Kong和Konga的完整流程，希望能帮助到有类似需求的开发者。
2025-03-18 11:09:20
621
原创 OpenManus是蹭热度还是真有两把刷子？
最近Manus的爆火，再一次说明中国的国运真的到了！但是目前Manus无法申请到邀请码体验了，不过好在OpenManus站出来了，完全开源并且免费！文章同步在公众号：萌萌哒草头将军所以，今天我们看看OpenManus到底是蹭热度还是有真本事！
2025-03-09 19:52:56
271
原创 面对躺平同事，我开发了一个插件治好了我的精神内耗⚡⚡⚡
我们开发的插件主要是在文件编译时，将文件中的console智能的清除，对应的插件hook为transform。焦虑了好久，我就想到，有没有一种插件，在开发环境只展示开发者自己的console，但是不影响别人开发时调试。第二种方法是使用去除conosle的插件，但是有个缺点，我的console也会被去掉，其实从他们的代码来看，完全是躺平的状态，完全放弃了公司的代码规范，真的很让人emo。就在我开心了几天后，同事在开发群里发问了，“我调试打印的。
2025-03-08 23:04:38
724
原创 React 中使用 Vue3.6 Vapor 同款 Signal 是一种什么体验？
今天的分享就到这里了，如果文章中有问题，欢迎指正！如果对你有帮助，记得关注我。
2025-03-05 19:37:24
445
原创 【raETable】两个场景告诉你，raETable有多好用
raETable诞生快一周了，npm的下载量已经突破600了，十分开心官网：https://mmdctjj.github.io/raetable/guide/guidegithub地址：https://github.com/mmdctjj/raetable （github求star，求issues，一起让raETable变的更好用）raETable。
2025-03-05 13:38:01
326
原创 React几个不常用，但是可以四两拨千斤的hooks
大家好，我是「萌萌哒草头将军」，也可以关注我的公众号「萌萌哒草头将军」外部数据源需要提供订阅函数，并且这个函数需要返回取消订阅的方法。几个不常用，但是可以四两拨千斤的。UI延时更新，不用手写防抖函数了。生成全局唯一ID，快放弃。
2025-03-05 13:36:10
187
原创 Vue3使用hook封装常见的几种异步请求函数场景，让开发更加丝滑[特殊字符][特殊字符][特殊字符]
文章同步在公众号：萌萌哒草头将军，欢迎关注今天继续，使用hook封装几种的异步请求函数场景。
2025-03-04 20:29:23
535
原创 Vue3使用hook封装媒体查询和事件监听，使Vue的开发更加丝滑[特殊字符][特殊字符][特殊字符]
文章同步在公众号：萌萌哒草头将军，欢迎关注js中媒体查询的主要方法是使用window对象下的matchMedia对象，查询语句和CSS媒体查询一样。
2025-03-04 20:27:34
221
原创 本地部署 MoneyPrinterTurbo， AI自动生成高清短视频，躺着就能赚钱，快行动吧！
MoneyPrinterTurbo 项目是一款通过AI快速生成文案视频素材字幕高清短视频的开源项目，地址：https://github.com/harry0703/MoneyPrinterTurbo门槛：较高，需要全局代理。（魔法哦～），而且里面的一个包不支持苹果芯片，导致mac无法安装！
2025-02-28 14:01:06
410
原创 什么？手机本地也能部署DeepSeek ！
文章同步在公众号：萌萌哒草头将军，需要安卓安装包的小伙伴也可以在后台私信我！好了，今天的教程就到这里了，有任何问题，欢迎交流，一起变强！加载完成后，就可以回到首页，就可以输入你的问题提问了。点击加号，可以选择加载模型的方式：本地或者。的教程了，今天来教大家怎么在手机端部署。，点击 go to models。网上已经很多PC端本地部署。按钮对模型参数进行调整。等待下载完成，然后点击。首先需要在手机端下载。你也可以在加载前通过。
2025-02-25 19:47:22
268
原创 尤雨溪在2025年vuejs nation大会上的发言[特殊字符][特殊字符][特殊字符]
Vue 3.6 的技术革新，本质上是声明式编程与编译时优化的深度融合。通过 alien signals 实现响应式系统的量子跃迁，借助蒸汽模式完成运行时性能的维度突破，配合类型系统与生态工具的全面升级，Vue 正在重新定义现代前端框架的性能基准。这些变革不仅巩固了其在中小型项目的优势地位，更使其具备了挑战复杂企业级应用的实力，标志着 Vue 正式进入"性能优先"的新纪元。好了，今天的分享就到了，欢迎指正文章中的错误内容！
2025-02-13 21:46:29
615
原创 原来Docker可以让这个情人节这么浪漫
希望大家都可以通过这个教程博美人一笑！另外为了增加浪漫气氛，建议大家还可以：偷偷换一个情侣壁纸提前买好花朵、红酒、烛台，准备一个浪漫的烛光晚餐提前做好一个手工作为礼物元宵节快乐呀！提前祝大家情人节愉快～最后文章中如果有错误的地方欢迎指正！
2025-02-13 15:27:28
625
原创 2025年了，令人唏嘘的Angular，现在怎么样了[特殊字符][特殊字符][特殊字符]
Angular虽然在国内市场一蹶不振，但是在国际市场一直默默耕耘10年。它作为一站式解决方案的框架，虽然牺牲了灵活性，但是也为开发者提供了沉浸式开发的选择！且它不断创新、积极拥抱新技术的精神令人十分钦佩！今天的内容就这些了，如果你觉得还不错，可以关注我。如果文章中存在问题，欢迎指正！
2025-02-07 20:21:37
658
原创 DeepSeek R1 弯道超车的秘诀！！！
整个假期不管是视频还是公众号，都被刷屏了，作为国人看到自己国家的大模型如此披荆斩棘，所向披靡，实在令人扬眉吐气，中国的国运到了啊！最令人振奋的是，训练成本仅几百万美元，而chatgpt-4o的训练成本约一亿美元！所以，今天我们来看看弯道超车的秘诀！！！文章同步在公众号：萌萌哒草头将军，欢迎关注软目标（Soft Targets）传统的神经网络训练使用硬标签（Hard Labels），比如手写数字识别里“8”就是100%属于“8”类别，其他类别全是0%。但教师模型的输出概率分布更丰富，比如“8”可能有。
2025-02-05 14:28:07
930
原创 [特殊字符][特殊字符][特殊字符]Vapor Mode发布前，你应该知道的一些事情！
Vue3的VaporMode概念不知不觉已经提出来一年了，可以说是吊足了coder们的胃口，我去年的一篇莫名其妙成为爆款的文章🎉尤雨溪为什么要推出VaporMode🎉中，我直观的展示了细粒度更新dom的优点，让大家历历在目！新的消息，2025年1月29日至30日，将会举办，详情你可以看这里：https://vuejsnation.com/vue3.6功能预览vapormode的最新进展十分期待这次的会议，不过在了解vapormode功能前。我们可以先了解下它解决了哪些问题。
2025-01-19 21:35:34
818
原创 五步轻松搞定，将博客自动部署到服务器，适用于所有git项目
这篇文章主要是完善上篇文章部署服务器的部分，由于最近刚买了服务器，所以才有了今天的内容。废话不多说，下面是正文。好了，今天的文章就到这里了希望可以帮助到你，如果对你有帮助，也可以关注我的公众号：萌萌哒草头将军。
2025-01-06 23:40:26
378
原创 神了，Chrome 这个记录器简直是开发测试提效神器
在开发工作中，你是否遇到过这样的场景：当你需要开发某个功能时，这个功能依赖一系列的点击或者选择操作，才能获取到最终的数据。而在开发和调试的过程中，你往往需要多次验证流程的正确性。早期的时候，这种验证通常非常繁琐——你可能需要反复提交表单、重新执行操作流程，才能完成一次完整的自测。现在，我们可以使用来优化这一开发流程。这个工具允许你将整个操作过程录制下来，保存为一个可复现的操作记录。每次需要重新验证或提交流程时，只需一键执行这条记录，便能完成所有的重复性操作。更棒的是，这个功能还支持二次编辑。
2024-12-12 23:34:11
834
原创 原理TypeScript已经有这么多工具函数了？附手动实现！
好了，今天的分享就这些了，希望可以帮助大家更好的理解ts的这些工具函数。如果文章中有错误的地方请及时指正！
2024-11-20 23:59:46
338
原创 什么，React 的 jsx也能实现Vue3 模板的静态提升效果？
那么，我们应该怎么实现静态提升的效果呢？一个简单的想法立马浮现在了脑海里：短路符。是指，将模板中静态的内容标记出来，下次更新模板时，跳过。是否有类似的功能呢？坏消息是没有，好消息是可以通过。，每天更新热门文章，感兴趣的小伙伴可以关注我入群~片段不依赖任何状态，那么可以定义为是静态的。好了，今天的分享就到这了，希望可以帮助到你。的工作原理，更好的消息是，这个插件也是。的编译效率，一个重要的原因是采用了。我们可以看到，即使我们已经生成了。的预设插件，默认是开启的。组件时，又重新生成了一次。没有静态提升的效果。
2024-11-18 23:36:45
235
原创 重学红宝书，再走长征路！var、let、const的区别
文章很多细节都是来自于红宝书，一些地方可能加入自己的理解，希望不会带来误解，有错误地方欢迎指正。想要一起学习的小伙伴可以重学红宝书，再走长征路！🚀🚀🚀var、let、const的区别。
2024-10-23 23:16:13
775
原创 2024年字节抖音前端面经，这次问的很基础！
使用static关键字从结果来看虽然通过了，但是真的觉得自己很菜，很多底层的东西，可能只是知其然，并没有知其所以然。虽然es6已经横空出世好多年了，但是里面的内容真的搞懂的不是很多。所以后续还需要多翻书，多研究细节。最后希望这篇文章可以帮到找工作的同学，也可以翻看我前面的几篇面试文章。文章中出现错误的地方欢迎指正！
2024-10-13 20:59:24
996
原创 2024字节前端面经和经验分享，React方向
不管是React还是Vue，前端框架的主要思想是将数据的变化映射到页面的变化。不同的框架，映射数据的逻辑不一样：React主要通过收集变量，放在链表中，然后循环这个链表，将数据的变化更新到页面中。而Vue则是通过发布订阅模式，收集依赖，监听数据变化，发生变化时，广播这个事件，让每处依赖随之更新。（这里我展开的不是很好，说的很笼统，再给我一次机会，我一定展开说说）
2024-09-13 23:28:32
1185
原创 开源开源了！！！一款高效开发React的VSCode插件
终于开源了，上篇文章中已经提到了，最近开发了一款插件，可以根据已有的变量自动生成一些代码片段，今天我们可以详细看看这款插件的神奇之处。github:文章同步在公众号：萌萌哒草头将军。
2024-09-01 20:56:15
649
2
原创 摸鱼时间写代码指南！本地如何使用多个git账号️，文末有彩蛋
如果你上班无事可做，也不想过度摸鱼浪费时间，想写自己的代码，但是又不想使用公司账号提交代码，这篇文章解决你的烦恼。文章同步在公众号：萌萌哒草头将军，欢迎关注。
2024-08-29 11:58:01
371
1
原创 都2024年了，还不会动态规划吗？我教你（三）
鉴于文章过长，关于 Vuediff算法的核心，下篇文章我将详细阐述，欢迎大家关注公众号：萌萌哒草头将军。
2024-08-13 14:44:19
899
原创 都2024年了，还不会动态规划吗？我教你（二）
本文使用了三个例子，从入门到中等难度，演示了我解决动态规划问题的思路。总的来说，就是先将问题化解为最小单元，比如我从第一步开始推演，一步一步发现规律，这也是动态规划的主要思想。另外不管是哪种动态规划问题，都可以看到裴波那契数列的影子。今天的分享就到这了，下篇文章我继续介绍中等和较难的动态规划问题。包括最长递增子序列已经在Vue diff算法中的体现。所以一定要记得关注我公众号：萌萌哒草头将军文章中难免会出现错误的地方，欢迎指正！
2024-07-31 18:10:59
757
原创 都2024年了，还不会动态规划吗？我教你！
所以我的第二种方案是: 每次节点如果第一次点击，我先使用递归算法，获取该节点的所有子节点，保存在map中，下次点击该节点，先从map中获取结果，没有值，则使用递归方法查询，返回结果同时保存这次的查询结果。其实随着工作中一点点的积累，使我慢慢意识到，我已经在不知不觉中使用了动态规划的思想，例如，实习的时候，我负责知识图谱的绘制，知识图谱是由一系列节点和边组成的。是不是觉得这样已经很棒了，但是要知道，函数调用也是有开销的，即使使用了记忆化搜索，在遇到递归层级很深的时候，依然会面临很大的内存开销。
2024-07-24 22:15:20
296
原创 想准时下班，你需要Codeium的帮助，分享AI写代码的愉快体验，附详细安装教程
人工智能代替牛马写代码的说法相信给不少和我一样的牛马带来了焦虑，但是今天我会介绍一个AI插件，助我按点下班不加班，让我从焦虑AI转变为享受AI。今天的主角是：Codeium一款可以聊天、自动补全代码、分析代码的编辑器AI插件。
2024-07-21 16:56:12
777
原创 初识mobx，以及mobx-react使用
Mobx是响应式状态管理库，无关任何前端框架。现在已经发布到Mobx6了。在Mobx5之前，响应式原理是基于的，可以向下兼容到ES5浏览器，而从Mobx5开始使用proxy特性支持响应式，最低支持ES6浏览器。相较于Redux，Mobx只强调下面三个概念State(状态)Actions(动作)Derivations(派生)一句话概括：在任何事件中调用action，修改state，如果这个state是响应式的，那么会通知基于这个state派生的计算值，或者触发派生的副作用。
2024-07-14 21:56:49
1432
原创 React-Spring：让你的应用栩栩如生
是一个非常优秀的动画库，它的接口hook化的设计、常用场景的完美支持，十分贴合react的生态系统，使得它在Github斩获了26.3k的star，所以这是一款值得推荐的库。
2023-09-08 00:09:01
416
原创 SolidJS响应式原理和简易实现
今天的分享就到这了，如果发现错误，请及时指正。觉得还不错，可以关注我的公众号，最近有🎁，感兴趣的小伙伴快点来吧！本系列未来的计划：[x]SolidJS响应式原理和简易实现[ ]SolidJS模板编译过程[ ]SolidJS源码学习过程总结。
2023-06-01 11:06:07
379
原创 尤雨溪为什么要推出Vapor Mode
在项目比较小时，SolidJSSvelte的优势不会很明显，但是当面对大型项目时，React和Vue的性能短板就显露出来了。面对这样的压力，尤雨溪在年初的展望里已经预告了Vapor mode，该模式的灵感就是受到了SolidJS的启发。它可以在给定相同的Vue SFC前提下，与当前基于虚拟DOM的输出相比，Vapor Mode将其编译成性能更高、使用更少内存且需要更少运行时支持代码的JavaScript输出。对于React由于架构机制的限制，目前很难做出根本性的改变，
2023-06-01 11:00:17
240
原创 分享几个从好用到离谱的vs code插件
这么多有趣的插件你都下载，一定要记得登录，可以选择github登录，这样你只要登录了，就可以多端同步了。
2023-05-23 10:53:57
215
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人