自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(8)
  • 收藏
  • 关注

原创 Redux原理及工作流程

Redux 是什么,如何用?工作流程场景演示代码演示1.创建 Store2.触发 Action如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入Redux 是一个专门用来管理数据业务或逻辑状态的框架,它也可以实现代码结构的规范化并提供组件之间通信的便利,而这两点,对于大型应

2020-08-13 01:20:49 8928 1

原创 Three.js 教程

了解Three.jsThreejs是一款WebGL三维引擎,在所有WebGL引擎中,Three.js是国内文资料最多、使用最广泛的三维引擎。如何学习Three.js当你开始思考你应该如何学习WebGL和Three.js的时候,相信你至少对相关的关键词了解过了,希望通过WebGL或Three.js实现你想要的Web3D功能。也许你也会去思考通过WebGL或Three.js能不能实现你想要的功能,也许你是因为领导临时分配任务,还不太清楚WebGL和Three.js是什么,个人建议是不要做过多思考,先看看

2022-03-21 15:44:08 2883

原创 es5、es6、class类、静态方法以及单例模式

原生 JS 中的类、静态方法、继承类、静态方法继承什么是构造函数?它和普通函数的区别?构造函数:构造函数简单的讲,即定义出来专供new 式调用的函数。当任意一个普通函数用于创建一类对象时,它就被称作构造函数,或构造器。构造函数的作用主要是完成对象的初始化工作。构造函数和普通函数的区别:1.构造函数一般首字母大写 如function Student(){{ },而普通函数一般首字母小写。2.对于任意函数,使用new操作符调用,那么它就是构造函数;不使用new操作符调用,那么它就是普通函数

2021-09-21 23:15:17 234

原创 react 父子组件通信

父组件给子组件传值:在调用子组件的时候定义一个属性 <Header msg='首页'></Header>子组件里面 this.props.msg说明:父组件不仅可以给子组件传值,还可以给子组件传方法,以及把整个父组件传给子组件,可以让子组件给父组件传值。父组件主动获取子组件的数据:父组件调用子组件的时候指定ref的值 <Header ref='header'></Header>父组件通过this.refs.header 获取整个子组件实例

2020-10-09 09:21:19 186

原创 Cookie、Vuex状态管理器实现单点登录SSO

Cookie、Vuex状态管理器实现单点登录SSO什么是单点登录?单点登录的三种实现方式单点登录SSO实现登录认证流程Vuex 登录信息状态管理提交登录触发 action单点退出系统定义 Vuex 退出行为路由拦截器退出操作Vuex 发送请求与重置状态什么是单点登录?单点登录即SSO(Single Sign-On),是一种统一认证和授权机制,指访问同一服务器不同应用中的受保护资源的同一用户,只需要登录一次,即通过一个应用中的安全验证后,再访问其他应用中的受保护资源时,不需要重新登录验证。解决用户只需要

2020-09-18 16:43:19 426

原创 Swipe 层叠轮播图源码(适用于PC、移动端)

<template><div> <transition name="fade"> <div @touchend='end' @touchstart='start' @touchmove='move' class="swiper"> <div @click="chooseItem(item,index)" v-for="(item, index) in imgs" :style="config5[index]" :key="i..

2020-08-27 11:40:36 758

原创 React 实现js跳转路由

1.要引入Redirect import { BrowserRouter as Router, Route, Link, Redirect, withRouter } from "react-router-dom";2.定义一个flagthis.state = { loginFlag:false };3.render里面判断flag 来决定是否跳转if(this.state.loginFlag){ r

2020-07-30 10:38:01 910

原创 React 路由跳转传递参数问题

1.安装react-router-dom$ npm install --save react-router-dom2.在App.js配置路由import {BrowserRouter as Router,Switch,Route,Link} from "react-router-dom";export default function App() { return ( <Router> <div> <Switch&gt

2020-07-30 00:24:26 560

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除