Vite作为Vue3主推构建框架，在性能上跟webpack有很大冲击，并且在开发圈占有的比重越来越大。文档说得很详细，今天只是针对前端面试常问到的内容做一个筛选总结，也方便不熟悉的同学快速了解。 一、优势 或者说为什么选择了Vite，在浏览器支持 ES 模块之前，JavaScript 并没有提供原生机制让开发者以模块化的方式进行开发。这也……
服务器安装nvm升级node版本
在Mac上安装NVM（Node Version Manager）可以通过多种方法实现，以下是两种常用的安装方法： 方法一：使用Homebrew安装（推荐） Homebrew是macOS的包管理器，通过它可以方便地安装和管理各种软件包，包括NVM。 1、安装Homebrew： 如果尚未安装Homebrew，请打开终端（Terminal.ap……
node发起axios请求报错：Socket hang up
看这一段人畜无害的代码，axios的引入和配置，再加上超长的超时限制 那么问题来了，第一个请求之后，node处理了很多逻辑操作，以至于要等好久才会发起第二次请求，第二次请求的拦截已经可以打印config，但是后面完全没有响应了，并且报错：socket hang up 最喜欢疑难杂症，因为比较有意思，但也最怕这种坑，因为老板总是催业务，不敢……
掘金、知乎、简书的使用体验差异
平时除了在自己的博客上写东西，同时还会在其他平台上同步，常用的就是掘金、知乎、简书。今天不忙，简单吐槽一下这三个博客的使用经历。 一、掘金 互联网打工仔的池塘，更有技术氛围，站内文章更趋向于技术方面。内容编辑支持md写法，也更“潮”一些，一边写一边预览，还是挺不错的。数据表现维度也很丰富，评论数、点赞数、粉丝数、阅读数等，比较全面，适合U……
react-intl 实现 React 国际化多语言
随着应用广度不断增加，有时候我们需要设置多种语言，最近帮朋友做一个网站用到react-intl这个库，还是挺好用的，这里跟大家分享一下。 首先我们来明确一下它的原理，这样比较好理解，其实也比较简单，就是把需要展示的文本赋给一个key或者id，在页面中使用变量去获取这个文本，那么多种语言自然就对应了多套设置。下面所讲的都是使用方法而已，re……
JavaScript模板引擎Nunjucks
接触低代码后才认识了这个家伙： 提供丰富的语言特性和块继承、自动转移、宏和异步控制等等。 模板引擎就是基于模板配合数据构造出链输出的一个组件。 尽可能情况下，我们都需要读取数据后渲染模板，然后呈现给用户。故我们需要约会对应的模板引擎。 简单来说，Nunjucks就实现了在后台服务器显示内容的模板。 下面来看看一些使用方法 一、node上的……
Stable Diffusion vs Midjunery的区别和选择
现在网上最多的关于AI绘画的工具莫过于stable diffusion（sd）和midjunery（mj）了，最近尝试了一番，稍作总结吧算是。我们对于工具的使用通常考虑的无非就是好不好用，效果如何，当然还有费用问题。 因为个人对绘画感兴趣，所有两者对比也是从绘画角度来看。 一、应用方式 sd和mj在使用过程中都需要对想要的绘画进行细致的描……
Stable Diffusion的安装和问题解决
小时候比较喜欢画画，如今AI盛行，各种绘画工具层出不穷，网上也看了很多，stable diffusion（sd）和midjunery（mj）算是主流，国内的文心、天工、甚至抖音什么的，我也尝试过，但是总的来说，跟sd和mj相比真的不好用。后来我找了网上一些运营号问，大多采用的是mj，不过我个人还是想试试，亲自对比一下，鉴于mj的付费，我先……
Vue不能检测数据变动的原因和解决办法
熟悉vue的同学都有过这样的经历，操作数据的时候，如果“使用不当”可能让你的页面“无动于衷”。这也是大家经常会聊的问题，vue中的数据操作，没有更新视图，今天来细说一下这个点。 一、直接给data里塞入一个数据 需要在UI上显示的数据没有在data里进行声明，于是不显示。 原因： vue无法检测实例被创建时，不存在于data中的prope……
浏览器存储：cookie、webStorage、webSQL、IndexedDB、locaForage
随着前端业务的不断扩展，逻辑也越来越复杂，就连服务端存储都逐渐渗透到前端来。几种常见的浏览器存储，了解一下。 一、Cookie 存储 cookie 是浏览器的功能，浏览器下有一个 cookie 文件夹专门存放各个域下设置的 cookie。Cookie都是name=value的结构，name和value都为字符串。另外，Cookie是有生命……