- 博客(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 466
原创 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 278
原创 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 566
原创 递归转换字段
//递归转换字段 function TreeMap(perssion) { return perssion.map((v) => { return { ...v, children: v.childPermission.length ? TreeMap(v.childPermission) : [], label: ...
2021-08-13 13:50:57 114
原创 js树形常用方法
<!-- Tree 中查找具体的子节点 --> <script> var data = [ { id: 1, name: "办公管理", pid: 0, children: [ { id: 2, ...
2021-08-13 09:39:10 162
原创 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 62
原创 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 131
原创 获取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 51
原创 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 62
原创 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 62
原创 moment如何转换时间戳将时间抓换成为秒的时间戳
Number(moment(v.activityTime[0]).format("X")),//X大写代表秒x代表毫秒
2021-05-23 17:28:27 4071
原创 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 1128
原创 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 820 2
原创 节流函数
const debonce=function(func,timeout){ let time; return ()=>{ if(time){ clearTimeout(time) } time=setTimeout(function(){ func(); },timeout) }}
2021-05-10 17:03:02 50
原创 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 202 2
原创 2021-04-26
enum Sex{ MAN,WOMAN,WITHOUT}//booleanlet isflag:boolean=false;//这是let str:string='汉语'//这是numberlet count:number=0;//这是数组let array:Array<string>=['a'];//这是定义的泛型函数的泛型function getDate<T>(value:T):T { return value; }getDate&l..
2021-04-26 17:03:51 256
原创 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 73
转载 每天定时任务执行
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 94
转载 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 93
原创 Flutter定时器
_showTimer(context){ var timer; timer=Timer.periodic( Duration(milliseconds: 3000),(timer){ Navigator.pop(context); timer.cancel();//取消定时器 print('卦辞'); } ); }
2021-03-29 13:52:55 350
原创 Flutter修改侧边栏
child:UserAccountsDrawerHeader( accountName: Text('xxx'), accountEmail: Text('xxxx'), currentAccountPicture: CircleAvatar( backgroundImage: NetworkImage('https:/...
2021-03-26 17:17:45 117
原创 Flutter 配置Drawer抽屉
return Scaffold( drawer: Drawer( child: Text('hjhjsdahjfhdjshf'), ),);//在Scaffold的里面直接配置即可
2021-03-25 15:48:21 140
原创 Flutter 自定义Controller
// import 'dart:html';import 'package:flutter/material.dart';/** * 注意在这里必须要继承的有状态的组件以及 * 要混入一个别的组件SingleTickerProviderStateMixin剩下的必须要实例化一个TabController * */class TabBarsController extends StatefulWidget { @override _TabBarsControllerState.
2021-03-25 15:44:27 1751 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 455
原创 获取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 92
原创 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 1929
原创 微信小程序踩坑记
1.使用JSON.parse()的时候失败解决方案:将序列化后的字符串复制出来以后发现在最后的末尾多了一些别的符号利用字符串的截取掉即可2.小程序中保存照片到手机相册(代码示例)// pages/question/question.jsconst app = getApp()const { globalData} = app;Page({ /** * 页面的初始数据 */ data: { OrderUserInfo: { } },
2021-02-09 15:31:58 100
原创 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 242
原创 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 160
原创 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 320
原创 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 199
原创 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 49
原创 React生命周期中的componetWillReceiveProps的坑
1.注意:componetWillReceiveProps在你的子组件在第一次render的时候是不会执行这个函数的他只有在你的props是第二次的时候才能执行也就是第二次render的时候才可以执行该函数
2021-01-17 20:16:39 635
原创 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 215
原创 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 3706
转载 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 65
转载 数组循环分割
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 385
原创 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 442
原创 将嵌套数组变成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 175
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人