|
|
|
@ -15,43 +15,50 @@ FineUI 100个问题题,带你走进FineUI的世界
|
|
|
|
|
- [0、前端工作进阶需要哪些必备技能](https://code.fanruan.com/dailer/FineUI-100-Questions/src/branch/master/questions/0.前端工作进阶需要哪些必备技能.md) |
|
|
|
|
- [1、前端如何正确书写资源路径](https://code.fanruan.com/dailer/FineUI-100-Questions/src/branch/master/questions/50.前端如何正确书写资源路径.md) |
|
|
|
|
- [2、组件的代码设计基本思路](https://code.fanruan.com/dailer/FineUI-100-Questions/src/branch/master/questions/2.组件的代码设计基本思路.md) |
|
|
|
|
- [11、如何获取当前时间](https://code.fanruan.com/dailer/FineUI-100-Questions/src/branch/master/questions/1.如何获取当前时间.md) |
|
|
|
|
- [12、日期方法大全](https://code.fanruan.com/dailer/FineUI-100-Questions/src/branch/master/questions/2.如何格式化输出日期.md) |
|
|
|
|
- [3、关于组件引用的奥秘,ref知多少](https://code.fanruan.com/dailer/FineUI-100-Questions/src/branch/master/questions/3.关于组件引用的奥秘,ref知多少.md) |
|
|
|
|
- [4、使用ButtonGroup控制可点击组件的控制选中状态](https://code.fanruan.com/dailer/FineUI-100-Questions/src/branch/master/questions/4.使用ButtonGroup控制可点击组件的控制选中状态.md) |
|
|
|
|
- [5、我们为什么要设计el这个属性](https://code.fanruan.com/dailer/FineUI-100-Questions/src/branch/master/questions/40.我们为什么要设计el这个属性.md) |
|
|
|
|
- [2、常用遍历方法和FineUI中内置遍历方法](https://code.fanruan.com/dailer/FineUI-100-Questions/src/branch/master/questions/2.组件的代码设计基本思路.md) |
|
|
|
|
- [11、z-index究竟是怎么回事](https://code.fanruan.com/dailer/FineUI-100-Questions/src/branch/master/questions/1.如何获取当前时间.md) |
|
|
|
|
- [13、computed通俗易懂的原理解析和日常排错](https://code.fanruan.com/dailer/FineUI-100-Questions/src/branch/master/questions/1.如何获取当前时间.md) |
|
|
|
|
- [6、绝对布局的隐藏知识点](https://code.fanruan.com/dailer/FineUI-100-Questions/src/branch/master/questions/41.绝对布局的隐藏知识点.md) |
|
|
|
|
- [6、如何灵活应用布局组件,尽可能的减少DOM数量?](https://code.fanruan.com/dailer/FineUI-100-Questions/src/branch/master/questions/41.绝对布局的隐藏知识点.md) |
|
|
|
|
- [7、何时会滚动,滚动条位置如何贴边,究竟是怎么回事](https://code.fanruan.com/dailer/FineUI-100-Questions/src/branch/master/questions/42.何时会滚动,滚动条位置如何贴边,究竟是怎么回事.md) |
|
|
|
|
- [3、如何获取当前时间](https://code.fanruan.com/dailer/FineUI-100-Questions/src/branch/master/questions/1.如何获取当前时间.md) |
|
|
|
|
- [4、结合语义化、可读性和程序性能选择遍历方法](https://code.fanruan.com/dailer/FineUI-100-Questions/src/branch/master/questions/2.如何格式化输出日期.md) |
|
|
|
|
- [5、关于组件引用的奥秘,ref知多少](https://code.fanruan.com/dailer/FineUI-100-Questions/src/branch/master/questions/3.关于组件引用的奥秘,ref知多少.md) |
|
|
|
|
- [6、使用ButtonGroup控制可点击组件的控制选中状态](https://code.fanruan.com/dailer/FineUI-100-Questions/src/branch/master/questions/4.使用ButtonGroup控制可点击组件的控制选中状态.md) |
|
|
|
|
- [7、我们为什么要设计el这个属性](https://code.fanruan.com/dailer/FineUI-100-Questions/src/branch/master/questions/40.我们为什么要设计el这个属性.md) |
|
|
|
|
- [8、常用遍历方法和FineUI中内置遍历方法](https://code.fanruan.com/dailer/FineUI-100-Questions/src/branch/master/questions/2.组件的代码设计基本思路.md) |
|
|
|
|
- [9、z-index究竟是怎么回事](https://code.fanruan.com/dailer/FineUI-100-Questions/src/branch/master/questions/1.如何获取当前时间.md) |
|
|
|
|
- [10、computed通俗易懂的原理解析和日常排错](https://code.fanruan.com/dailer/FineUI-100-Questions/src/branch/master/questions/1.如何获取当前时间.md) |
|
|
|
|
- [11、绝对布局的隐藏知识点](https://code.fanruan.com/dailer/FineUI-100-Questions/src/branch/master/questions/41.绝对布局的隐藏知识点.md) |
|
|
|
|
- [12、如何灵活应用布局组件,尽可能的减少DOM数量?](https://code.fanruan.com/dailer/FineUI-100-Questions/src/branch/master/questions/41.绝对布局的隐藏知识点.md) |
|
|
|
|
- [13、何时会滚动,滚动条位置如何贴边,究竟是怎么回事](https://code.fanruan.com/dailer/FineUI-100-Questions/src/branch/master/questions/42.何时会滚动,滚动条位置如何贴边,究竟是怎么回事.md) |
|
|
|
|
- [14、结合语义化、可读性和程序性能选择遍历方法](https://code.fanruan.com/dailer/FineUI-100-Questions/src/branch/master/questions/42.何时会滚动,滚动条位置如何贴边,究竟是怎么回事.md) |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
### 进阶技巧 |
|
|
|
|
|
|
|
|
|
- [8、Fix中对于对象属性的监听,为什么要先定义属性才可以正常watch,如何解决](https://code.fanruan.com/dailer/FineUI-100-Questions/src/branch/master/questions/55.Fix中对于对象属性的监听,为什么要先定义属性才可以正常watch,如何解决.md) |
|
|
|
|
- [9、高阶组件的render-props](https://code.fanruan.com/dailer/FineUI-100-Questions/src/branch/master/questions/4.高阶组件的render-props.md) |
|
|
|
|
- [10.在props中处理生命周期函数](https://code.fanruan.com/dailer/FineUI-100-Questions/src/branch/master/questions/10.在props中处理生命周期函数.md) |
|
|
|
|
- [13、为什么传递时间信息时候推荐使用时间戳](https://code.fanruan.com/dailer/FineUI-100-Questions/src/branch/master/questions/3.为什么传递时间信息时候推荐使用时间戳.md) |
|
|
|
|
- [14、BI.config都可以做那些事情](https://code.fanruan.com/dailer/FineUI-100-Questions/src/branch/master/questions/9.BI.config都可以做那些事情.md) |
|
|
|
|
- [15、BI.config的执行顺序是什么,为什么这么设计](https://code.fanruan.com/dailer/FineUI-100-Questions/src/branch/master/questions/10.BI.config的执行顺序是什么,为什么这么设计.md) |
|
|
|
|
- [16、combo的一些特性详解](https://code.fanruan.com/dailer/FineUI-100-Questions/src/branch/master/questions/80.combo的一些特性详解.md) |
|
|
|
|
- [17、利用响应式编写组件代码的新思路](https://code.fanruan.com/dailer/FineUI-100-Questions/src/branch/master/questions/43.利用响应式编写组件代码的新思路.md) |
|
|
|
|
- [18、如何提供异步配置的接口](https://code.fanruan.com/dailer/FineUI-100-Questions/src/branch/master/questions/44.如何提供异步配置的接口.md) |
|
|
|
|
- [19、Fix.set和Fix.del是为了解决什么问题?]() |
|
|
|
|
- [20、Fix中数组的使用技巧]() |
|
|
|
|
- [21、computed进行列表组件的状态控制](https://code.fanruan.com/dailer/FineUI-100-Questions/src/branch/master/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) |
|
|
|
|
- [22、如何在开发中有效减少dom数量]() |
|
|
|
|
- [23、怎么实现一个树形控件]() |
|
|
|
|
- [24、开发时必须三思的事情都有哪些]() |
|
|
|
|
- [25、为什么不推荐使用同步的watch]() |
|
|
|
|
- [26、处理树结构的常用算法]() |
|
|
|
|
- [27、组件生命周期与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) |
|
|
|
|
- [28、让滚动条贴附在容器边缘的实现](./questions/28.让滚动条贴附在容器边缘的实现.md) |
|
|
|
|
- [29、BI.Layers.create参数详解原理](https://code.fanruan.com/dailer/FineUI-100-Questions/src/branch/master/questions/29.BI.Layers.create参数详解原理.md) |
|
|
|
|
- [30、上对齐的横向布局](./questions/27.上对齐的横向布局.md) |
|
|
|
|
- [31、tab选项卡组件的logic属性实现动态高度](./questions/26.tab选项卡组件的logic属性实现动态高度.md) |
|
|
|
|
- [32、为什么FineUI中采用display:none隐藏组件](./questions/26.tab选项卡组件的logic属性实现动态高度.md) |
|
|
|
|
- [33、选中、hover样式的通用处理规则](./questions/26.tab选项卡组件的logic属性实现动态高度.md) |
|
|
|
|
- [34、如何独立控制组件文字和图标颜色](./questions/34.独立控制组件文字和图标颜色.md) |
|
|
|
|
- [1、Fix中对于对象属性的监听,为什么要先定义属性才可以正常watch,如何解决](https://code.fanruan.com/dailer/FineUI-100-Questions/src/branch/master/questions/55.Fix中对于对象属性的监听,为什么要先定义属性才可以正常watch,如何解决.md) |
|
|
|
|
- [2、高阶组件的render-props](https://code.fanruan.com/dailer/FineUI-100-Questions/src/branch/master/questions/4.高阶组件的render-props.md) |
|
|
|
|
- [3.在props中处理生命周期函数](https://code.fanruan.com/dailer/FineUI-100-Questions/src/branch/master/questions/10.在props中处理生命周期函数.md) |
|
|
|
|
- [4、为什么传递时间信息时候推荐使用时间戳](https://code.fanruan.com/dailer/FineUI-100-Questions/src/branch/master/questions/3.为什么传递时间信息时候推荐使用时间戳.md) |
|
|
|
|
- [5、BI.config都可以做那些事情](https://code.fanruan.com/dailer/FineUI-100-Questions/src/branch/master/questions/9.BI.config都可以做那些事情.md) |
|
|
|
|
- [6、BI.config的执行顺序是什么,为什么这么设计](https://code.fanruan.com/dailer/FineUI-100-Questions/src/branch/master/questions/10.BI.config的执行顺序是什么,为什么这么设计.md) |
|
|
|
|
- [7、combo的一些特性详解](https://code.fanruan.com/dailer/FineUI-100-Questions/src/branch/master/questions/80.combo的一些特性详解.md) |
|
|
|
|
- [8、利用响应式编写组件代码的新思路](https://code.fanruan.com/dailer/FineUI-100-Questions/src/branch/master/questions/43.利用响应式编写组件代码的新思路.md) |
|
|
|
|
- [9、如何提供异步配置的接口](https://code.fanruan.com/dailer/FineUI-100-Questions/src/branch/master/questions/44.如何提供异步配置的接口.md) |
|
|
|
|
- [10、Fix.set和Fix.del是为了解决什么问题?]() |
|
|
|
|
- [11、Fix中数组的使用技巧]() |
|
|
|
|
- [12、computed进行列表组件的状态控制](https://code.fanruan.com/dailer/FineUI-100-Questions/src/branch/master/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数量]() |
|
|
|
|
- [14、怎么实现一个树形控件]() |
|
|
|
|
- [15、开发时必须三思的事情都有哪些]() |
|
|
|
|
- [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参数详解原理](https://code.fanruan.com/dailer/FineUI-100-Questions/src/branch/master/questions/29.BI.Layers.create参数详解原理.md) |
|
|
|
|
- [21、上对齐的横向布局](./questions/27.上对齐的横向布局.md) |
|
|
|
|
- [22、tab选项卡组件的logic属性实现动态高度](./questions/26.tab选项卡组件的logic属性实现动态高度.md) |
|
|
|
|
- [23、为什么FineUI中采用display:none隐藏组件](./questions/26.tab选项卡组件的logic属性实现动态高度.md) |
|
|
|
|
- [24、选中、hover样式的通用处理规则](./questions/26.tab选项卡组件的logic属性实现动态高度.md) |
|
|
|
|
- [25、如何独立控制组件文字和图标颜色](./questions/34.独立控制组件文字和图标颜色.md) |
|
|
|
|
- [26、文件上传控件多次选择文件和自定义校验](./questions/35.文件上传控件多次选择文件和自定义校验.md) |
|
|
|
|
- [27、effect的妙用](./questions/35.文件上传控件多次选择文件和自定义校验.md) |
|
|
|
|
|
|
|
|
|
### 代码之外 |
|
|
|
|
|
|
|
|
|
- [0、超脱于研发之外的研发]() |
|
|
|
|