×

JavaScript教程

React基础-JSX的本质-虚拟DOM的创建过程

dede58织梦模板 dede58织梦模板 发表于2024-05-17 浏览12118 评论0
JSX的本质 实际上,jsx仅仅只是 React.createElement(component, props, ...children) 这个函数的语法糖。 所有的jsx最终都会被转换成React.createElement的函数调用。 createElement需要传递三个参数: 参数一:type 当前元素的类型; 如果是标签元素,那么就使用字符串表示, 例如 “div”; 如果是组件元素,那么就直接使用组件的名称; 参数二:config

JavaScript教程

【React Router 6 快速上手一】重定向Navigate / useRoutes路由表 / 嵌套路由Outlet

dede58织梦模板 dede58织梦模板 发表于2024-05-17 浏览8761 评论0
前言 博主主页👉🏻蜡笔雏田学代码 专栏链接👉🏻React专栏 之前学习了react-router-dom5版本的相关内容 参考文章👉🏻React路由(详解版)和 路由的模糊匹配,重定向以及嵌套路由 今天来学习react-router-dom6版本的相关知识! 感兴趣的小伙伴一起来看看吧~🤞 概述 React Router 以三个不同的包发布到 npm 上,它们分别为: react-router: 路由的核心库,提供了很多的:组件、钩子。 react-ro

javascript

React教程(详细版)(React 教程)

luck luck 发表于2024-05-17 浏览119828 评论0
一、简介(背景) 本文篇幅较多,建议耐心看完,我相信多少会对你有所帮助! 1.1、概念 它是一个将数据渲染为HTML视图 的js库 1.2、原生js痛点 用dom的API去操作dom,繁琐且效率低 用js直接操作dom,浏览器会进行大量的回流和重绘 原生js没有组件化的编程方案,代码复用性低,哪怕有模块话的概念,但模块化也只能拆解一个个js,对样式和结构也没办法拆解,组件化就相当于3剑客整体拆解,成为一个个的小功能 1.3、React特点 采用组件化模式,声明

react.js

后台管理系统 - 页面布局设计(管理系统界面布局)

何程 何程 发表于2024-05-16 浏览24119 评论0
前端的中后台管理系统相比于其他普通项目,从开发设计的角度来说有几点比较特殊: 一个是权限设计,具体实现可参考:传送门。 一个是页面布局的设计,也是本文要说的。一个好的页面布局设计,无论是对于页面结构的稳定性,还是功能拓展的方便性,亦或是用户体验上,都有着重要的作用。 一、市面参考 先来看看市面上的一些优秀的开源系统项目的页面布局。 1、vue-element-admin vue-element-admin 是 vue 框架的一个优秀的后台管理系统开源项目,目前star数75k。

typescript

关于使用Antd中的DatePicker出现的日期格式转化问题(Dayjs和Momentjs)

六叔 六叔 发表于2024-05-16 浏览8599 评论0
在测试过程中发现了一个比较有意思的bug问题,我们使用的是antd中的DatePicker组件,当时间选择框存在已经设定的初始值后,点击时间选择框直接报错,但是当清除内容或者处于新建没有默认值的情况下,组件可以正常运行。 (以下是使用的时间范围组件展示) (以下是报错信息) 我们在项目中使用的dayjs替换moment,原因在于moment体积太大了,而我们只需要使用其中的一些比较简单的功能,所以选择了更加轻量级的时间库。 按照antd官方提供的替换moment.js的方法 https:/

react.js

【React】使用Next.js构建并部署个人博客

旺利-屋顶光伏 旺利-屋顶光伏 发表于2024-05-16 浏览11399 评论0
👉 TypeScript学习:TypeScript从入门到精通👉 蓝桥杯真题解析:蓝桥杯Web国赛真题解析👉 个人简介:一个又菜又爱玩的前端小白🍬 👉 你的一键三连是我更新的最大动力❤️! 🏆分享博主自用牛客网🏆:一个非常全面的面试刷题求职网站,真的超级好用🍬 前言 关于博客系统,相信大家早已驾轻就熟,网上有很多以markdown驱动的博客框架,如vuepress,hexo等,这类框架的本质是生成静态站点,而个人开发的博客系统大多是使用数据库的全栈项目,这两种方式各有各的好处,