【第3563期】主题化设计系统的多种形式前端早读课/@Brad Frost文章探讨了设计系统如何通过主题化实现高度灵活性,介绍了三层设计标记架构及在多个实际场景的应用价值,如满足不同品牌、产品和场景需求,包括多品牌、多代设计语言共存、明暗模式切换等
从 0 到 1 搭建 Vue3 + Vite 组件库:流程、规范与最佳实践掘金前端/@巴厘猫本文详细介绍了从0到1搭建Vue3 + Vite组件库的完整流程,包括技术选型与初始化、组件开发、工程化规范与最佳实践、构建与发布以及生态集成等方面,帮助开发者打造高质量的组件库。
为了满足产品和设计,我撸了一个校准器ElkCalibrate📏掘金前端/@不爱说话郭德纲作者因产品经理和设计师提出的新需求,对基础校准器进行改进,开发出智能校准器组件ElkCalibrate。介绍了组件亮点、功能实现、应用场景、性能优化及企业落地案例等内容,该组件已开源。
vant-weapp源码解析(1)掘金前端/@郭邯作者作为工作多年的开发者,觉得自己能力变差,于是决定阅读源码提升自己。以vant-weapp组件库的van-divider组件为例,详细介绍了其目录结构、属性处理、样式设置等方面的源码实现方式,认为小程序组件虽简单但有值得学习之处。
基于 parentDefId 的树形 el-table 配置方案详解掘金前端/@前端龙雨溪文章详细介绍了基于parentDefId字段构建树形el-table的方案,包括数据预处理、表格列定义和树形渲染逻辑等内容
【第3562期】各类状态的混乱现状前端早读课/@Nathan Curtis文章指出尽管Figma是主导设计工具,但设计系统在建模组件状态时与代码实际工作方式脱节。以文本输入框为例,探讨了如disabled、readonly等状态属性在设计与代码中的差异及处理方式,强调追求设计和代码状态一致性会遇到现实妥协点。
推荐一款超高颜值的后台管理模板!Art-Design-Pro!开源!免费!掘金前端/@mldong/3 天前文章介绍了一款名为Art Design Pro的后台管理模板,它基于Vue 3和TypeScript构建,具有强大的技术栈、丰富的组件库、清晰的目录结构,适用于快速搭建美观实用的后台管理系统,还给出了演示地址、源码地址和学习视频等。
Tailwind CSS 日常使用掘金前端/@P7Dreamer_Matt/3 天前本文是Tailwind CSS的全面使用文档,介绍了其核心概念、安装配置、常用工具类、常见问题及资源推荐等,帮助开发者高效利用该框架构建界面。
React-Vant:让React移动端开发效率提升300%的UI库详解掘金前端/@南方kenny/4 天前文章介绍了专为React生态打造的移动端组件库react-vant,它轻量高效、对React友好、支持TypeScript且能定制主题,还通过项目代码展示了其核心组件的使用,对比其他UI库优势明显,适合中小型项目快速开发。
把 SearchBox 塞进项目,搜索转化率怒涨 400%?掘金前端/@OpenTiny社区/5 天前文章主要从是什么、怎么来的、用来干什么三个方面,详细介绍了TinyVue组件库的searchBox组件的功能特性、使用场景和优势,并分享了将其应用到项目中的经验。
从“按钮都不会点”到“能撸大厂 UI”:我用 react-vant 踢开组件库的大门!掘金前端/@yvvvy/5 天前作者分享了自己从写不好按钮样式到使用react-vant组件库的经历,详细介绍了react-vant的特点、安装方法、核心知识点及使用技巧等,认为它适合React初学者、做移动端页面的人以及想快速出原型的开发者等
Vue移动端项目二次封装原生table组件,支持表头/数据动态配置(支持多级表头、排序);作用域插槽、render函数渲染某列数据等功能掘金前端/@wocwin/5 天前该文章主要介绍了基于Vue的移动端项目对原生table组件进行二次封装,实现了表头和数据动态配置,支持多级表头、排序,还具备作用域插槽、render函数渲染某列数据等功能
提升React移动端开发效率:Vant组件库掘金前端/@Dream耀/6 天前文章介绍了Vant组件库在React项目中的使用,包括简介、安装方法,以Button按钮和NavBar导航栏组件为例展示了基本用法、高级特性,还涉及主题定制等高级用法与注意事项,能提高React移动端应用开发效率。
React + Vant 入门指南:轻松构建移动端应用掘金前端/@XXUZZWZ/6 天前本文为React + Vant入门指南,介绍如何利用它们轻松构建移动端应用,其中Vant是有赞团队出品的轻量优雅的移动端组件库,原生支持Vue。
你还在 import { Button } from './components'?掘金前端/@G等你下课/7 天前文章介绍了专为移动端设计的React组件库react-vant,阐述了其优点,如专为移动端优化、组件库丰富、有主题定制能力等,还说明了使用方法,包括安装、引入组件和样式等,最后提到了主题定制方式。
ArkUI 玩转水平滑动视图:超全实战教程与项目应用解析掘金前端/@zhanshuo/7 天前本文介绍了HarmonyOS前端UI框架ArkUI中水平滑动视图的实现方式,包括通过Scroller和List组件实现,以及它们在不同场景中的应用,并解答了相关问题,有助于开发者在实际项目中应用
基于 Vue3 和 Element Plus 的 <el-tag> 二次封装实现数字字典标签展示掘金前端/@可乐拌花菜/8 天前在前端项目中,为使页面更直观可读,常需将数字状态码转换为对应“标签”文字并配以颜色样式显示。本文基于Vue3和Element Plus对<el-tag>进行二次封装来实现数字字典标签展示。