在Vue项目中，尤其是在使用组件化开发时，我们某些时候需要对组件内部的某些样式优化，但Vue的样式封装特性（scoped）会阻止外部样式直接作用于组件内部。为了应对这一挑战，Vue社区引入了深度选择器

CSS动画能显著提升网站的视觉吸引力，将静态设计转变为引人入胜的动态体验。在CSS中，animation 属性是实现动画效果的核心，它允许你通过单个属性值来定义动画的所有方面。

最近遇到一个原子化css的工具-tailwind css。之前在项目中，都是自己手动将常用的css样式提取出来放在一个公共文件当中，然后全局引用，初步接触到tailwind css之后发现这个工具很好

「这是我参与11月更文挑战的第7天，活动详情查看：2021最后一次更文挑战」。 在我看来，最好的网站和Web应用程序对它们具有切实的"真实"质量。实现这种质量涉及很多因素，但阴影是一个关键因素。 然而

这些网站灵感是网站的瑰宝，值得用于设计灵感，每个网站都有独特的东西可以提供。 为了不让您感到无聊，我将继续讨论它。 Screelane 一个很棒的网站，可以找到按屏幕、产品类别和元素分类的应用程序设计

水印组件可以通过后端直接生成并在前台展示，但是如果要前台自己实现一个应该怎么做，又如何防止水印被删除或者篡改呢？

开发中遇到文字过长的场景，可以使用CSS截断文字或添加tooltip来解决。为了更友好，可以根据文本和容器宽度动态添加 toolti。核心是比对文本和容器宽度，监听宽度和文本变化。最后封装为组件使用。

项目环境 Vue3.x + Ant Design Vue3.x + Vite4.x 业务场景分析 在以上图片中，是管理后台系统中常见的表格内容，因使用的是 Ant Design Vue 框架，根据官方

最近业务需求要添加table的拖拽，但是element并没有table的拖拽功能，只能自己添加了。 找了两个组价库sortablejs和vuedraggable,后者是基于前者实现的更加符合vue标准的库，依赖于前者，但是项目中用的element的table, vuedragg…