全部文章
共 1299 篇文章
Vue3 新项目，没必要再用 Pinia 了
上线！欢迎领取～ 大家好，我是杨成功！ 最近弄了一个新的 Vue3 项目，页面不多，其中有三四个页面需要共享状态，我几乎条件反射般地安装了 来做状态管理。 后来一想，我只需要一个仓库，存放几个状态而已，有必要单独接一套 Pinia 吗？ 其实不需要，我差点忘记了 Vue3 的一个重要特性，那就是 。 组合式 API 大家都知道，组合式函数可能大家没有特别留意。但是它功能强大，足矣实现全局状态管理。 组合式函数 什么是组合式函数？以下是官...
Vue3.4 中组件 v-model 双向数据绑定
哈喽,大家好 我是 👨🏻💻。今天给大家推荐一个 Vue3.4 中新增的 这个 , 真的超好用！！！ 前言 随着 版本的发布， 也正式转正了。它可以简化父子组件之间的 ，是目前官方推荐的双向绑定实现方式。 之前在 Vue3.3 中，该方法还是 方法，使用 defineModel 需在 里面配置 为 ，配置如下： 但 版本中已经是稳定特性了！！！ 正式介绍 defineModel defineModel 是一个新的 宏，旨在简化支持...
vue3同时引入多个iconfont图标库
vue3同时引入多个iconfont图标库 下载iconfont库 创建项目库 iconfont官网：https://www.iconfont.cn/ 选择图标，加入 图标加入项目库 打开购物车，选择【添加至项目】 下载到本地 首页选择【资源管理】–【我的项目】，进入【我的项目】 选择要下载的项目，点击【下载至本地】 【解压】后查看文件结构 vue3引入 文件存放位置 在 目录下新建 目录 在浏览器打开 ，可以所有的图标样...
vue中点击事件click加括号和不加括号的区别
官方说法： 在Vue中，使用@click指令来监听元素的点击事件，并执行相应的方法。区分不同的点击事件可以通过传递不同的方法名或方法名后面添加一对小括号来实现。 区别： 1\. @click="comfors"：这是一个简单的绑定事件语法，当元素被点击时，会调用comfors方法。 2\. @click="comfors()"：这是在点击事件上调用方法的语法，当元素被点击时，会立即执行comfors方法。 3.@click="comfo...
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 参数 跳转的后页面接收