自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(75)
  • 资源 (2)
  • 收藏
  • 关注

原创 React基本实现递归Tree的方式

//最顶级的节点信息 import React from 'react' import Tree from './Tree' const treeData=[ { title: '父节点1', key: '0-0', children: [ { title: '子节点1', key: '0-0-1', children: [ { titl

2021-08-19 23:48:39 540

原创 js填补空数据

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <title></title> </head> <body> <script> c

2021-08-18 12:42:35 336

原创 react项目权限设置

1.使用react-router-dom react-router 完成鉴权 定义路由表然后export default 数组 import Home from './home' import Child from './child' import Answer from './answer' export default [ {path:"/home",component:Home}, {path:"/child",component:Child}, {path:"/answer"

2021-08-18 09:23:10 633

原创 递归转换字段

//递归转换字段 function TreeMap(perssion) { return perssion.map((v) => { return { ...v, children: v.childPermission.length ? TreeMap(v.childPermission) : [], label: ...

2021-08-13 13:50:57 161

原创 js树形常用方法

<!-- Tree 中查找具体的子节点 --> <script> var data = [ { id: 1, name: "办公管理", pid: 0, children: [ { id: 2, ...

2021-08-13 09:39:10 214

原创 Vue递归组件

展示组件 <!-- * @Author: your name * @Date: 2021-08-08 14:06:59 * @LastEditTime: 2021-08-08 15:05:27 * @LastEditors: Please set LastEditors * @Description: In User Settings Edit * @FilePath: \vue\app2v\src\Menu\index.vue --> <template> <

2021-08-08 15:11:21 86

原创 Vue的全局组件注册

在这里插入代码 */ //这是利用install提供插件的方法去实现的 import Vue from 'vue' import UseCom from '../components/useCom.vue' import router from 'vue-router' const Is={ install:(Vue,options)=>{ //全局方法 Vue.prototype.$myGlobalMethod = function (value) {

2021-08-08 13:56:30 161

原创 获取url参数封装

//参数数组 返回值:{} var keys=['name','age'] function queryParams(keys){ var localtion=new URLSearchParams(window.location.href) return keys.reduce((preState,current)=>{ return {...preState,[current]:localtion...

2021-07-23 11:09:08 77

原创 2021-06-06

Js快速排序 var arr=[1,34,23,345,657,234,4,5,789,32,67,90];// function quickSort(arr){ var centerEnd=arr[0]; var left_arr=[]; var right_arr=[]; for (var i = 1; i < arr.length; i++) { if(arr[i]<centerEnd){ left_arr.push

2021-06-06 16:36:22 90

原创 2021-05-30

Webpack-dev_server启动提示找不到解决报错Cannot find module ‘webpack-cli/bin/config-yargs’ "name": "webpack111", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "hot": "webpack-dev-server ", "dev": "webpack-dev-server --hot",

2021-05-30 11:59:15 105

原创 moment如何转换时间戳将时间抓换成为秒的时间戳

Number(moment(v.activityTime[0]).format("X")),//X大写代表秒x代表毫秒

2021-05-23 17:28:27 4174

原创 Vue3中的复制粘贴功能

// var input = document.createElement("input"); // js创建一个input输入框 input.value = url; // 将需要复制的文本赋值到创建的input输入框中 document.body.appendChild(input); // 将输入框暂时创建到实例里面 input.select(); // 选中输入框中的内容 document.execCommand(".

2021-05-22 20:02:41 1193

原创 useEffect实现的防抖函数

export const useDebonce=(value,delay)=>{ const [params,setParams]=useState(value) useEffect(()=>{ const time=setTimeout(()=>setParams(value),delay) return ()=>{ clearTimeout(time) } },[v.

2021-05-10 17:42:15 880 2

原创 节流函数

const debonce=function(func,timeout){ let time; return ()=>{ if(time){ clearTimeout(time) } time=setTimeout(function(){ func(); },timeout) } }

2021-05-10 17:03:02 73

原创 Vue下载文件后端返回流

<!-- * @Author: your name * @Date: 2021-04-20 14:09:05 * @LastEditTime: 2021-05-08 15:55:21 * @LastEditors: Please set LastEditors * @Description: In User Settings Edit! * @FilePath: \Vue3demo\index2.html --> <!DOCTYPE html> <html lan.

2021-05-08 15:56:20 233 2

原创 2021-04-26

enum Sex{ MAN,WOMAN,WITHOUT} //boolean let isflag:boolean=false; //这是 let str:string='汉语' //这是number let count:number=0; //这是数组 let array:Array<string>=['a']; //这是定义的泛型函数的泛型 function getDate<T>(value:T):T {   return value; } getDate&l..

2021-04-26 17:03:51 310

原创 provide,inject

<!-- * @Author: your name * @Date: 2021-04-15 16:37:34 * @LastEditTime: 2021-04-18 14:11:39 * @LastEditors: Please set LastEditors * @Description: In User Settings Edit * @FilePath: \fission\Vue3demo\index.html --> <!DOCTYPE html> <ht.

2021-04-18 14:12:07 103

转载 每天定时任务执行

imeoutFunc(config, func) { config.runNow && func() let nowTime = new Date().getTime() let timePoints = config.time.split(':').map(i => parseInt(i)) let recent = new Date().setHours(...timePoints) recent >= nowTime || (rec...

2021-04-13 09:38:28 116

转载 js 时间格式化

getFormatDate(timestamp) { timestamp = parseInt(timestamp + '000'); var newDate = new Date(timestamp); Date.prototype.format = function (format) { var date = { 'M+': this.getMonth() + 1, 'd+': thi..

2021-03-30 18:12:37 118

原创 Flutter定时器

_showTimer(context){ var timer; timer=Timer.periodic( Duration(milliseconds: 3000),(timer){ Navigator.pop(context); timer.cancel();//取消定时器 print('卦辞'); } ); }

2021-03-29 13:52:55 435

原创 Flutter修改侧边栏

child:UserAccountsDrawerHeader( accountName: Text('xxx'), accountEmail: Text('xxxx'), currentAccountPicture: CircleAvatar( backgroundImage: NetworkImage('https:/...

2021-03-26 17:17:45 144

原创 Flutter 配置Drawer抽屉

return Scaffold( drawer: Drawer( child: Text('hjhjsdahjfhdjshf'), ), ); //在Scaffold的里面直接配置即可

2021-03-25 15:48:21 191

原创 Flutter 自定义Controller

// import 'dart:html'; import 'package:flutter/material.dart'; /** * 注意在这里必须要继承的有状态的组件以及 * 要混入一个别的组件SingleTickerProviderStateMixin剩下的必须要实例化一个TabController * */ class TabBarsController extends StatefulWidget { @override _TabBarsControllerState.

2021-03-25 15:44:27 1826 1

原创 Flutter 定义多Tabbar

import 'package:flutter/material.dart'; //定义结构话操作 class TabBarsController extends StatefulWidget { @override _TabBarsControllerState createState() => _TabBarsControllerState(); } class _TabBarsControllerState extends State<TabBarsController>.

2021-03-25 14:46:41 526

原创 获取url上的参数

export const getUrlParams = (url, key) => { let search = url && url.split("?")[1]; var theRequest = {}; let query = search && search.split("&"); for (let i = 0; i < query.length; i++) { theRequest[query[i].split("=")[.

2021-03-19 18:16:40 150

原创 js递归替换数组对象字段名称

const TreeDataSource=(arr)=>{ if(!Array.isArray(Array)){return;} return arr.map((v,i)=>{ return { ...v, key:v.id, title:v.typeName, order: v.sort, isClose: ...

2021-02-16 13:17:49 2006

原创 微信小程序踩坑记

1.使用JSON.parse()的时候失败 解决方案:将序列化后的字符串复制出来以后发现在最后的末尾多了一些别的符号利用字符串的截取掉即可 2.小程序中保存照片到手机相册(代码示例) // pages/question/question.js const app = getApp() const { globalData } = app; Page({ /** * 页面的初始数据 */ data: { OrderUserInfo: { } },

2021-02-09 15:31:58 145

原创 React 权限操作

import React, { Component, Fragment, Suspense } from 'react' import { BrowserRouter as Router, Redirect, Route, Switch } from 'react-router-dom' import Login from '../login' import ApIRouters from './routers' class AuthRouters extends Component { ren.

2021-01-26 18:24:59 271

原创 Vue权限动态路由Array转成功Tree

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <script.

2021-01-23 23:17:52 196

原创 React的一些小API(路由懒加载,setState的参数类型)

import React, { Component, setState, lazy, Suspense } from 'react' import { Route, Link } from 'react-router-dom' /** * setState可以传递一个对象也可以传递一个函数一个参数如果传递函数会上接受两个参数一个state,props * 函数的方式默认会返回更新以后的state数值 * 路由的懒加载 */ // export default class App extends .

2021-01-21 03:08:03 366

原创 react中使用redux的combineReducersh合并reducer编写异步Action任务

import { combineReducers } from 'redux' import countReducer from './modules/count' export const IndexReducers =combineReducers({ countReducer }) 2.同步Action export const increment = value => ({ type: INCREMENT, value }) export const decement = va...

2021-01-19 16:49:12 253

原创 react中redux实现计数器操作

import React, { Component } from 'react' import './App.css'; import store from './store/store.js' import { INCREMENT } from './reducers/index' export class App extends Component { state = store.getState(); increment = () => { store.dispatch({.

2021-01-18 15:40:16 63

原创 React生命周期中的componetWillReceiveProps的坑

1.注意:componetWillReceiveProps在你的子组件在第一次render的时候是不会执行这个函数的他只有在你的props是第二次的时候才能执行也就是第二次render的时候才可以执行该函数

2021-01-17 20:16:39 687

原创 react中路由跳转模块和参数携带和兄弟组件之间通信

1. //路由组件传递params组件 import React, { Component } from 'react' import Public from 'pubsub-js' export default class index extends Component { state = { msg: "" } componentDidMount() { Public.subscribe('MYHello', (e) => {

2021-01-17 20:16:08 237

原创 js中添加事件的三种方法

1. <input onchange="handle(event)"/> function handle(e){ console.log(e.target.value) } 2 const btn = document.querySelector('.btn'); btn.addEventListener('click', () => { console.log('dianji').

2021-01-08 23:31:17 3765

转载 react-dev-tool下载地址

https://www.crx4chrome.com/crx/3068/

2021-01-08 23:26:02 1088

转载 1学习react 第一章创建react项目

1.创建虚拟dom方式 使用js和jsx的方式 1.如果使用js的方式 <script src="https://unpkg.com/react@16/umd/react.development.js" crossorigin></script> <!-- 引入react-dom --> <script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js" c

2021-01-08 16:40:15 83

转载 数组循环分割

publicfilterLenged(page):string[]{ varallData=[];//用来装处理完的数组 varcurrData=[];//子数组用来存分割完的数据 //循环需要处理的数组 for(vari=0;i<this.echartsLabels.length;i++){ //将chartArr[i]添加到子数组 currData.push(this.ech...

2020-12-22 14:24:33 426

原创 Echarts 数据lenged显示两行

legend:{ data:res.data.labels, icon:'circle', formatter:(params)=>{ letisfind=(Number(map.get(params))/this.sum*100)+''; letisdata; if...

2020-12-21 14:10:30 504

原创 将嵌套数组变成Tree js(做法有点笨)

public arrayTree(arr) { for (const key in arr) { if (arr[key].contactsMetricInfos.length > 0) { let onearr = JSON.stringify(arr[key]) arr[key] = JSON.parse(onearr.replace(/"(bundleName)"/g, '"name"')) let oneorder = ...

2020-12-11 17:30:13 200

umi_tableData.zip

umi 小白

2021-08-24

Dart.7z的基础语法练习

Dart的语法文档

2021-03-20

空空如也

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

TA关注的人

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