通俗易懂搞定forEach和map的区别和使用 map方法通常用于遍历渲染组件或节点,通过一个新的变量接收返回的新数组,需要返回值,而foreach方法通常在对原数组进行操作的情况且不需要返回值的遍历情况下使用,大多数情况下使用两者遍历数组进行操作都是可以的。
hook函数——useRef useRef的用法主要包括两个方面,例如使用ref引用一个值,使用ref引用一个dom节点,本文将会从==计数器==,==文本框聚焦==的案例来进一步说明这useRef的用法
利用路由懒加载和CDN分发策略对极客园项目进行性能优化 极客园项目的完成之后,我们需要对项目进行打包以及性能优化,优化用户体验以及加快响应时间,本文只列举了路由懒加载和cdn分发的策略前端优化的方式有很多种,这里只列举出了依靠路由懒加载和cdn分发的方法,在可视化界面上用户可以看见构建下的资源体积大小,通过压缩和利用缓存也可以减少体积,加快加载时间。
从0开始手把手教你做极客园项目(五)——删除编辑功能实现 之前的文章当中已经把大部分功能实现,今天将讲解文章的删除和编辑整个极客园项目也就差不多结束了,还有一些细节上的更新和优化我会推送到github供小伙伴们参考,明天将会详细讲解项目的打包优化。
从0开始手把手教你做极客园项目(三)——发布文章功能实现 前面两篇博客中详细介绍了登录功能和首页功能的实现,本文详细讲解了文章发布功能的实现,本次实现了文章上传功能,包括频道列表渲染以及上传图片的相关操作,后续将会接着更新,附源码地址
从0开始手把手教你做极客园项目(二)——首页功能实现 上一篇文章中(从0开始手把手教你做极客园项目(一)——登录功能实现)详细讲解了登录功能,在登录跳转后就是首页,本文详细讲解跳转到首页的功能实现本次实现了首页的基本功能,例如菜单跳转,二级路由,高亮显示以及图表数据显示(这里的图表数据有需要的话可以跟后端获取),再进行了优化例如token失效的情况,剩下的功能和优化会更新在后续,
从0开始手把手教你做极客园项目(一)——登录功能实现 react+typescript+redux+antd实现的一个项目,本文接下来会详细讲解每一步,包括核心思想以及实现流程,登录界面包括的逻辑功能很多,包括封装函数,拦截器,redux管理状态和localstorage本地缓存存储token,以及高阶组件和重定向
基于react+typescript+redux的美团外卖点餐购物车的项目(二)附源码 以上就是基于react+typescript+redux的美团外卖点餐购物车的项目的所有功能实现代码了,不清楚数据和目录结构的准备工作请参考我的另外一篇博客基于react+typescript+redux的美团外卖点餐购物车的项目(一),最后附上项目的源码,可供参考github地址。
基于react+typescript+redux的美团外卖点餐购物车的项目(一) 基于react+typescript+redux的美团外卖点餐购物车项目,本文先把项目准备工作完成,明天会接着发布本次项目相关的部分功能,点点关注不迷路。
原生DOM实现图书管理系统,使用axios的GET、DELETE、POST、PUT方法对数据进行增删改查完整版(附源码) 通过js操作原生dom实现一个简易的图书管理系统,使用axios对后端数据进行了交互,通过serialize简化了获取表单数据,是一个练手不错的小项目,源码地址如下文件夹里的bookList。