随笔分类 - java开发相关 / 前端开发
带薪学习
摘要：今天有个bug就是 本来用这个Tabs.TabPane就是可以自带这种的，但是由于加入了上标 <Tabs.TabPane tab={ <Badge count={ earlyWarningUnreadCount } overflowCount={10} offset={[20, 0]} > <spa
阅读全文
posted @ 2024-12-30 16:57
lipu123
摘要：TypeScript 特性 相对 JavaScript，TypeScript 增加了许多关键功能，特别是围绕类型系统和代码结构的增强功能。 TypeScript 的一些关键特性： 静态类型检查：TypeScript 在编译时就会检查代码的类型是否匹配，能够发现很多潜在的错误。即使是简单的错误（例如拼
阅读全文
posted @ 2024-11-27 14:16
lipu123
摘要：简介 语言特性 TypeScript 是一种给 JavaScript 添加特性的语言扩展，增加的功能包括： 类型批注和编译时类型检查 类型推断 类型擦除 接口 枚举 Mixin 泛型编程 名字空间 元组 Await 以下功能是从 ECMA 2015 反向移植而来： 类 模块 lambda 函数的箭头
阅读全文
posted @ 2024-11-27 09:44
lipu123
摘要：在React组件中，render 是一个生命周期方法，它负责定义组件的UI结构。每当组件的状态（state）或属性（props）发生变化时，render 方法会被调用，以重新渲染组件，展示最新的数据。 render 方法的主要作用包括： 返回JSX：render 方法需要返回一个有效的JSX（Jav
阅读全文
posted @ 2024-11-26 14:39
lipu123
摘要：React 列表 & Keys 我们可以使用 JavaScript 的 map() 方法来创建列表。 React 实例 使用 map() 方法遍历数组生成了一个 1 到 5 的数字列表: const numbers = [1, 2, 3, 4, 5]; const listItems = numbe
阅读全文
posted @ 2024-11-26 11:05
lipu123
摘要：创建路由 router/index.js： import App from '../pages/App'; import Login from '../pages/Login'; import Main from '../pages/Main'; import Page2 from '../page
阅读全文
posted @ 2024-11-25 17:03
lipu123
摘要：用 State 响应输入 React 控制 UI 的方式是声明式的。你不必直接控制 UI 的各个部分，只需要声明组件可以处于的不同状态，并根据用户的输入在它们之间切换。这与设计师对 UI 的思考方式很相似。 你将会学习到 了解声明式 UI 编程与命令式 UI 编程有何不同 了解如何列举组件可能处于的
阅读全文
posted @ 2024-11-22 16:00
lipu123
摘要：界面上的控件会根据用户的输入而更新。例如，点击按钮切换轮播图的展示。在 React 中，随时间变化的数据被称为状态（state）。你可以向任何组件添加状态，并按需进行更新。在本章节中，你将学习如何编写处理交互的组件，更新它们的状态，并根据时间变化显示不同的效果。 本章节 如何处理用户发起的事件 如何
阅读全文
posted @ 2024-11-21 17:39
lipu123
摘要：https://react.docschina.org/learn/describing-the-ui 描述UI React 是一个用于构建用户界面（UI）的 JavaScript 库，用户界面由按钮、文本和图像等小单元内容构建而成。React 帮助你把它们组合成可重用、可嵌套的 组件。从 web
阅读全文
posted @ 2024-11-21 15:57
lipu123
摘要：如果你想完全用 React 构建一个新的应用或网站，我们建议选择社区中流行的、由 React 驱动的框架。 你可以在没有框架的情况下使用 React，但是我们发现大多数应用程序和网站最终都会构建常见问题的解决方案，例如代码分割、路由、数据获取和生成 HTML。不仅仅是 React，这些问题对于所有
阅读全文
posted @ 2024-11-20 17:23
lipu123
摘要：快速入门 欢迎来到 React 文档！本章节将介绍你每天都会使用的 80% 的 React 概念。 你将会学习到 如何创建和嵌套组件 如何添加标签和样式 如何显示数据 如何渲染条件和列表 如何对事件做出响应并更新界面 如何在组件间共享数据 https://react.docschina.org/ R
阅读全文
posted @ 2024-11-20 14:33
lipu123
摘要：CSS3 模块 CSS3 被拆分为"模块"。旧规范已拆分成小块，还增加了新的。 一些最重要 CSS3 模块如下： 选择器 盒模型 背景和边框 文字特效 2D/3D转换 动画 多列布局 用户界面 CSS3 边框 CSS3 边框 用 CSS3，你可以创建圆角边框，添加阴影框，并作为边界的形象而不使用设计
阅读全文
posted @ 2024-11-20 10:36
lipu123
摘要：https://www.runoob.com/css/css-examples.html 背景颜色 background-color 字体颜色 color:red; 文本对齐 text-align:center; 字体大小 font-size:250%; font-size:50px; 字体加粗 f
阅读全文
posted @ 2024-11-19 17:22
lipu123
摘要：CSS 组合选择符 CSS 组合选择符 组合选择符说明了两个选择器之间的关系。 CSS组合选择符包括各种简单选择符的组合方式。 在 CSS3 中包含了四种组合方式: 后代选择器(以空格 分隔) 子元素选择器(以大于 > 号分隔） 相邻兄弟选择器（以加号 + 分隔） 普通兄弟选择器（以波浪号 ～ 分隔
阅读全文
posted @ 2024-11-19 16:49
lipu123
摘要：转自 https://www.runoob.com/css/css-border.html CSS 盒子模型 CSS 盒子模型(Box Model) 所有HTML元素可以看作盒子，在CSS中，"box model"这一术语是用来设计和布局时使用。 CSS盒模型本质上是一个盒子，封装周围的HTML元素
阅读全文
posted @ 2024-11-19 14:46
lipu123
摘要：转自 https://www.runoob.com/css/css-border.html CSS 实例 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> <style> body
阅读全文
posted @ 2024-11-18 17:27
lipu123
摘要：HTML5 浏览器支持 HTML5 浏览器支持 现代的浏览器都支持 HTML5。 此外，所有浏览器，包括旧的和最新的，对无法识别的元素会作为内联元素自动处理。 正因为如此，你可以 "教会" 浏览器处理 "未知" 的 HTML 元素。 甚至你可以教会 IE6 (Windows XP 2001) 浏览器
阅读全文
posted @ 2024-11-18 16:58
lipu123
摘要：HTML 表格 HTML 表格由 <table> 标签来定义。 HTML 表格是一种用于展示结构化数据的标记语言元素。 每个表格均有若干行（由 <tr> 标签定义），每行被分割为若干单元格（由 <td> 标签定义），表格可以包含标题行（<th>）用于定义列的标题。 tr：tr 是 table row
阅读全文
posted @ 2024-11-18 11:07
lipu123
摘要：HTML 属性 属性是 HTML 元素提供的附加信息。 属性总是以name="value" 的形式写在标签内，name 是属性的名称，value 是属性的值。 HTML 属性 HTML 元素可以设置属性 属性可以在元素中添加附加信息 属性一般描述于开始标签 属性总是以名称/值对的形式出现，比如：na
阅读全文
posted @ 2024-11-15 17:05
lipu123
浙公网安备 33010602011771号