ZuoYeShu

Element-Plus-X 更新！多个组件升级，新增 MentionSender、Thinking、ThoughtChain 组件。助力 Vue 开发者轻松搭建 AI 项目。

背景 最近，就前端开发过程中的痛点及可优化项做了一次收集。 其中，构建耗时、项目编译速度慢的字眼出现了好几次。 随着业务的快速发展，我们很多项目的体积也快速膨胀。随之而来的， 就是打包变慢等问题。

最近接手了一个 UI 需求，设计想让实现一个 popup，它可以在屏幕任意方向弹出一个自定义的样式。我首先考虑到的就是使用 vant 这个组件库中的 popup，但是发现它不是特别能满足我的需求

我们能不能自动获取权限按钮所处的位置，然后进行自动权限判断呢？位置如何获取呢？是否可以自动provide和inject相关的`权限层`呢？

1、简介 Pinia是一个状态管理库。 Pinia的一些特性： 体积小，只有1kb左右； 去掉了mutations，只保留了state、getters、actions； actions同时支持同步和异

axios 是一个流行的网络请求库。本文使用typescript，结合axios类型源码，利用面向对象思想，一步一步封装一个类型完整的基础版axios，便于刚接触axios封装的新手学习。

BEM 架构是什么？ BEM 架构是对前端样式命名的规范化，顾名思义，BEM 由 块【block】、元素【element】、修饰符【modifier】组成，其主要作用是方便开发团队对前端项目的样式命名

本文介绍了如何通过 JavaScript 实现前端图片压缩功能。通过压缩图片，可以减小图片文件的大小，提高页面加载速度，改善用户体验。

我始终坚持，前端开发不能满足于实现功能，而是需要提供优秀的交互与用户体验。即使没有产品没有UI的小项目，也可以自己控制出品质量，做到小而美。