摘要: 父组件与子组件通信 父组件将自己的状态传递给子组件,子组件当做属性来接收,当父组件更改自己状态的时候,子组件接收到的属性就会发生改变 父组件利用ref对子组件做标记,通过调用子组件的方法以更改子组件的状态,也可以调用子组件的方法 父组中定义ref引用 import React,{Component, 阅读全文
posted @ 2021-10-14 10:11 雅痞_yuppie 阅读(171) 评论(0) 推荐(0)
摘要: 四个阶段 初始化 运行中 销毁 错误处理(16.3以后) 初始化 constructor static getDerivedStateFromProps() componentWillMount() / UNSAFE_componentWillMount() render() componentDi 阅读全文
posted @ 2021-10-13 10:33 雅痞_yuppie 阅读(274) 评论(0) 推荐(0)
摘要: 1、事件绑定 React 元素的事件处理和 DOM 元素的很相似,但是有一点语法上的不同: React 事件的命名采用小驼峰式,而不是纯小写。 onClick onChange 使用 JSX 语法时你需要传入一个函数作为事件处理函数,而不是一个字符串。 onClick={this.fn} 类组件与函 阅读全文
posted @ 2021-10-12 09:54 雅痞_yuppie 阅读(185) 评论(0) 推荐(0)
摘要: 1、属性(props) 组件间传值,在React中是通过只读属性 props 来完成数据传递的。 props:接受任意的入参,并返回用于描述页面展示内容的 React 元素。 import React, { Component, Fragment } from 'react' import Reac 阅读全文
posted @ 2021-10-11 16:32 雅痞_yuppie 阅读(274) 评论(0) 推荐(1)
摘要: 1、行内样式 想给虚拟dom添加行内样式,需要使用表达式传入样式对象的方式来实现 行内样式需要写入一个样式对象,而这个样式对象的位置可以放在很多地方 例如:render函数里、组件原型上、外链js文件中 注意:这里的两个括号,第一个表示我们在要JSX里插入JS了,第二个是对象的括号 <p style 阅读全文
posted @ 2021-10-11 10:16 雅痞_yuppie 阅读(614) 评论(0) 推荐(1)
摘要: 一、介绍 官网 微信小程序,简称小程序,英文名 MiniProgram,是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或者搜一下即可打开应用。也体现了“用完即走”的理念,对于用户不用关心是否安装太多应用的问题。应用将无处不在,随时可用,但又无需安装卸载。对于开发者而言 阅读全文
posted @ 2021-09-28 09:44 雅痞_yuppie 阅读(2954) 评论(0) 推荐(3)
摘要: 同源策略、跨域解决方案、JSONP跨域、跨域资源共享(CORS)简单请求与非简单请求、CORS跨域、Nginx 反向代理解决跨域问题、正向代理和反向代理、nginx配置解决iconfont跨域、nginx反向代理接口跨域、nodejs中间件代理跨域、nodejs服务器代理、vue框架的跨域、document.domain + iframe跨域、location.hash + iframe跨域、window.name + iframe解决跨域、postMessage通信跨域、WebSocket协议跨域 阅读全文
posted @ 2021-09-18 10:59 雅痞_yuppie 阅读(8438) 评论(1) 推荐(6)
摘要: 搭建基础项目、vite创建项目、运行项目、环境变量设置介绍\vite配置多环境打包、配置Router、安装路由、配置路由、引入、配置Vuex、安装vuex、配置vuex、引入、页面调用、alias起别名、基础语法、定义data、定义props、定义methods 阅读全文
posted @ 2021-09-17 13:17 雅痞_yuppie 阅读(2396) 评论(7) 推荐(4)
摘要: 一、搭建基础项目 vite详解 vue3API详解 1、vite创建项目 使用 vite 搭建项目 npm init @vitejs/app or yarn create @vitejs/app 根据步骤选择: 项目名称 框架(vue,react…) js或ts 3、运行项目 cd 项目目录 npm 阅读全文
posted @ 2021-09-17 13:05 雅痞_yuppie 阅读(957) 评论(0) 推荐(0)
摘要: 基础配置、ts开发工具 vscode自动编译ts、ts中的类型、函数定义、ES5函数定义、ts函数定义方法、函数重载、对象的继承、es5继承、ts继承、ts定义类、ts中实现继承、ts类里面的修饰符、静态属性 静态方法、多态、抽象方法、接口、属性接口、对json的约束、对批量方法进行约束、函数类型接口、可索引接口、类类型接口、接口扩展 、泛型、泛型定义、泛型类、泛型接口、模块、命名空间、命名空间和模块的区别、装饰器、装饰器定义、类装饰器、类装饰器:普通装饰器(无法传参)、类装饰器:装饰器工厂(可传参)、类、装饰器案例、属性装饰器、方法装饰器 阅读全文
posted @ 2021-09-15 15:41 雅痞_yuppie 阅读(584) 评论(0) 推荐(0)