自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 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

原创 解决原生Javascript路由跳转在微信H5下有前进后退导航栏

解决原生Javascript路由跳转在微信H5下有前进后退导航栏

2022-08-18 09:58:45 502 1

原创 Vue权限

取得后端返回的菜单后,根据菜单与路由的对应关系,筛选出可访问的路由,通过addRoutes动态挂载。每次路由跳转的时候都要判断权限,这里的判断也很简单,因为菜单的name与路由的name是一一对应的,而后端返回的菜单就已经是经过权限过滤的。菜单跟路由耦合在一起,定义路由的时候还有添加菜单显示标题,图标之类的信息,而且路由不一定作为菜单显示,还要多加字段进行标识。登录后,获取用户的权限信息,然后筛选有权限访问的路由,在全局路由守卫里进行调用addRoutes添加路由。全局路由守卫里,每次路由跳转都要做判断。.

2022-07-21 15:08:45 1462

原创 解决vue h5 遮罩滚动穿透问题

解决vue h5 遮罩滚动穿透问题

2022-07-04 09:43:10 486 1

原创 关于h5 input上传图片 重复上传事件不生效

关于h5 input上传图片 重复上传事件不生效

2022-06-24 15:19:56 282

原创 Vue h5 图片裁剪(vue-cropper以及图片压缩)

处理base64格式 vue h5 图片裁剪 图片压缩

2022-06-16 13:43:06 1964 3

原创 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关注的人

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