想去海边捡垃圾

前言 日常开发过程中，前端程序员经常需要开发一些酷炫的特效，而这些特效大都需要编写CSS3实现。 但我发现一个问题，就是很大一部分前端程序员并不擅长CSS3这门技术，所以一...

本文其实应该叫，Web 用户体验设计提升指南。 ... 所谓的用户体验设计，其实是一个比较虚的概念，是秉承着以用户为中心的思想的一种设计手段，以用户需求为目标而进行的设计。...

Vue-Router 路由缓存问题及解决方案 在Vue.js项目中，使用进行页面导航时，我们常常会有一个这样的场景,点击一级分类栏中的具体某个分类,之后,会发送请求获取该分...

这样的弧度的弧线选项卡你知道用 CSS 怎么做吗？ 是不是又要去找 UI 小姐姐了？ 我是渡一前端子辰老师，今天让我们一起探索这个有趣的技巧吧。...

css实现tabs圆角切换效果，使用伪元素、border-radius、box-shadow叠加处理。...

最近刚好遇见一个圆角渐变边框的需求，顺便整理了一些常用的 css 写法~ 这里我一共整理了 5 种方案，可以根据需求进行选择。希望能对你有所帮助，欢迎一起交流学习~...

Vue 卷了一代又一代，可谓是越卷越快，从 Vue2 到 Vue3 更是完成了一个大的飞跃！而 Vue3 之所以这么快，很大一部分归功于它做的一系列 编译优化 策略。 我们...

在当今的网页设计领域，CSS3已经成为一个不可或缺的技能。虽然很多人都已经了解了CSS3的一些基本用法，但是一些更加深入的知识点可能并不为人所知。在本文中，我们将一起探究一...

为边框加上动画效果，往往会让交互显得更加友好。其中，background-origin 和 background-clip 的区别要注意区分~...

没关系, 面试的时候总会问如何在Vue的实例上挂载一个方法/属性, 也就是Vue.prototype的小技巧, 但是突然有人问他俩有啥关系还真是新鲜. 我想应该是网上有文章...

这是我参与更文挑战的第 21 天，活动详情查看：更文挑战 我们可能会在很多组件里用到数据/实用工具，但是不想污染全局作用域。这种情况下，可以通过在原型上定义它们使其在每个 ...

本文将从前端模块化的发展历史出发，逐步探讨`CommonJS`规范 和 `ES Module`规范之间的异同，最后将深入模块化内部原理进行多维度剖析，彻底弄懂 Web环境下...

不以规矩，不能成方圆。 由于某些原因，笔者有幸经历了团队从缺乏标准到逐渐规范的一个过程，在此当做记录供大家参考。 本文从为什么需要规范以及建立规范的重要性出发，逐步引申出如...

什么是前端工程化，是我去年困扰我很久的一个问题，打开搜索引擎一搜，能找到四个关键字，模块化、组件化、规范化、自动化，但一看这几个字，更加迷茫了，没说解决了什么问题。大部分搜...

副作用：effect 函数的执行会直接或间接影响其他函数的执行。 响应式数据：当数据发生变化时，页面相应使用该数据的地方也会自动跟着发生变化。 响应式数据实现基本原理：使用...

css 文字换行，一行超出省略 ... 多行超出省略 ... 截断隐藏 折行一行超出省略 ... 多行超出省略 ... 截断隐藏 折行...

该文章讲的是关于跨级组件通信方式，使用的 API 是 provide 和 inject。 provide 用于提供数据，那么应该在祖先组件中使用；inject 用于接收数据...

面试过程中面试官问到前端性能优化有哪些，当我咔咔一顿输出之后面试官追问：前端可以做的性能优化有哪些呢？ 前端优化大概可以有以下几个方向： 网络优化 页面渲染优化 JS优化 ...

该文章讲的是父子通信，父组件通过 ref 获取子组件的属性，子组件通过 $parent 获取父组件的属性。同时，由于组件内部数据默认是只能组件内部自己访问，所以想让外部访问...

本篇讲的是使用 useAttrs() 实现父传子，该方法可以将父组件中子组件标签身上的属性和属性值传递给子组件内部，且可以获取自定义事件。...