search

haizlin / fe-interview

前端面试每日 3+1，以面试题来驱动学习，提倡每日学习与思考，每天进步一点！每天早上5点纯手工发布面试题（死磕自己，愉悦大家），6000+道前端面试题全面覆盖，HTML/CSS/JavaScript/Vue/React/Nodejs/TypeScript/ECMAScritpt/Webpack/Jquery/小程序/软技能……
http://www.h-camel.com
MIT License
25.38k stars 3.25k forks source link

[css] 第119天 你有没有自己写过一套UI库？说下遇到哪些难点？ #1058

Open haizhilin2013 opened 5 years ago

haizhilin2013 commented 5 years ago

第119天 你有没有自己写过一套UI库？说下遇到哪些难点？

Gloomysunday28 commented 5 years ago

目录划分、按需加载当时有点疑惑

LJH520 commented 5 years ago

没有写过，都是和组件封一起┭┮﹏┭┮

XboxYan commented 5 years ago

有啊。这是一个基于web-components的UI组件库

http://xy-ui.codelabo.cn/docs

感觉如何设计组件的整体主题样式和配置项是个难点

这里采用css自定义属性

:root{
    --themeColor:#42b983
}

比如有一种组件，有的人可能喜欢上面一种风格，有的人可能喜欢下面那种风格

<xy-select>
    <xy-option>AAA</xy-option>
    <xy-option>BBB</xy-option>
</xy-select>
<!--or-->
<xy-select values=['AAA','BBB']></xy-select>
ipadthree commented 5 years ago

维护过，碰到的坑主要是 1）同一个UI component在不同地方使用的customization问题。 2）还有如果UI component如果有bug的话会导致所有使用的地方都出现bug 3）改了一个UI component后在A处work，但是在B处因为context不一样导致render出来的效果不一样