基础API应用与品牌管理案例梳理及知识点自测总结
本次学习中,我们深入了解了基础API、计算属性、过滤器、侦听器等知识点,并通过品牌管理案例进行实际应用。在学习过程中,我们掌握了自己定义数据结构的方法,能够快速反应循环遍历的概念以及索引(下角标)的含义。我们学会了使用数组的filter方法来筛选符合条件的数值,并了解了重绘与回流(重排)的概念。 在数据结构方面,我们学习了如何使用对象来保存具有映射关系的key-value数据。例如,我们可以用一个对象来装载红色、蓝色等颜色的信息,因为这些数据可以通过键值对来对应。而在另外一个例子中,小明、小蓝、小赵这种名字则更适合存储在数组中,因为它们是一组具有序号的数据。 我们还学习了数组的索引概念,索引即是数字,从0开始依次标记每个值的序号。通过索引,我们可以方便地获取数组中的特定值,比如通过arr[0]获取数组arr中的第一个值。遍历数组则意味着逐个获取数组中的每个值。 在filter方法的应用中,我们使用了一个简单的例子:通过filter((val) => {return val >= 30})来筛选出数组arr中大于等于30的数值,最终将筛选结果存储在新的数组newArr中。filter方法会遍历数组中的每一个值,并将其传入指定的函数体中。函数体的作用是对每个值进行判断,符合条件的则被保留下来,不符合条件的则被过滤掉。 通过本次学习,我们不仅掌握了这些基础知识,还实际运用到了品牌管理案例中。通过实际操作,我们加深了对这些概念的理解,并提升了自己的实际编程能力。对于重绘与回流(重排)的概念,我们也有了初步的认识,了解了它们的区别和影响。 总的来说,本次学习内容丰富多彩,涵盖了基础API、计算属性、过滤器、侦听器等多个知识点。通过实际例子的演示和练习,我们更加深入地理解了这些概念,为今后的学习和编程实践打下了坚实的基础。希望在接下来的学习中能够继续加深对这些知识点的掌握,不断提升自己的前端技能水平。
![](https://csdnimg.cn/release/download_crawler_static/87750174/bgb.jpg)
![](https://csdnimg.cn/release/download_crawler_static/87750174/bgc.jpg)
![](https://csdnimg.cn/release/download_crawler_static/87750174/bgd.jpg)
剩余63页未读,继续阅读
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/release/wenkucmsfe/public/img/green-success.6a4acb44.png)