React学习笔记

深入浅出Hooks


Hooks-介绍hooks 解释Hooks:钩子、钓钩、钩住 ,Hooks 是 React v16.8 中的新增功能hooks 作用为函数组件提供状态、生命周期等原本 class 组件中提供的 React 功能可以理解为通过 Hooks 为函数组件钩入 class 组件的特性注意:Hooks 只能在函数组件中使用,自此,函数组件成为 Reac......
Hooks-介绍hooks 解释Hooks:钩子、钓钩、钩住 ,Hooks 是 React v16.8 中的新增功能hooks 作用为函数组件提供状态、生命周期等原本 class 组件中提供的 Rea......

深入浅出Hooks

Hooks-介绍hooks 解释Hooks:钩子、钓钩、钩住 ,Hooks 是 React v16.8 中的新增功能hooks 作用为函数组件提供状态、生命周期等原本 class 组件中提供的 Rea......
阅读全文 0
React学习笔记

React组件进阶及生命周期


props - 类型校验理解props都是外来的,在使用的时候如果数据类型不对,很容易造成组件内部逻辑出错// 开发者A创建的组件const List = props => { const arr = props.colors const list = arr.map((item, index) => <li key......
props - 类型校验理解props都是外来的,在使用的时候如果数据类型不对,很容易造成组件内部逻辑出错// 开发者A创建的组件const List = props => { const a......

React组件进阶及生命周期

props - 类型校验理解props都是外来的,在使用的时候如果数据类型不对,很容易造成组件内部逻辑出错// 开发者A创建的组件const List = props => { const a......
阅读全文 0
React学习笔记

React组件通讯


组件通讯-概念组件状态是独立的,组件化之后涉及状态同步,需要进行组件通讯组件的特点组件是独立且封闭的单元,默认情况下,只能使用组件自己的数据在组件化过程中,通常会将一个完整的功能拆分成多个组件,以更好的完成整个应用的功能组件通讯意义而在这个过程中,多个组件之间不可避免的要共享某些数据为了实现这些功能,就需要打破组件的独立封闭性,让其与......
组件通讯-概念组件状态是独立的,组件化之后涉及状态同步,需要进行组件通讯组件的特点组件是独立且封闭的单元,默认情况下,只能使用组件自己的数据在组件化过程中,通常会将一个完整的功能拆分成多个组件,以更好......

React组件通讯

组件通讯-概念组件状态是独立的,组件化之后涉及状态同步,需要进行组件通讯组件的特点组件是独立且封闭的单元,默认情况下,只能使用组件自己的数据在组件化过程中,通常会将一个完整的功能拆分成多个组件,以更好......
阅读全文 0
React学习笔记

React组件基础


