- 博客(18)
- 收藏
- 关注
RSS订阅原创 React过渡动效-react-transition-group
React过渡动效-react-transition-group代码演示// .hoc/indeximport React, {Component} from 'react'import {CSSTransition} from 'react-transition-group'export const withAnimation=Comp=>{ return class withAnimation extends Component{ render(){
2020-09-06 18:30:36
183
原创 Antd Steps步骤条结合路由跳转
Steps步骤条定义一个home目录，index.jsstep.jsStepOne.jsStepTwo.jsStepThree.js// index.jsimport React, { Component } from 'react'import Stepper from './step'import { Route } from 'react-router-dom'impo...
2020-03-30 12:40:44
2767
原创 了解一下react Hooks
Hooks作用就是让我们在函数组件中可以使用类组件的一些特性：比如state 、部分生命周期 、 contextuseState作用： 可以让我们在函数组件中使用state和修改stateimport React,{ useState } from 'react'import { Button } from 'antd-mobile'/* 函数组件 */const HookComp ...
2020-03-28 12:04:01
173
原创 react 高阶组件了解一下
高阶组件是什么？高阶组件（HOC）是 React 中用于复用组件逻辑的一种高级技巧。HOC 自身不是 React API 的一部分，它是一种基于 React 的组合特性而形成的设计模式高阶组件特点高阶组件是一个函数高阶组件接收一个组件作为参数进行使用高阶组件的目的是为了： 复用组件,将多个组件都要使用的类似逻辑放在同一个地方进行处理高阶组件结构import React,{ Com...
2020-03-28 10:23:06
133
原创 React生命周期各阶段钩子函数解析
挂载阶段【 初始化阶段 】初始化阶段就是将我们的组件插入到DOM中，只会发生一次constructor ：初始化动作，比如： state的定义和初始化赋值、比如非箭头函数的this的绑定getDerivedStateFromProps ：这个钩子函数要求要有返回值，返回值是一个新的状态或是null，这个钩子函数 this的值为undefined触发条件初始化执行一次 - 因为它替代了...
2020-01-11 15:01:34
371
原创 react 组件的通信入门了解一下
react 组件的通信组件创建函数组件函数也可以是一个组件函数可以使用props来接收绑定在它身上的属性React中注释语法 {/* */}React中模板表达式使用 {}类组件使用了class的继承，让我们的组件拥有Component的属性和方法使用render函数来进行jsx结构的渲染使用Fragment来充当唯一根元素，减少一层dom渲染经验：当我们只...
2020-01-11 10:29:13
94
原创 vue的 watch vs computed vs methods 区别
watch vs computed vs methods 区别watch 是对数据进行监听，更多完成的是异步数据请求methods 它是事件处理程序computed 它是对数据进行重计算computed-计算属性作用： 对data选项中的数据做计算解决问题：1，对数据计算的逻辑放在v里面 不合适2， 让模板结构不清晰3，计算属性中的key直接在模板中当做全局变量用//h...
2020-01-03 20:13:11
113
原创 Vue的生命周期详解
Vue的生命周期Vue的生命周期分为三个阶段，8个钩子函数初始化阶段beforeCreate ：为实例事件和生命周期做准备create ： 初始化数据beforeMount ：vdom生成了mounted ：真实dom生成了，数据请求，第三方库实例化初始化阶段是自动执行的，只要组件出现就会自动执行初始化阶段执行一次create\beforeMount\mounted 都提...
2019-12-21 17:00:19
227
原创 Vue 组件，组件通信(父子，子父，非父子组件通信)
Vue 组件Vue组件 其实是一个html、css、js等的一个聚合体。组件定义：Vue.extend() 得到的是一个构造函数VueComponent( options )options即我们之前在new Vue( options ) Vue.component('VueHello', Hello ) const Hello = Vue.extend({ // 组件选项 t...
2019-12-21 11:31:37
110
原创 js 函数封装axios请求，get，post请求
什么是 axios？Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。axios.get(url[, config])axios.post(url[, data[, config]])怎么使用？cdn引入<script src="https://cdn.bootcss.com/axios/0.19.0-beta.1/axios...
2019-12-18 15:54:31
1474
原创 Vue.js 的使用及常见指令v-model, v-for, v-on
Vue的特点Vue是一个MVVM框架M 模型 model 数据V 视图 viewVM C -> P -> VM 视图模型 -> 处理逻辑单向数据流数据由父级传递给子级Vue是一个js渐进式框架渐进式： 越学越难想学的容易：加强基础Vue是使用了虚拟DOM技术Vue拥有便利性的指令指令： 操作dom的一种方式Vue拥有组件系...
2019-12-16 20:34:57
402
原创 git版本管理工具，git文件上传命令，及常用命令
Git版本管理工具概念：Git 是一个分布式的版本控制系统，在 Git 中即使用户离线，也能进行项目的提交和更新操作，等到下次连线服务器时进行整体的同步操作。Git Bash使用（命令行）注册gitHub账号> Clone with ssh：配置私钥（本地）和公钥（配置给githup）文件上传工作区----(git add .) -->暂存区--- (git commi...
2019-12-14 09:39:21
277
原创 mongoose操作数据库mongodb，增删改查， 了解一下
mongoose操作数据库1，mongoose模块mongoose 简介Mongoose库简而言之就是在node环境中操作MongoDB数据库的一种便捷的封装，一种对象模型工具，Mongoose将数据库中的数据转换为JavaScript对象以供你在应用中使用。http://mongoosejs.com/2，mongoose的操作流程安装mongoosenpm install mong...
2019-12-13 10:48:17
305
原创 非常详细的JavaScript 数组，字符串的方法及使用
JavaScript 数组，字符串的方法数组的概念及定义数组：一组任意类型或者相同类型的数据。除了 Object 类型之外，Array 类型是ECMAScript 最常用的类型。而且 ECMAScript 中的 Array 类型和其他语言中的数组有着很大的区别。 虽然数组都是有序排列， 但 ECMAScript 中的数组每个元素可以保存任何类型。ECMAScript 中数组的大小也是可以调...
2019-12-11 19:29:58
484
原创 什么是nodejs？nodejs的模块化及引用
什么是nodejs？nodejs是JavaScript的运行环境，建立在Chrome的V8引擎上nodejs和js的区别？nodejs组成部分ECMAScriptV8LIBUVJavaScript组成ECMAScriptDOMBOM运行环境不同nodejs运行在服务器上javascript运行在浏览器内核中运行在浏览器端的JS能做什么DOM操作 文档操作BOM操...
2019-12-11 08:37:30
465
原创 js 函数封装cookie的--存cookie取cookie删cookie
js 函数封装cookie的–存cookie取cookie删cookiecookie的概念cookie又叫会话跟踪技术是由Web服务器保存在用户浏览器上的小文本文件，它可以包含相关用户的信息.cookie的特点禁用cookie后，无法正常注册登录，cookie是与浏览器相关的，不同浏览器之间所保存的cookie也是不能互相访问的，cookie可以被删除，因为每个cookie都是硬盘上...
2019-12-10 11:26:12
224
原创 MongoDB数据库，你需要掌握的这些知识
MongoDB安装配置MongoDB官网地址：https://www.mongodb.com/MongoDB下载地址：https://www.mongodb.com/download-center#communityMongoDB for Windows 64-bit 适合 64 位的 Windows Server 2008 R2, Windows 7 , 及最新版本的 Window ...
2019-12-09 17:57:43
327
原创 js随机生成6位验证码(大小写字母，数字)
js随机生成6位验证码(大小写字母，数字)你好！ js随机生成6位验证码(大小写字母，数字)，利用Math.random产生随机数。代码如下代码片.function getRandom(min, max) { return Math.round(Math.random() * (max - min) + min); } function getCode()...
2019-12-09 12:21:05
4489
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人