# FineUI-100-Questions

FineUI 100个问题题,带你走进FineUI的世界

此系列内容来源于日常开发积累与沉淀,用于大家学习交流与项目中踩坑,掌握一些api文档之外的进阶技巧

每一篇md会结合实际场景或问题背景,来阐述原因和解决方案

期望达成的意义是再遇到任何开发中的困惑时,都可以在这里找到答案并产生积累

## 100-Questions列表

---

### 基础必备知识

- [0、前端工作进阶需要哪些必备技能](./questions/0.前端工作进阶需要哪些必备技能.md)
- [1、前端如何正确书写资源路径](./questions/50.前端如何正确书写资源路径.md)
- [2、组件的代码设计基本思路](./questions/2.组件的代码设计基本思路.md)
- [3、如何获取当前时间](./questions/1.如何获取当前时间.md)
- [4、结合语义化、可读性和程序性能选择遍历方法](./questions/4.结合语义化、可读性和程序性能选择遍历方法.md)
- [5、关于组件引用的奥秘,ref知多少](./questions/3.关于组件引用的奥秘,ref知多少.md)
- [6、使用ButtonGroup控制可点击组件的控制选中状态](./questions/4.使用ButtonGroup控制可点击组件的控制选中状态.md)
- [7、我们为什么要设计el这个属性](./questions/40.我们为什么要设计el这个属性.md)
- [9、z-index解析以及在FineUI中使用原则](./questions/9.z-index解析以及在FineUI中使用原则.md)
- [10、computed通俗易懂的原理解析和日常排错](./questions/1.如何获取当前时间.md)
- [11、绝对布局的隐藏知识点](./questions/41.绝对布局的隐藏知识点.md)
- [12、如何灵活应用布局组件,尽可能的减少DOM数量?](./questions/12.如何灵活应用布局组件,尽可能的减少DOM数量.md)
- [13、何时会滚动,滚动条位置如何贴边,究竟是怎么回事](./questions/42.何时会滚动,滚动条位置如何贴边,究竟是怎么回事.md)
- [14、如何监听元素大小变化](./questions/20.如何监听元素大小变化.md)
- [15、阻止冒泡在FineUI中适用场景](./questions/15.阻止冒泡在FineUI中适用场景.md)

### 进阶技巧

- [1、Fix中对于对象属性的监听,为什么要先定义属性才可以正常watch,如何解决](./questions/55.Fix中对于对象属性的监听,为什么要先定义属性才可以正常watch,如何解决.md)
- [2、高阶组件的render-props](./questions/4.高阶组件的render-props.md)
- [3、在props中处理生命周期函数](./questions/11.在props中处理生命周期函数.md)
- [4、为什么传递时间信息时候推荐使用时间戳](./questions/3.为什么传递时间信息时候推荐使用时间戳.md)
- [5、BI.config都可以做那些事情](./questions/9.BI.config都可以做那些事情.md)
- [6、BI.config的执行顺序是什么,为什么这么设计](./questions/10.BI.config的执行顺序是什么,为什么这么设计.md)
- [7、combo的一些特性详解](./questions/80.combo的一些特性详解.md)
- [8、利用响应式编写组件代码的新思路](./questions/43.利用响应式编写组件代码的新思路.md)
- [9、如何提供异步配置的接口](./questions/44.如何提供异步配置的接口.md)
- [10、Fix.set和Fix.del是为了解决什么问题?](./questions/10.Fix.set和Fix.del是为了解决什么问题.md)
- [11、Fix中对数组、对象的操作技巧](./questions/11.Fix中对数组、对象的操作技巧.md)
- [12、computed进行列表组件的状态控制](./questions/21.computed%E8%BF%9B%E8%A1%8C%E5%88%97%E8%A1%A8%E7%BB%84%E4%BB%B6%E7%9A%84%E7%8A%B6%E6%80%81%E6%8E%A7%E5%88%B6.md)
- [13、每个布局组件都对应一个DOM节点吗?](./questions/13.每个布局组件都对应一个DOM节点吗.md)
- [14、怎么实现一个树形控件]()
- [15、disabled的父子控制]()
- [16、为什么不推荐使用同步的watch]()
- [17、处理树结构的常用算法]()
- [18、组件生命周期与Model状态控制](https://code.fineres.com/projects/BUSSINESS/repos/nuclear-webui/pull-requests/9193/diff/#packages/bi-webui/src/modules/conf/pack/analysis/transfer/operator/dimension/combo/combo.tsx)
- [19、让滚动条贴附在容器边缘的实现](./questions/28.让滚动条贴附在容器边缘的实现.md)
- [20、BI.Layers.create参数详解原理](./questions/29.BI.Layers.create参数详解原理.md)
- [21、上对齐的横向布局](./questions/27.上对齐的横向布局.md)
- [22、tab选项卡组件的logic属性实现动态高度](./questions/26.tab选项卡组件的logic属性实现动态高度.md)
- [23、为什么FineUI中采用display:none隐藏组件]()
- [24、选中、hover样式的通用处理规则](./questions/26.tab选项卡组件的logic属性实现动态高度.md)
- [25、如何独立控制组件文字和图标颜色](./questions/34.独立控制组件文字和图标颜色.md)
- [26、文件上传控件多次选择文件和自定义校验](./questions/35.文件上传控件多次选择文件和自定义校验.md)
- [27、effect的妙用](27.effect的妙用.md)
- [28、defer和nextTick有什么区别]()
- [29、为什么说随意修改原始数据时万恶之源?]()
- [30、空状态提示的若干种实现方式]()
- [31、在响应式中谨慎使用解构](./questions/31.响应式中谨慎使用解构.md)
- [32、有没有一种布局方式，在文本保持垂直居中的情况下，文本很多时，可以限制其不超出外层高度 并出现滚动条](./questions/32.有没有一种布局方式，在文本保持垂直居中的情况下，文本很多时，可以限制其不超出外层高度 并出现滚动条.md)
- [33、如何快速的封装自定义combo](./questions/33.如何快速的封装自定义combo.md)
- [34、horizontalAlign:stretch是怎么一回事儿]()
- [35、不用resize实现拖动调整宽高布局](./questions/35.不用resize实现拖动调整宽高布局.md)
- [36、reset方法的滥用]()
- [37、hover-visible的原理及使用方式](./questions/37.hover-visible的原理及使用方式.md)
- [38、绑定listeners时候this的新写法](./questions/38.绑定listeners时候this的新写法.md)
- [39、利用bi.loader快速封装分页加载更多列表](./questions/39.利用bi.loader快速封装分页加载更多列表.md)


### 代码之外

- [0、超脱于研发之外的研发]()