欢迎来到码农权的博客 MaNongGeGe.|

06 2022 档案

React hooks总结
摘要:hooks hooks介绍 概念:一套能够使函数组件更强大,更灵活的钩子 优势:告别难以理解的class、解决业务逻辑难以拆分的问题、方便状态逻辑复用 注意点:hooks和class写法共存、hooks只能在函数组件中使用 useState 作用:为函数组件提供数据状态(state) 语法:cons
78
0
0
JSX与组件的基本使用
摘要:![](https://img2022.cnblogs.com/blog/1947730/202206/1947730-20220628000134443-731591674.png) ![](https://img2022.cnblogs.com/blog/1947730/202206/1947730-20220628000148596-183577765.png)
39
0
0
React 生命周期
摘要:React 生命周期 常用的分为三个阶段:挂载阶段、更新阶段、渲染阶段 挂载阶段(按顺序执行一次) constructor render (渲染UI) componentDidMount (发送请求) 更新阶段(只要组件更新就会执行) render componentDidUpdate 卸载阶段(组
25
0
0
Props 默认值
摘要:Props 默认值 场景:如果传入就以传入的参数为主,如果不传那就使用默认值 函数组件 通过函数默认参数实现 function Test ({ list, mum = 666 }) { return ( <div> {list.map(item => <p key={item}>{item}</p>
520
0
0
Props 校验
摘要:Props 校验 概念:在用户传入数据时提供类型校验(常见于组件库) 如何实现:通过 prop-types 官方工具包 组件名.propTypes = { 定义规则 }
42
0
0
React 组件 children属性
摘要:组件 children属性 概念:组件内部写的内容都会识别为children属性存入props。 支持:文本,标签,jsx,函数 应用场景:render Props 和 高阶函数
305
0
0
跨组件通信Context
摘要:React 跨组件通信 Context机制 场景:跨组件通信 顶层向任意底层传递数据。 实现 调用 createContxt方法 得到Provider(提供数据)和Consumer(消费数据) 通过Provider包裹顶层组件 value属性绑定数据,如果传递多个数据 那就把value包装成一个对象
32
0
0
在React中定义数据的注意事项
摘要:在React中定义数据的注意事项 如果数据是组件状态需要去影响视图,定义到state中(响应式 状态驱动着视图) 而如果我们需要的数据状态 不和视图绑定(例如定时器编号) 定义成一个普通的实例属性就可以啦(静态) state中尽量保持精简
142
0
0
Vuex module模块
摘要:Vuex module的那些事(必须打开命名空间,namespaced: true,否则会抛异常) // 触发module中的state ...mapState("", []) // 方式一 ...mapState({ xxx: state => state.xxx.xxx }) // 触发modu
37
0
0
Node.js express 连接数据库
摘要:Node.js express 连接数据库 下载包 express 与 mysql yarn add express yarn add mysql const express = require('express'); const mysql = require('mysql'); const ap
50
0
0
快速入门React(基础)
摘要:React基础 React介绍 目标任务: 了解什么是React以及它的特点 React是什么 ​ 一个专注于构建用户界面的 JavaScript 库,和vue和angular并称前端三大框架,不夸张的说,react引领了很多新思想,世界范围内是最流行的js前端框架,最近发布了18版本,加入了很多新
3238
2
1
vue配置启动项目自动打开浏览器
摘要:vue配置启动项目自动打开浏览器
124
0
0
[Vue warn]: Failed to resolve filter: xxxxxxx
摘要:vue 过滤器filters报错Failed to resolve filter原因及解决方法 错误代码 // 过滤器 filter: { formatTime(time) { console.log(time) return `${time.getFullYear()}-${time.getMon
456
0
0
uuid包
摘要:uuid uuid可以生成一个独一无二的id。 安装uuid yarn add uuid 使用uuid import {v4 as uuid} from "uuid" uuid() // 返回一个唯一值 9c071ed2-6e3e-484a-ac60-dbbdd21d23e5 // 函数封装 获取8
133
0
0
VSCode格式化代码配置
摘要:格式化配置 安装vsCode prettier插件 修改配置文件 setting.json { "git.enableSmartCommit": true, // 修改注释颜色 "editor.tokenColorCustomizations": { "comments": { "fontStyle
1125
0
0
React事件处理方法中this指向为undefined的四种解决方案
摘要:React事件处理方法中this指向为undefined的四种解决方案: 1. 定义事件后使用bind绑定this return ( <div> <button onClick={this.clickHander.bind(this)}>Click</button> </div> ) 2. 在构造函
288
0
0
npx创建vue或react项目
摘要:如何使用npx创建vue或者react项目 不需要提前安装全局工具包(@vue/cli和create-react-app)的情况下,直接使用npx命令来创建项目 好处: 不需要全局安装包。 每次使用最新的全局工具来创建项目。 缺点: 慢一些 用npx创建vue项目 npx @vue/cli crea
428
0
0
WebStrom 关闭ESlint
摘要:WebStrom 关闭ESlint 配置vue.config.js 如果没有自己在根目录创建一个 如果有就进行配置 module.exports = { lintOnSave: false } File ⇒ Langguages & Frameworks ⇒ JavaScript ⇒ Code Qu
28
0
0
Error in mounted hook: “TypeError: Cannot read properties of undefined (reading ‘init‘)“
摘要:前端vue项目使用echarts报错解决方案,亲测有效。 踩坑,在vue中使用echart绘制图表的时候报错Error in mounted hook: "TypeError: Cannot read properties of undefined (reading init )"解决办法 存在问题
5397
0
0
Vue3快速入门
摘要:Vue3快速入门 Vue3.0 简介 2020年9月18日,Vue.js 发布3.0版本,代号:One Piece(海贼王) Vue3 带来了什么 性能的提升,源码的升级,拥抱TypeScript,新的特性 Composition API。 新的特性 Composition API(组合API) s
314
0
0
点击右上角即可分享
微信分享提示
深色
回顶
收起
  1. 1 不将就 码农权
  2. 2 Bleeding Love 码农权
  3. 3 想你念你 码农权
Bleeding Love - 码农权
00:00 / 00:00
An audio error has occurred, player will skip forward in 2 seconds.

Not available