随笔分类 - java开发相关
摘要：创建路由 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
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head> <body> <h1>我的第一个标题</h1> <p>我的第一个段落。</p> </body> </html> H
阅读全文
posted @ 2024-11-15 15:56
lipu123
摘要：基础 JavaScript 实例 https://www.runoob.com/js/js-examples.html JavaScript 对象 实例 https://www.runoob.com/js/js-ex-objects.html JavaScript Browser 对象 实例 htt
阅读全文
posted @ 2024-11-15 15:27
lipu123
摘要：JavaScript Cookie Cookie 用于存储 web 页面的用户信息。 什么是 Cookie？ Cookie 是一些数据, 存储于你电脑上的文本文件中。 当 web 服务器向浏览器发送 web 页面时，在连接关闭后，服务端不会记录用户的信息。 Cookie 的作用就是用于解决 "如何记
阅读全文
posted @ 2024-11-15 11:24
lipu123
摘要：JavaScript 弹窗 可以在 JavaScript 中创建三种消息框：警告框、确认框、提示框。 警告框 警告框经常用于确保用户可以得到某些信息。 当警告框出现后，用户需要点击确定按钮才能继续进行操作。 语法 window.alert("sometext"); window.alert() 方法
阅读全文
posted @ 2024-11-15 11:12
lipu123
摘要：Js 高级教程 JavaScript Number 对象 JavaScript 数字 JavaScript 数字可以使用也可以不使用小数点来书写： var pi=3.14; // 使用小数点 var x=34; // 不使用小数点 极大或极小的数字可通过科学（指数）计数法来写： var y=123e
阅读全文
posted @ 2024-11-15 10:52
lipu123
浙公网安备 33010602011771号