香香鲲 - 博客园

2022年10月13日

摘要： context 1.Context被翻译为上下文，在编程领域，这是一个经常会接触到的概念，React中也有: In Some Cases, you want to pass data through the component tree without having to pass the prop 阅读全文

posted @ 2022-10-13 10:23 香香鲲阅读(209) 评论(0) 推荐(0) 编辑

React Hook：无用渲染-PureComponent-shouldCompoent-函数组件

摘要：过渡技术 1.1无用的渲染组件是构成React视图的一个基本单元。有些组件会有自己本地的状态(state), 当它们的值由于用户的操作而发生改变时，组件就会重新渲染。在一个React应用中，一个组件可能会被频繁地进行渲染。这些渲染虽然有一小部分是必须的，不过大多数都是无用的，它们的存在会大大降低我阅读全文

posted @ 2022-10-13 09:48 香香鲲阅读(229) 评论(0) 推荐(0) 编辑

2022年10月12日

React：组件

摘要： React 组件 React.js 中一切皆组件，用 React.js 写的其实就是 React.js 组件。我们在编写 React.js 组件的时候，一般都需要继承 React.js 的 Component（类定义）。一个组件类必须要实现一个 render 方法，这个 render 方法必须要返阅读全文

posted @ 2022-10-12 23:20 香香鲲阅读(44) 评论(0) 推荐(0) 编辑

React：独立文件

摘要：可以将React JSX 代码可以放在一个独立文件上，并在不同的js文件中引入即可 AppTop.js文件中： //定义导出的标签 let AppTop =(<div> <h1>我是公共标题栏</h1> <p>6666</p> </div>); export default AppTop; // 阅读全文

posted @ 2022-10-12 22:51 香香鲲阅读(43) 评论(0) 推荐(0) 编辑

React：JSX语法

摘要：概述在index.js文件中App变量中保存的数据渲染到root关联的根元素中了但是js文件中应该写js语法,js语法变量中只能保存:6种基本数据和2种引用数据 let App=<div>666</div> 保存的是一个标签这种语法就是JSX语法 JSX语法就是一种插值语法它经过打包工具编阅读全文

posted @ 2022-10-12 22:32 香香鲲阅读(231) 评论(0) 推荐(0) 编辑

React：环境安装

摘要：环境安装可以使用 node -v 查看node.js版本号。 $ npm config set registry https://r.npm.taobao.org//配过镜像的可以不用再配,也可以不配置直接用npm $ cnpm install -g create-react-app $ crea 阅读全文

posted @ 2022-10-12 20:53 香香鲲阅读(19) 评论(0) 推荐(0) 编辑

React：简介

摘要： 1、简介 React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决定自己写一套，用来架设Instagram 的网站。做出来以后，发现这套东西很好用，就在2013年5月开源了。 React主要用于构建UI。你可以在React里传递多种阅读全文

posted @ 2022-10-12 20:14 香香鲲阅读(24) 评论(0) 推荐(0) 编辑

2022年9月30日

Vue3 v-for与vue2中的区别 v-if优先级

摘要： Vue3 v-for语法与Vue2区别：key="item.id" 这个可以省略不写优先级 Vue2.0中 v-for 优先级 > v-if Vue3.0中 v-if 优先级 > v-for 阅读全文

posted @ 2022-09-30 09:53 香香鲲阅读(64) 评论(0) 推荐(0) 编辑

Vue3 reactive和ref响应式问题

摘要： reactive：一般用来接收复杂类型数据。定义后再取出就不是响应式数据了，这个问题解决方法如下： reactive接收钩子函数（遇到的是生命周期函数onMounted钩子函数）中axios请求的数据要响应到页面中，应该使用toRefs()，将数据转化为响应式数据。 ref：ref数据响应式监听。阅读全文

posted @ 2022-09-30 09:48 香香鲲阅读(246) 评论(0) 推荐(0) 编辑

2022年9月26日

TypeScript：声明文件

摘要：声明文档的作用当使用第三方库时，我们需要引用它的声明文件，才能获得对应的代码补全、接口提示等功能。假如我们想使用第三方库 jQuery，一种常见的方式是在 html 中通过 <script> 标签引入 jQuery，然后就可以使用全局变量 $ 或 jQuery 了。我们通常这样获取一个 id 是阅读全文

posted @ 2022-09-26 20:11 香香鲲阅读(73) 评论(0) 推荐(0) 编辑