[链接]

React 源码阅读-13 React Element Function Object.getOwnPropertyDescriptor() 方法返回指定对象上一个自有属性对应的属性描述符 Object.defineProperty() 方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性， 并返回这个对象。 hasValidRef 判断是否有有效的ref {代码...} hasValidKey 判断是否有有...

React 源码阅读-12 ReactChildren {代码...}

React 源码阅读-11 createRef {代码...} createRef源码比较简短,就是返回一个带有current属性的的refObject对象. 这也是使用createRef的时候需要使用const node = this.myRef.current; Object.seal() Object.seal()方法封闭一个对象，阻止添加新属性并将所有现有属性标记为不可配置。当前属性的值只要可写就可以改变。 ...

React 源码阅读-10 ReactBaseClasses 这个文件是export出了Component, PureComponent {代码...} 源码+注释 {代码...} [链接][链接]

之前写的就是相当于的一个学习的笔记,虽然工作中的技术都是 react 相关,但是80%都是一些平常很少涉及到的,导致自己对 react的认识相对比较片面.一些 react的api很少用到,通过 react阅读,系统地熟悉了一下 react所有的 api以及一些相关特性使用场景.继续根据官方的文档和 react.js阅读源码.

React 源码阅读-8 ReactHooks Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。 {代码...} useState useState 会返回一对值：当前状态和一个让你更新它的函数，你可以在事件处理函数中或其他一些地方调用这个函数 它类似 class组件的 this.setState，但是它不会把...

如果你的函数组件在给定相同 props 的情况下渲染相同的结果，那么你可以通过将其包装在 React.memo 中调用，以此通过记忆组件渲染结果的方式来提高组件的性能表现。这意味着在这种情况下，React 将跳过渲染组件的操作并直接复用最近一次渲染的结果。

React.lazy 接受一个函数，这个函数需要动态调用 import()。它必须返回一个 Promise，该 Promise 需要 resolve 一个 defalut export 的 React 组件。

React 圆环 SemiCircle 代码 {代码...}

VS code-前端配置 Chinese (Simplified) Language Pack for Visual Studio Code 简体中文插件，一般会自动识别你的环境，自动提示是否需要简体中文的语言包。要是没有提示，就在扩展搜索一下即可。 Settings Sync Settings Sync 使用插件将目前配置保存到GitHub上，以后只需要从GitHub上获取，就可以一次性安装插件配置...

DOM和CSS渲染过程 DOM {代码...} 一个简单的html页面如上所示。 DOM有两个概念： 解析 渲染 DOM解析 DOM解析：就是把你所写的各种html标签，生成一个DOM TREE，可以认为就是生成了一个最原始的页面，一点样式都没有，毫无CSS修饰。 DOM渲染：浏览器会把本身默认的样式+用户自己写得样式整合到一起，形成一个CSS TREE，而...

基于原生的API接口，点击输入输入框 手机上会出现 文件 相机选项 可自行选择拍照上传，为解决微信内置上传的bug 其中accept 设置为 accept="image/*"

HTML-form标签学习 HTML 中 <form> 元素表示了文档中的一个区域，这个区域包含有交互控制元件，用来向web服务器提交信息。 可以用 :valid 和:invalid CSS 伪类 来给一个元素指定样式 注释：form 元素是块级元素，其前后会产生折行。 form 属性 form 事件 form 标签踩坑 form内只有一个输入框时,按回车会自动提交 ...

React验证码组件实现 最近一直在写bug和改bug的死循环过程总结一下自己修改的一个验证码组件 原生实现输入框 代码 {代码...} 验证码组件 常见的六位数字验证码 {代码...} github连接 [链接]

HTTP协议是Hyper Text Transfer Protocol（超文本传输协议）的缩写,是用于从万维网（WWW:World Wide Web ）服务器传输超文本到本地浏览器的传送协议。。

在典型的React数据流中，props是父组件与其子组件交互的唯一方式。要修改子项，请使用new props 重新呈现它。但是，在某些情况下，需要在典型数据流之外强制修改子项。要修改的子项可以是React组件的实例，也可以是DOM元素。对于这两种情况，React都提供了api。