React
文章平均质量分 69
React:用于构建用户界面的JavaScript库
偶尔躲躲乌云_0
精通电脑开关机和刷新,文件的复制删除重命名和新建,对于网上冲浪有着10多年的经验。
展开
-
从零开始安装,配置nginx
从零开始安装,配置nginx最近在学习一手nginx,作为一个新手把nginx的安装流程给走了一遍。nginx安装1.下载nginx首先去nginx的官方网站,并去到下载页面:下载页面中分为两种版本,我们下载Stable version版本的最新版即可:右键nginx-1.20.1最新版,复制链接地址。在服务器中指定的目录文件夹中,即你想要安装nginx的目录,运行下面的命令来下载安装包:wget https://nginx.org/download/nginx-1.20.1.tar.g原创 2021-11-16 14:48:31 · 2329 阅读 · 0 评论 -
React 中的 Fragment 标签
React 中的 Fragment 标签介绍React.Fragment组件能够在不额外创建 DOM 元素的情况下,让 render()方法中返回多个元素。使用代替div作为最外层,可做不可见的包裹元素。主要的作用就是避免了多层嵌套的div标签。import react, { Component, Fragment } from 'react'...render() { return ( <Fragment> <h1>Hello&原创 2021-10-18 16:18:25 · 854 阅读 · 0 评论 -
前端代码协同开发流程(在vscode中使用git)
关于在VScode中使用gitee进行分支的切换,拉取,推送和合并。原创 2021-09-26 16:00:46 · 2503 阅读 · 2 评论 -
axios token权限认证请求机制,前端实现无感刷新
axios token权限认证请求机制涉及到登陆后token存储本地,axios全局配置请求头,axios请求拦截器和处理器。原创 2021-09-24 14:38:26 · 1193 阅读 · 0 评论 -
React ref用法
React ref官方文档1.介绍Refs 提供了一种方式,允许我们访问 DOM 节点或在 render 方法中创建的 React 元素。DOM 节点:就是平常所说的能在页面中直接获取到的原生DOM节点。在 render 方法中创建的 React 元素:通过React中的render()方法创建出来的虚拟DOM。2.使用均在基于ts的React项目中使用:import React, { Component, createRef } from 'react';interface Ref原创 2021-09-17 16:09:22 · 442 阅读 · 0 评论 -
React 类组件 与 函数式组件 + Hooks
React 类组件类组件式我们经常用到的组件形式,也是React最基础的组件形式。类组件拥有自己的状态state(存储数据的仓库)和状态改变函数setState(在仓库中操作数据的管理人员),能够很方便地对页面上的数据进行各种操作。函数式组件 + Hooks函数式组件相对于类组件比较轻量,写起来也更加方便,在平常开发中更多的用在一些小的数据展示组件上面。但是,函数式组件它没有和类组件一样的state,setState,不能维持所谓的状态state。因此,在函数式组件中的数据操作显得比较复杂,一般需要调原创 2021-08-26 16:57:08 · 574 阅读 · 0 评论 -
React 逻辑式导航 的实现(不刷新路由跳转)
React 逻辑式导航问题描述React中的路由大多是用React-router来实现的。但是标签和标签往往仅限于声明式路由,即往往写在标签中,用于主体界面之间的内容切换。如下所示:<Router > <Switch> <Route exact path={"/"} component={Login} /> <NavigationBar> <Switch> {pageList.map((item原创 2021-08-24 12:00:17 · 1069 阅读 · 2 评论 -
前端地图坐标系详解
1.地图类型国外国外一般就是GPS,谷歌地图国内百度地图,高德地图,腾讯地图,搜狗地图,天地图…2.坐标系类型WGS84坐标系最常见的GPS,用的是WGS-84坐标系,也是原始坐标体系。一般用国际标准的GPS记录仪记录下来的坐标,都是GPS的坐标。GCJ-02坐标系国测局02年发布的坐标体系。又称火星坐标系。火星坐标系就是在84坐标系的基础上进行了一次加密偏移所得到的坐标系。在中国,必须至少使用GCJ-02的坐标体系。比如腾讯,高德都在用这个坐标体系。GCJ-02也是国内最广泛使用的坐标体原创 2021-08-10 14:50:50 · 2291 阅读 · 2 评论 -
前端js代码实现截图功能
前端js代码实现截图功能据我所知,屏幕截图大致可以分为两种类型。一种是真-屏幕截图,也就是我们平常QQ,微信,钉钉等社交工具里面所用到的截图。也就是说它能把我们看到的东西截取下来,所见即所得。另一种是通过获取网页DOM元素的截图。它的原理就是获取到网页上的DOM元素,再将他们放到canvas画布里面,最后再又画布转为图片,这样就实现了屏幕截图的功能。目前有好多方法可以实现此功能,一 一 介 绍 :1.html2canvas方法(最方便,最常用)html2canvas官网html2canvas原创 2021-08-04 10:22:41 · 7943 阅读 · 1 评论 -
Antd报错Attempted import error: ‘Search‘ is not exported from ‘antd‘
报错信息Attempted import error: ‘Search’ is not exported from ‘antd’代码import { Search } from "antd";错误原因原创 2021-07-15 10:11:21 · 2604 阅读 · 0 评论 -
ReactRouter
ReactRouterReactRouter1.安装2.使用3.动态传值4.动态传值25.重定向6.ReactRouter嵌套路由7.后台动态获取路由配置ReactRouter1.安装npm install --save react-router-dom2.使用return ( <Router> {/* ul内部的相当于是导航栏 <Route></Route>才是跳转语句 */} {/* 每个Ro原创 2021-05-18 21:44:07 · 143 阅读 · 0 评论 -
React Hooks
React Hooks学习视频地址:????哔哩哔哩技术胖Reactt Hooks免费视频教程笔记参考博客地址:????技术胖Reactt Hooks免费视频教程博客笔记1.React Hooks介绍和开发环境搭建1.介绍React Hooks就是用函数的形式代替原来的继承类的形式,并且使用预函数的形式管理state,有Hooks可以不再使用类的形式定义组件了。这时候你的认知也要发生变化了,原来把组件分为有状态组件和无状态组件,有状态组件用类的形式声明,无状态组件用函数的形式声明。那现在所有的组件原创 2021-01-26 15:53:48 · 206 阅读 · 0 评论 -
React Hooks
React Hooks学习视频地址:????哔哩哔哩技术胖Reactt Hooks免费视频教程笔记参考博客地址:????技术胖Reactt Hooks免费视频教程博客笔记1.React Hooks介绍和开发环境搭建1.介绍React Hooks就是用函数的形式代替原来的继承类的形式,并且使用预函数的形式管理state,有Hooks可以不再使用类的形式定义组件了。这时候你的认知也要发生变化了,原来把组件分为有状态组件和无状态组件,有状态组件用类的形式声明,无状态组件用函数的形式声明。那现在所有的组件原创 2020-11-08 09:26:45 · 292 阅读 · 1 评论 -
React高级(生命周期)
React高级1.PropTypes校验传递值2.ref的使用方法3.React生命周期1.PropTypes校验传递值在父组件向子组件传递数据时,使用了属性的方式,也就是props。但是在实际开发中,需要对这些传递过去的值进行校验,包括非空,格式的验证。我们在Xiaojiejie.js组件里传递了4个值,有字符串,有数字,有方法,这些都是可以使用PropTypes限制的。在使用需要先引入PropTypes:import PropTypes from 'prop-types'引入后,就可以在组件原创 2020-07-17 20:33:23 · 179 阅读 · 0 评论 -
React进阶
React进阶1.组件的拆分2.父子组件的传值3.单项数据流和其它1.组件的拆分实际开发中的网页是由许多的组件组成的,因此可以将实例中的文本框和按钮单独分为一个组件,显示列表为一个组件。首先在src目录下,新建一个文件XiaojiejieItem.js,然后把基础架构搭建好:import React, { Component } from 'react'; //快捷键imrcclass XiaojiejieItem extends Component { //快捷键cc render()原创 2020-07-15 13:10:55 · 133 阅读 · 0 评论 -
React简单实例
React简单实例1.基础页面搭建2.响应式设计和数据的绑定1.基础页面搭建首先在src目录下新建一个Xiaojiejie.js:import React,{Component} from 'react'class Xiaojiejie extends Component { render() { return ( <div> <div><input /><button>增加服务</button></div>原创 2020-07-14 19:59:21 · 897 阅读 · 0 评论 -
React初识
1.React介绍2.React介绍React:用于构建用户界面的 JavaScript 库。React中文官网React优点:生态强大:现在没有哪个框架比React的生态体系好的,几乎所有开发需求都有成熟的解决方案。上手简单: 你甚至可以在几个小时内就可以上手React技术,但是他的知识很广,你可能需要更多的时间来完全驾驭它。社区强大:你可以很容易的找到志同道合的人一起学习,因为使用它的人真的是太多了。毒鸡汤:作为一个程序员,任何时候,都不要瞧不起别人…鸟活着时,吃蚂蚁;鸟死后,蚂原创 2020-07-13 15:28:35 · 158 阅读 · 0 评论