封装组件
这是一个收藏 如何优雅的封装组件的收藏集
10篇文章 · 0订阅
  • 使用 CSS 轻松实现一些高频出现的奇形怪状按钮
    背景 在群里会有同学问相关的问题，怎么样使用 CSS 实现一个内切角按钮呢、怎么样实现一个带箭头的按钮呢？ 本文基于一些高频出现在设计稿中的，使用 CSS 实现稍微有点难度和技巧性的按钮，讲解使用 C
    前端 CSS JavaScript
    使用 CSS 轻松实现一些高频出现的奇形怪状按钮
  • 史诗级 ⚡ 宇宙最强 🏆 vue3 函数式弹窗 🚀
    使用 vue3 实现一个通用函数式弹窗，支持懒加载（异步加载函数）、自定义插槽、props传参、事件绑定、provide inject 注入数据、暴露内部方法。
    前端 Vue.js
    史诗级 ⚡ 宇宙最强 🏆 vue3 函数式弹窗 🚀
  • Vue3 预览图片和视频
    项目中遇到一组数据既有可能是图片，也有可能是视频，需要同时预览的情况，搜了一下，找到了vue-gallery，试了一下之后发现没法在VUE3下没法用，不知道是真的完全没法用，还是因为我用的Compos
    Vue.js
  • 面试官：能否用原生JS手写一个虚拟列表...啊？你还真能写啊？
    面试手写题：如何用原生 JS 快速实现一个虚拟列表展示其效果，并讲讲实现原理以及相关的优化手段🤔。
    前端 面试
    面试官：能否用原生JS手写一个虚拟列表...啊？你还真能写啊？
  • 扩展你的前端知识库，毫无废话！
    这篇文章给大家分享前端中一些原理性问题，以及开发中一些功能的实现，分别为： Form表单字段校验如何实现 Vue 项目中 data-v-xxx 的生成 Vue项目打包后产生的 JS请求等
    前端 Vue.js 面试
    扩展你的前端知识库，毫无废话！
  • 为什么说网上99%的策略模式都有问题？带你设计一个工程上可用的策略模式
    当你搜索策略模式的时候，你能看到很多的教程。但是你发现当你用了他们的模式之后，反而使得你的项目变得更加复杂和臃肿了。那么他们为什么会出现这种认为用这玩意不如不用的想法呢，在我看来他们的用法和设计是有大
    前端 JavaScript
    为什么说网上99%的策略模式都有问题？带你设计一个工程上可用的策略模式
  • vue3中echarts组件的最佳封装形式
    项目中经常用到echarts，不做封装直接拿来使用也行，但不可避免要写很多重复的配置代码，封装稍不注意又会过度封装，丢失了扩展性和可读性。始终没有找到一个好的实践，偶然看到一篇文章，给了灵感。找到了一
    ECharts Vue.js
  • 基于 tailwindcss 的多端自适应布局方案
    近期，我在做一个项目。老板希望我们的产品在不同的设备上都能有良好的用户体验，同时，为了节省人力成本，希望在同一套代码上去针对不同的屏幕尺寸去做样式适配。因为我选择了 tailwindcss 作为 cs
    前端 CSS React.js
  • 太丝滑了！了解一下原生的视图转换动画 View Transitions
    在原生 APP 中，我们经常会看到那种丝滑又舒适的页面切换动画，比如这样的 Android 里一般称之为共享元素（shareElement）动画，也就是动画前后有一个（或多个）相同的元素，起到前后过渡
    前端 CSS JavaScript
    太丝滑了！了解一下原生的视图转换动画 View Transitions
  • 『前端工程』—— 封装Vue第三方组件的三板斧
    在封装第三方组件中，经常会遇到一个问题，如何通过封装的组件去使用第三方组件的Attributes(属性)、Events(自定义事件)、Methods(方法)、Slots(插槽)。 当然这个问题并不是难以解决，用普通方法解决难免陷入繁琐重复的工作中，而且封装的组件代码可读性也不高…
    Vue.js 前端框架