React 组件介绍组件允许你将 UI 拆分为独立可复用的代码片段,并对每个片段进行独立构思。组件表示页面中的部分功能,组合多个组件实现完整的页面。功能特点:可复用、独立、可组合。React组件的两种创建方式React 创建组件方法:使用函数 function使用类 class函数组件1)什么是函数组件?使用 JS 函数(普通,箭......
React 组件介绍组件允许你将 UI 拆分为独立可复用的代码片段,并对每个片段进行独立构思。组件表示页面中的部分功能,组合多个组件实现完整的页面。功能特点:可复用、独立、可组合。React组件的两种......

React组件基础

React 组件介绍组件允许你将 UI 拆分为独立可复用的代码片段,并对每个片段进行独立构思。组件表示页面中的部分功能,组合多个组件实现完整的页面。功能特点:可复用、独立、可组合。React组件的两种......
阅读全文 0
React学习笔记

JSX语法学习


JSX 基本概念JSX 是 JavaScript XML 的简写,表示了在 JavaScript 中书写 XML 格式的代码。它是 React 的核心内容,它可以让我们在 React 中创建元素更加简单,更加直观,提高开发效率。什么是JSX?JS 扩展语法,可以在 JS 中书写 XML 语法JSX的优点?可以更加 简洁、直观、高效......
JSX 基本概念JSX 是 JavaScript XML 的简写,表示了在 JavaScript 中书写 XML 格式的代码。它是 React 的核心内容,它可以让我们在 React 中创建元素更加简......

JSX语法学习

JSX 基本概念JSX 是 JavaScript XML 的简写,表示了在 JavaScript 中书写 XML 格式的代码。它是 React 的核心内容,它可以让我们在 React 中创建元素更加简......
阅读全文 0
React学习笔记

React快速上手


React介绍了解 react 的历史背景和基本概念React 起源于 Facebook 的内部项目。因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写一套,用来架设 Instagram 的网站。做出来以后,发现这套东西很好用,就在 2013 年 5 月开源了。React 是最流行的前端框架之一。对比近两年 V......
React介绍了解 react 的历史背景和基本概念React 起源于 Facebook 的内部项目。因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写一套,用来架设 ......

React快速上手

React介绍了解 react 的历史背景和基本概念React 起源于 Facebook 的内部项目。因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写一套,用来架设 ......
阅读全文 0
Web前端

小程序canvas生成海报图片压缩和失真问题解决


微信小程序实现canvas按照原图等比例不失真绘制海报图,防止模糊我这里的场景是收款二维码+收款背景图。绘制二维码我这里绘制二维码使用的 wxapp-qrcode ,也可以使用weapp-qrcode,基本都一样,详细代码不过多累赘,这里主要说下适配不同屏幕大小的canvas。onLoad: function (options) { const ......
微信小程序实现canvas按照原图等比例不失真绘制海报图,防止模糊我这里的场景是收款二维码+收款背景图。绘制二维码我这里绘制二维码使用的 wxapp-qrcode ,也可以使用weapp-qrcode......

小程序canvas生成海报图片压缩和失真问题解决

微信小程序实现canvas按照原图等比例不失真绘制海报图,防止模糊我这里的场景是收款二维码+收款背景图。绘制二维码我这里绘制二维码使用的 wxapp-qrcode ,也可以使用weapp-qrcode......
阅读全文 6
Web前端

一文搞懂frp内网穿透并搭建配置使用


实现内网穿需要有一台公网服务器、域名。(本文将公网服务器称为服务端,内网服务器称为客户端)frp 是什么frp 是一个专注于内网穿透的高性能的反向代理应用,支持 TCP、UDP、HTTP、HTTPS 等多种协议。可以将内网服务以安全、便捷的方式通过具有公网 IP 节点的中转暴露到公网。有了内网穿透你能干什么?远程访问内网的 http/......
实现内网穿需要有一台公网服务器、域名。(本文将公网服务器称为服务端,内网服务器称为客户端)frp 是什么frp 是一个专注于内网穿透的高性能的反向代理应用,支持 TCP、UDP、HTTP、HTTPS ......

一文搞懂frp内网穿透并搭建配置使用

实现内网穿需要有一台公网服务器、域名。(本文将公网服务器称为服务端,内网服务器称为客户端)frp 是什么frp 是一个专注于内网穿透的高性能的反向代理应用,支持 TCP、UDP、HTTP、HTTPS ......
阅读全文 6
Web前端

Docker常用命令|备忘单


Docker 是一个用于开发、传送和运行应用程序的开放平台。Docker 使您能够将应用程序与基础设施分开,以便您可以快速交付软件。使用 Docker,您可以像管理应用程序一样管理基础设施。通过利用 Docker 的快速交付、测试和部署代码的方法,您可以显着减少编写代码和在生产中运行代码之间的延迟。在这篇文章中,我将提到我们需要或大多数用例的 docker ......
Docker 是一个用于开发、传送和运行应用程序的开放平台。Docker 使您能够将应用程序与基础设施分开,以便您可以快速交付软件。使用 Docker,您可以像管理应用程序一样管理基础设施。通过利用 ......

Docker常用命令|备忘单

Docker 是一个用于开发、传送和运行应用程序的开放平台。Docker 使您能够将应用程序与基础设施分开,以便您可以快速交付软件。使用 Docker,您可以像管理应用程序一样管理基础设施。通过利用 ......
阅读全文 0
Web前端

Electron快速上手并将网站直接生成桌面应用


介绍使用 JavaScript,HTML 和 CSS 构建跨平台的桌面应用程序基于 Chromium 和 Node.js让你可以使用 HTML, CSS 和 JavaScript 构建应用开源跨平台(Windows、Mac、Linux)Atom、Postman、Notion、Vscode等都是用Electron开发的快速上手手动1.创......
介绍使用 JavaScript,HTML 和 CSS 构建跨平台的桌面应用程序基于 Chromium 和 Node.js让你可以使用 HTML, CSS 和 JavaScript 构建应用开源跨平台(......

Electron快速上手并将网站直接生成桌面应用

介绍使用 JavaScript,HTML 和 CSS 构建跨平台的桌面应用程序基于 Chromium 和 Node.js让你可以使用 HTML, CSS 和 JavaScript 构建应用开源跨平台(......
阅读全文 1