- 博客(7)
- 收藏
- 关注
RSS订阅原创 react的动画过渡效果以及路由切换过渡动画
1, 在react工程中下载安装过渡动画模块2, 在需要执行过渡的组件中导入动画模块3, 在需要过渡的标签外层添加CSSTranstion组件4, 在组建的css中通过class设置入场和出场动画注意: 1, 入场和出场的class样式要按顺序写,动画开始和结束顺序不能颠倒2, 需要在index.js中关闭严格模式, 删除 3, enter-active和exit-active中要写过渡结束状态才有效。
2023-06-29 16:20:33
455
1
原创 react脚手架路由5.0
提示: 此教程使用react-router 5.x 版本实现1, 下载react的路由模块2, 在入口文件 src/index.js中,从路由模块导入工具组件Router ,并包裹根组件(注: 哈希模式用HashRouter 历史模式用BrowserRouter)<App />3, 创建路由文件src/router/index.js, 并从路由模块中导入工具组件Route4, 创建路由组件,配置路由, 并导出return(<Switch >
2023-06-29 16:14:58
117
1
原创 在脚手架中构建react
1, 安装react代码行工具(脚手架), 基于webpack工具构建项目2,创建一个react应用程序, my-app是自定义项目名3,启动react项目 (需要cd进入项目my-app根目录)npm start注意: 在使用 create-react-app 来创建一个新的React应用，在拉取各种资源时,往往会非常慢,一直卡在那,因为资源还是使用了 npm下载的, 我们可以换成淘宝的资源, 执行指令可以把npm指令替换成cnpm指令。
2023-06-28 17:37:43
71
1
原创 学习前端之vue.js组件传值
一个组件标签myCom写在另一个组件myApp模块中,那么这两个组件即产生了父子关系,myCom是子组件, myApp是父组件。如果父组件中有一些数据,想要拿到子组件里面展示,就需要使用组件传值来实现。组件传值又分为:父传子,子传父,兄弟组件传值
2023-05-28 09:00:00
378
原创 前端学习vue.js之路由守卫
1、什么是路由守卫？2、有哪些路由守卫？3、路由守卫有哪些参数，作用是什么？4、什么时候用路由守卫? 5、使用路由守卫需要注意哪些问题?
2023-05-27 14:47:47
562
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人