M的制杖

本文探讨了 Node.js 中五种流行的设计模式，包括单例模式、工厂模式、观察者模式、装饰者模式和依赖注入模式。设计模式是解决常见软件开发问题的结构化方法，能够提高代码的可维护性和可重用性。

前言 因为业务需要，很多文件需要在前端实现预览，今天就是了解一下吧。 实现方案 找了网上的实现方案，效果看起来不错，放在下面的表格里，里面有一些是可以直接通过npm在vue中引入使用。 文档格式 老的

得益于 chrome 浏览器强大的调试能力， console.log 可谓是前端开发中解决未知问题最直接的办法，遇事不决，打个日志，简单粗暴🏈。但是在 React 项目中其实有更好的调试方案，那就是官方（脸书）出的 react devtools ，可以针对性的做一些代码的调试…

按Crtl+S保存当前报错文件，eslint错误消失，但是Git暂存区多了个文件改动记录，对比Working tree没发现任何不同。 缺点：你不可能一一保存所有文件，麻烦，还要commit，多余。 比上面省事，eslint错误消失，但暂存区多了n个文件改动记录，对比Worki…

AST对于编程来讲是一个非常重要的概念，当然也包括前端，在很多地方都能看见AST抽象语法树的影子，其中不乏有vue、react、babel等，简单来说但凡需要编译的地方基本都能发现AST的存在。

抽象语法树 (Abstract Syntax Tree)，简称 AST，它是源代码语法结构的一种抽象表示。它以树状的形式表现编程语言的语法结构，树上的每个节点都表示源代码中的一种结构。 并且如果你想了解 js 编译执行的原理，那么你就得了解 AST。 js 执行的第一步是读取 …

背景 这个问题源于在访问gpt官网时，发现当ai还在输出文本时，选中文本会出现错误 现象 除非元素已完全加载完并且在一次事件循环内对该元素无其他操作，否则执行选中文本操作会把左边的内容也选择上 原因猜

初体验 进入网站 https://www.coze.cn/ 后，注册或者使用抖音账号登录，即可开启使用。 进入主页面后，操作非常简单，类似 ChatGPT 式的交流形式即可快速、低门槛的搭建一个专属的

今天大佬群里分享了一个视频，有个国外大佬用Web做出来多浏览器窗口可以互动的动画效果，自己试着实现了下。