- 博客(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
转载 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
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人