- 博客(19)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 Springboot 端口被占用
SpringBoot项目项目场景：使用idea开发时卡段，未手动关闭项目直接重启idea，重启项目出现端口被占用问题问题描述Identify and stop the process that's listening on port 8081 or configure this application to listen on another port.解决方案：方案来源于 https://www.cnblogs.com/dsy665412/p/15482526.htmlwin + r 输入
2022-05-09 18:27:42
748
原创 （五）React 学习笔记：React 路由基础
React 路由基础 1. React 路由可以有效的管理多个视图（组件）实现 SPA 2. Router 组件包裹整个应用，只需要使用一次 3. Link 组件是入口，Route 组件是出口 4. 通过 props.history 实现编程式导航 5. 默认模糊匹配，添加 exact 变精确匹配 6. React 路由的一切都是组件，可以像思考组件一样思考路由
2021-10-10 22:43:27
544
原创 （四）React 学习笔记：React 原理揭秘
React原理揭秘1. 工作角度:应用第一，原理第二。2. 原理有助于更好地理解 React 的自身运行机制。3. setState() 异步更新数据。4. 父组件更新导致子组件更新，纯组件提升性能。5. 思路清晰简单为前提，虚拟 DOM 和 Diff 保效率。6. 虚拟 DOM state + JSX 。7. 虚拟 DOM 的真正价值从来都不是性能。
2021-10-09 23:44:22
1013
2
原创 （三）React 学习笔记：React 组件进阶
1．组件通讯是构建React应用必不可少的一环。2. props的灵活性让组件更加强大。3．状态提升是React组件的常用模式。4．组件生命周期有助于理解组件的运行过程。5．钩子函数让开发者可以在特定的时机执行某些功能。6. render props模式和高阶组件都可以实现组件状态逻辑复用，比较难懂，可以先学会其中一个就行。7．组件极简模型:(state, props) => UI
2021-10-08 00:33:52
1030
原创 React 组件基础使用综合案例（发表评论列表）
评论列表1. 需求分析2.实现步骤2.1.渲染评论列表2.2.渲染暂无评论2.3.获取评论信息2.4.发表评论1. 需求分析渲染评论列表（列表渲染）没有评论数据时渲染：暂无评论（条件渲染）获取评论信息，包括评论人和评论内容（受控组件）发表评论，更新评论列表（ setState() ）2.实现步骤2.1.渲染评论列表在 state 中初始化评论列表数据使用数组的 map 方法遍历 state 中的列表数据给每个被遍历的 li 元素添加 key 属性//index.jsimpor
2021-10-06 14:54:14
749
2
原创 （二）React 学习笔记：React 组件基础
React 组件基础1.组件的两种创建方式:函数组件和类组件2.无状态（函数）组件，负责静态结构展示3.有状态（类）组件，负责更新 UI，让页面动起来4.绑定事件注意this指向问题5.推荐使用受控组件来处理表单
2021-10-05 22:43:59
840
原创 使用受控组件进行常见的表单处理示例
使用受控组件进行表单处理1. 文本框2. 富文本框3. 下拉框4. 复选框总结以下示例代码均为 index.js 文件中使用1. 文本框import React from "react"import ReactDOM from "react-dom"// 受控组件，控制文本框的值class Opp extends React.Component { state = { txt: "", } handleChange = (e) => { this.setState(
2021-10-05 21:29:28
151
原创 JSX的基础知识
JSX的基础知识1.JSX基本使用1.1什么是JSX1.2使用步骤2.JSX中使用JS表达式3.JSX的条件渲染4.JSX的列表渲染5.JSX的样式处理5.1行内样式——style5.2类名——className（推荐）1.JSX基本使用1.1什么是JSXJSX 是 JavaScript XML 的简写，表示在 JS 代码中写 XML(HTML) 格式的代码声明式语法更加直观，与 HTML 结构相同降低学习成本、提高开发效率1.2使用步骤使用 JSX 语法创建 react 元素cons
2021-10-03 22:18:40
592
原创 数组对象（数组相关方法）
数组去重（重点案例）有一个数组[‘c’,‘a’,‘z’,‘a’,‘x’,‘a’,‘x’,‘c’,‘b’]，要求去除数组中重复的元素。目标：把旧数组里面不重复的元素选取出来放入新数组中，重复的元素只保留一个放入新数组。核心算法：遍历旧数组，取出旧数组元素查询新数组，如果新数组中没有该元素就在新数组中添加该元素，否则不添加。实现：利用新数组.indexOf(数组元素)，如果返回值为-1，则说明新数组中没有该元素，添加该元素。<script> // 封装一个去重函数 unique
2021-09-30 16:40:43
647
原创 基于RESTful风格搭建后台CRUD服务
具体技术为SpringBoot + JDBC API，编译工具IntelliJ IDEA 2021.1.3 (Ultimate Edition)，JDK版本为1.8.0.
2021-09-29 19:56:16
661
原创 CSS3定位
CSS3定位定位=定位模式+边偏移子绝父相相对定位移动位置参照原来位置不脱标，保留原来位置绝对定位如果没有祖先元素或祖先元素没有定位，则绝对定位盒子参考浏览器如果祖先有定位（相对、绝对、固定），则参考最近有定位的元素脱标固定定位以浏览器可视窗口为参照与父元素无关不随滚动条滚动固定定位不再占有原先位置粘性定位以浏览器可视窗口为参照（固定定位）粘性定位占有原先位置（相对定位）必须添加top/left/right/bottom至少一个才有效定位特殊特性
2021-09-16 11:46:28
253
4
空空如也
子盒子在父盒子没有设置高度的情况下，怎样才能继承 height:100%
2021-10-13
TA创建的收藏夹 TA关注的收藏夹
TA关注的人