一.特性fragment模版支持fragment和string类型，对应ReactElement数组和字符串v16.2.0还提供了JSX的fragment支持：<></>errorboundary组件级错误处理，支持捕获子组件树内部异常，UI层的兜底方案portal允许组件树与DOM树结构不一致，用于hovercards，tooltips等场景例如tooltip在DOM结构
原创
2021-01-15 21:22:59
497阅读
一.概览从功能上看，React16规划中有4个关键特性：ConcurrentModeHooksSuspenseforCodeSplittingforDataFetchingforSSRModernizingReactDOM其中，ConcurrentMode（之前叫AsyncRendering）无疑是最值得期待的东西，或将引领变革（合作式调度机制可能泛化成为浏览器能力）单从形式上看，Hooks是对函
原创
2021-01-13 17:10:03
274阅读
今天的主要内容就是如何将css文件引入html中。 想要将css文件引入html，需要创建两个文件一个css文件一个html文件，在sublime中编辑。首先编辑html文件，在body中创建内容，然后我们在规定其样式style时，在html文件的head中添加<link>命令引入外部样式，添加rel=stylesheet属性，herf链接地址，即我们创建的c
原创
2016-11-15 22:11:24
556阅读
React是一个用于构建用户界面的JavaScript库，而TypeScript是一种由微软开发的JavaScript的超集，它添加了静态类型和其他功能。React和TypeScript的结合可以提供更好的开发体验和更可靠的代码。
近期，React 16版本已经发布，并且添加了对TypeScript的官方支持。在这篇文章中，我们将探讨如何使用React 16和TypeScript来构建一个简单的
原创
2024-01-10 11:22:56
79阅读
Returning null will not update state and trigger a component re-render Example: updateMocktail = mocktail => { const newMocktail = mocktail; this.setS
转载
2020-09-01 15:10:00
168阅读
2评论
1.vue2 的生命周期函数指的是 vue 实例从创建到销毁的过程中 在特定的时间会自动 触发的函数 生命周期函数又叫钩子函数1.1 生命周期函数都有哪些创建阶段的四个 beforeCreate 创建前 不能拿到 data 和 methods 来用 created 创建后 是最早可以拿到 data 和 methods 来用的 beforeMount 组件挂载前 mounted 组件挂载后 才能拿到
路由
一、版本5路由
1. react-router-dom
2. 路由的使用
1. 基础使用
安装：yarn add react-router-dom@5
明确好界面中的导航区、展示区
导航区Link标签包裹
<Link to="/home">Home</Link>
展示区写在Route标签进行匹配
<Route path='/home' co
原创
精选
2024-01-03 08:40:31
586阅读
转载
2020-06-09 11:47:00
76阅读
2评论
参考视频教程资料: React16+Redux实战企业级大众点评WebApp : (http://www.notescloud.top/goods/detail/1210)<http://www.notescloud.top/goods/detail/1210 React17+ReactHook+TS4最佳实践
转载
2021-08-22 15:25:39
228阅读
Context有什么作用？官方描述：Context 提供了一个无需为每层组件手动添加 props，就能在组件树间进行数据传递的方法。如果属性只能通过props从上往下进行传递，在有些应用场景下是非常繁琐的，比如UI主题的继承，Context 提供了一种在组件之间共享此类值的方式，而不必显式地通过组件树的逐层传递 props。解读通过Context可以让组件树之间进行数据传递，并且不需要手动添加props.何时使用Context？Context设计的目的是为了共享那些对于一个组件树而言是全
原创
2022-02-25 14:06:51
152阅读
GitLab-Runner,关于DevOps的新实践Introduction通常个人、一些小公司的需求不够复杂，要求不高的服务会直接将服务起在服务器上，但是当公司发展到一定程度，各种需要也越来越多样化，那么我们需要更专业的方法来管理代码和代码的集成、构建。**Code Management **我们现在采用的是GitLab通过分组和角色的权限来管理我们内部项目代码。CI/CDContinuous
不知不觉中写博客已经成为了一种习惯，不仅仅是一种学习知识吧，也是一种清楚自己学习了那些的内容。在前面的博客中我们慢慢的介绍了一些react基本
原创
2022-07-07 17:26:57
269阅读
Context有什么作用？官方描述：Context 提供了一个无需为每层组件手动添加 props，就能在组件树间进行数据传递的方法。如果属性只能通过props从上往下进行传递，在有些应用场景下是非常繁琐的，比如UI主题的继承，Context 提供了一种在组件之间共享此类值的方式，而不必显式地通过组件树的逐层传递 props。解读通过Context可以让组件树之间进行数据传递，并且不需要手动添加props.何时使用Context？Context设计的目的是为了共享那些对于一个组件树而言是全
原创
2021-12-16 16:36:49
337阅读
provider组件概念图: provider组件的作用: provider包裹在根组件外层，使所有的子组件都可以拿到state. 它接受store作为props，然后通过context往下传，这样react中任何组件都可以通过context获取store。 provider组件的原理: expor
转载
2021-03-15 14:42:00
146阅读
2评论
挂载阶段（Mounting）：组件的初始化渲染从上图可以得知，在挂载阶段中，React 15 和 React 16.3 生命周期的差异是 componentWillMount 替换为 getDerivedStateFromProps。换句话说，废弃了 componentWillMount，新增了 getDerivedStateFromProps。认识 getDerivedStateFromProp
转载
2021-01-20 19:38:41
1285阅读
2评论
前言React实现可以粗划为两部分：reconciliation和 commit
原创
2022-03-28 14:15:06
2135阅读
智力游戏规则和155灯灭（1）163（2）170（3）176（4）182（5）189（6）195（7）201（8）207（9）差不多这里有黄红绿黑3个颜色，
原创
2021-12-27 13:45:03
108阅读
Leetcode 15 & 16 (双指针)
都是比较经典的双指针问题，我们可以从中总结一些双指针的规律首先这两题如果en做的话就是 \(O(n^{3})\) 的算法，暴力去找。但是我们可以发现这三个值是满足一定约束的，所以考虑使用方法将它降到 \(O(n^2)\)#Leetcode 15
from ast import List
class Solution:
def
原创
2023-04-01 08:44:37
130阅读
# 如何在 Xcode 中实现 iOS 15/16 调试包
作为一名刚入行的开发者，面对 iOS 应用的调试包生成与管理流程，或许会觉得有些复杂。本文将为你详细讲解如何在 Xcode 中生成和使用调试包，以便于你的开发与测试。我们将通过几个步骤来实现这一目标，随后将对每个步骤进行详细说明。
## 流程概述
下面是生成 iOS 15/16 调试包的概述流程表：
| 步骤 | 描述
以下是VMware Workstation 的下载地址。后面点击安装就行可以了。2、VMware下载。
原创
2023-04-01 21:21:52
231阅读
