- 博客(15)
- 收藏
- 关注
RSS订阅
原创 react 实现tab切换 三角形筛选样式
react 实现tab切换 三角形筛选样式 接下来上效果这次使用的是react的class 类组件import React, { Component } from 'react'import { LeftOutline, SearchOutline } from 'antd-mobile-icons'import { NavLink } from 'react-router-dom'class serach extends Component ...
2021-12-23 08:52:40
441
原创 Vue权限
取得后端返回的菜单后，根据菜单与路由的对应关系，筛选出可访问的路由，通过addRoutes动态挂载。每次路由跳转的时候都要判断权限，这里的判断也很简单，因为菜单的name与路由的name是一一对应的，而后端返回的菜单就已经是经过权限过滤的。菜单跟路由耦合在一起，定义路由的时候还有添加菜单显示标题，图标之类的信息，而且路由不一定作为菜单显示，还要多加字段进行标识。登录后，获取用户的权限信息，然后筛选有权限访问的路由，在全局路由守卫里进行调用addRoutes添加路由。全局路由守卫里，每次路由跳转都要做判断。.
2022-07-21 15:08:45
1462
原创 reducer在react使用
编写store.js 小statereducer 怎么来 纯函数state+action 生成新的stateactions typere
2021-06-01 14:46:08
1261
转载 react redux
设计思想（1）Web 应用是一个状态机，视图与状态是一一对应的。（2）所有的状态，保存在一个对象里面。HTMLCopyStoreStore 就是保存数据的地方，你可以把它看成一个容器。整个应用只能有一个 Store。Redux 提供createStore这个函数，用来生成 Storeimport { createStore } from 'redux';const store = createStore(fn);HTMLCopyStateStore对象
2021-06-01 10:34:56
208
转载 [react]react创建app,路由，mobx 全教程
运行环境，mac, node:v8.11.2 npm：6.4.01、创建app,npx create-react-app my-appCmdCopy2、进入项目目录cd my-appCmdCopy3、启用配置文件（默认是不开启配置文件的）yarn ejectCmdCopy这时候会报错，意思大概是你要把之前的文件最好提交一下gitgit add --all git commit -m 'up'CmdCopy...
2021-06-01 10:32:52
318
转载 react 创建项目 sass router redux
创建项目第一步 基本搭建在创建之前，需要有一个git 仓库，我们要把项目搭建到git 中目录介绍 cd 到某个盘 mkdir workspace 创建workspace文件夹 cd workspace 进入workspace文件夹 workspace一般为我们仓库和项目总目录 git@1 仓库一（前端自己项目，如果自己是前端leader） www.bdplus.cn 为上线文件夹 pc或w 为
2021-06-01 10:30:39
187
1
转载 关于几种场景下的state
statejsx1、state2、setState3、函数 事件 调用mobx1、state2、setState( action)3、view（函数 事件 调用）一个store 或几个redux ???1、state2、action（唯一修改state）3、reducer (生成state)4、views （函数 事件 调用）一个项目只有一个Store由多个state 片段生成大的state最外层一个大store (整个项目的) src/store/store.
2021-06-01 10:28:37
93
转载 mobx在react的使用
创建项目第六步 mobx1、安装yarn add mobxyarn add mobx-react2、新建/src/store/store.jsimport {observable, computed, action, autorun,runInAction} from 'mobx';// import {observable, computed, action} from 'mobx';class Store { @observable tradeCfg = {
2021-06-01 10:25:06
418
原创 react 结合antd 实现分页效果
import React, { useState, useEffect } from "react";// antd import { Pagination } from "antd";// 二次封装axiosimport Unit from "../分页/index.js";const App = () => { const [sj, setSj] = useState({ currentPage: 1, totalPage: 10, }); //赋值dat.
2021-05-31 15:01:01
1386
转载 react Input 表单
input react 表单input 密码框在谷歌浏览器下 会有黄色填充 官网的不太用，这个比较好用type="password" autoComplete="new-password"HTMLindex.jsximport React, { Component } from 'react';import { NavLink} from 'react-router-dom';// import Checkbox from './checkbox....
2021-05-28 15:43:16
226
2
原创 移动端适配文件(引入scss)
移动端适配文件(引入scss)@charset "UTF-8";$yh:"Microsoft yahei";@function rm($px, $base: 24) { @return ($px / $base) * 1rem;}// @function pxToRemr($px, $base: 14.0625) {// @return ($px / $base) * 1rem;// }html { font-size: 62.5%; font-family:$yh;}
2021-05-27 16:42:11
247
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人