Webpack 和 Rollup：您应该知道的一些事情
本文只做 Webpack 和 Rollup 的对比总结，不参入 esbuild、Vite 或其他工具的讨论 Webpack 和 Rollup 都是现在前端领域比较流行的打包工具，它们的相似之处在于可以帮助我们 把多个 JavaScript 文件打包成一个可以在浏览器中加载并在生产中使用的文件。 打包成单个文件的好处是可以减少网络请求、提高网站性能等目的。 这篇文章主要想通过对比的方式讲讲这两种打包工具的差异...
为什么 shadcn ui 能杀入2023年前端工具库榜首
无样式组件库 headless ui 在介绍 shadcn ui 之前，我们先来看前几年出现的概念： headless 组件库 你是否碰上这样的场景，使用 antd / element ui 组件库时，设计让你调整个组件样式（比如说日历日期的特殊颜色等）。 这种情况，通常要费很大的力气跟设计沟通，为什么我不能修改这里的样式，即使只是一小点改动。 组件库都是写好了的，而且底层是耦合的代码，这很难进行更改。强行更改的方案都很脏，不够优雅。...
大文件上传优化（切片、断点续传、秒传
大文件上传 前景提要 在工作中，经常会遇到上传文件的功能，但是当文件体积大时，如果使用把该文件直接在一个请求体中提交，会出现一些问题，以nginx为例： 其默认允许1MB以内的文件 超过1MB的文件，需要设置 放开体积限制 但是这样会存在一个问题，就是如果上传的文件体积很大，就会出现一些问题，最明显的问题是： 服务器的存储和网络带宽压力都会非常大 当服务器、产品、用户忍不了时，就需要对大文件上传进行优化。 1、大文件切片上传 逻辑梗概...
揭秘 ChatGPT：流式输出的神奇原理与 SSE 技术
ChatGPT，作为人工智能领域的佼佼者，以其卓越的自然语言处理能力和广泛的应用场景，赢得了众多用户的青睐。其中，ChatGPT的流式输出功能更是让人印象深刻。那么，ChatGPT是如何实现流式输出的呢？这背后离不开Server Sent Events（SSE）技术的支持。下面，我们就来详细讲解一下ChatGPT流式输出的原理以及SSE技术的作用，并附上代码示例。 一、什么是ChatGPT的流式输出？ ChatGPT的流式输出，指的是在...
vue3.2路由传参-使用state方式
在跳转前的页面使用 state 参数 跳转的后页面接收
vue3中使用ref语法糖
自从引入组合式 API 的概念以来，一个主要的未解决的问题就是 ref 和响应式对象到底用哪个。 响应式对象存在解构丢失响应性的问题，而 ref 需要到处使用 .value 则感觉很繁琐，并且在没有类型系统的帮助时很容易漏掉 .value 2e8b084ed6e50cb5502a5d78669d8950.png 写法优化 以上是官方原话。大概就是新的语法糖 可以让我们更方便的使用ref，而不用每次都写.value 大概就是把这样的代码,...
Vue.js 3 + Vite 项目在安卓App中内嵌展示方案
双击Vite打包后的index.html文件直接在浏览器中打开 最近需要实现一个功能：改造现有 Vue 3 项目，使打包后的项目文件能够直接内嵌在安卓APP（大屏）中使用，即在安卓应用中使用 WebView 通过 的方式加载 Vite 打包后的 index.html 文件。 目前，项目使用的部分技术栈如下： Vue.js 3.2.47 Vue Router 4.1.6 Pinia 2.0.32 element plus 2.3.3 Vi...
Vue3事件总线——从eventBus到mitt
前言 在 3 中，默认情况下是没有内置的 EventBus，也就是说，Vue 3 没有像 Vue 2 那样的 和 的全局事件系统。 这是因为在 Vue 3 中，官方推荐使用 Composition API 以及更灵活的函数式组件，同时提倡使用更明确的通信方式。比如 、 、 / 、 不过在一些小项目中，我们仍然希望可以使用 而不用pinia进行全局的管理。这个时候，Vue3里使用最广来实现eventBus的方法就是第三方库m...
template setup 和 tsx 的混合开发实践
一般而言，我们在用 的时候，都是使用模板进行开发，但其实 中也是支持使用 的。 最近我研究了一下如何在项目中混合使用二者，并且探索出了一些模式， 本文就是我在这种开发模式下的一些总结和思考，希望能帮助到大家。 由于 就是 版本的 ,二者基本上可以认作一个东西，所以下文使用 的地方，一般而言对于 也同样适用。 通常我们都是通过模板来定义我们的ui，这是官方推荐的编写方式，模板开发有很多优点,比如: 简单易上手，接近原生html的编写模式。...