随笔分类 -  前端react

摘要：现在可以说整个的大前端开发都是组件化的天下，无论从三大框架（Vue、React、Angular），还是跨平台方案的Flutter，甚至是移动端都在转向组件化开发。 所以，学习组件化最重要的是它的思想，每个框架或者平台可能实现方法不同，但是思想都是一样的。 一. 认识组件化开发 1.1. 什么是组件化 阅读全文

摘要：一. 认识脚手架 1.1. 前端工程的复杂化 如果我们只是开发几个小的demo程序，那么永远不需要考虑一些复杂的问题： 比如目录结构如何组织划分； 比如如何管理文件之间的相互依赖； 比如如何管理第三方模块的依赖； 比如项目发布前如何压缩、打包项目； 等等... 现代的前端项目已经越来越复杂了： 不会 阅读全文

摘要：一. 书籍购物车说明 1.1. 案例介绍 现在我们来做一个相对综合一点的练习：书籍购物车； 案例效果如下： ~ 案例说明： 1.在界面上以表格的形式，显示一些书籍的数据； 2.在底部显示书籍的总价格； 3.点击+或者-可以增加或减少书籍数量（如果为1，那么不能继续-）； 4.点击移除按钮，可以将书籍 阅读全文

摘要：一. 条件渲染 某些情况下，界面的内容会根据不同的情况显示不同的内容，或者决定是否渲染某部分内容： 在vue中，我们会通过指令来控制：比如v-if、v-show； 在React中，所有的条件判断都和普通的JavaScript代码一致； 常见的条件渲染的方式有哪些呢？ 1.1. 条件判断语句 一种方式 阅读全文

摘要：一. ES6的class 虽然目前React开发模式中更加流行hooks，但是依然有很多的项目依然是使用类组件（包括AntDesign库中）； 但是有很多的同学对ES6中的类不太熟悉，所以这里我还是补充一下； 1.1. 类的定义 在ES6之前，我们通过function来定义类，但是这种模式一直被很多 阅读全文

摘要：React系列(一) - 邂逅React开发 我个人一直喜欢使用邂逅这个词，我希望每个人在和一个新技术接触的时候，都是一场美丽的邂逅。 而React本身绝对是优雅和美丽的，所以从这里开始，我们和React来一场美丽的邂逅吧！ 一. 认识React 1.1. React是什么？ React是什么呢？相 阅读全文