- go 树形结构转为数组
zsd_666
Web前端golang算法开发语言
go树形结构转为数组菜单结构体typeMenuItemstruct{IDint`json:"id"`ParentIDint`json:"parent_id"`Namestring`json:"name"`Children[]*MenuItem`json:"children,omitempty"`//子节点列表}树形菜单转数组funcTreeToArray(root*MenuItem)[]MenuI
- angular 新语法糖学习一
延迟视图@defer是Angularv16引入的一项功能,用于优化组件的加载和渲染。它提供了一种延迟加载组件的方法,可以减少初始渲染时的开销,延迟加载(LazyLoading)主要是通过路由实现的。通过路由配置中的loadChildren属性,可以在需要时加载特定的模块。这种方式适合处理大型应用程序中的模块划分问题,但不能直接用于组件级别的延迟加载。随着angular的发展,在angularv16
- AttributeError: 'NoneType' object has no attribute 'children' 错误
cleverlovex
python
在运行嵩天老师python爬虫课中单元6中的实例“中国大学排名爬虫”会出现如下图错误:AttributeError:‘NoneType’objecthasnoattribute‘children’意思是‘NoneType’对象没有属性‘children’,这个错误说明’children’属性的对象soup是一个空类型,那就意味着soup=BeautifulSoup(html,‘html.parse
- el-tree展开收起等一系列操作(只展开一个节点,其他方法实现全部收起/展开只一个不同,还可以滚动到选中的节点位置)
codekjy
vue.js前端javascript
//accordion只展开一个节点data(){return{Data:[],selectId:null,defaultKeys:[],//默认展开那个defaultProps:{children:'children',label:'label'},}}methods:{handleNodeClick(data,node){//点击节点console.log(data,node)//this.h
- 记录一次项目上 构建tree的count的场景
前端
场景是这样:有一个tree和一个一维数组,他们有关系。行如下:tree[{id:1,parentId:null,children:[{id:2,parentId:1,children:[{id:3,parentId:2}]}]}]一维数组:[{id:2,name:'zj'},{id:2,name:'qinghua'},{id:3,name:'ddd'}]需要在tree节点上构建count数,逻辑如
- 多级数组Tree如何做搜索
前端tree算法递归
两种方案1、数组打平,根据搜索字符在打平数组里去filter出满足条件的node节点,但此时被筛选的节点只有子节点,然后再通过被筛选出的子节点去找对应的父节点,然后拿到结果后转成tree结构优点:思路简单,打平数组用了递归,好理解缺点:找父节点的时候相对麻烦。2、写一个递归算法,满足条件就返回tree比如有一个简单个treeconsttreeData=[{title:'a',children:[{
- qt 动态添加控件(删除子控件)
码农客栈_V13427279549
Qtqt
需求:当点击某控件,界面能添加指定控件。解决方案:首先删除原来界面下的子控件QListbtns=this->scrollArea->findChildren();//可根据自己的需要更改控件foreach(QPushButton*btn,btns){deletebtn;}然后再重新初始化界面,将新增的控件添加上来便可。
- TreeSelect 树形选择卡顿优化
随便的名字
vuejavascript前端开发语言
//通过懒加载处理优化//isLeaf必须在定义一下不然最后一级还可以点击constprops={label:"std_org_name",value:"std_org_code",isLeaf:'isLeaf',children:"children"};constlist=[{std_org_name:11,std_org_code:11,children:[{std_org_name:22,s
- 嵌套路由的踩坑点
yi碗吃不够
javascript前端vue.js
嵌套路由的踩坑点constrouter=createRouter({history:createWebHistory(import.meta.env.BASE_URL),routes:[{path:'/push',name:'push',meta:{isHidden:true,title:'添加文件',},component:test,children:[{//错误点:这里的路径应该是相对路径pu
- 图论- DFS/BFS遍历
左灯右行的爱情
图论深度优先宽度优先
DFS/BFS遍历深度优先搜素(DFS)Vertex模版-遍历所有节点为什么成环会导致死循环呢临接矩阵和临接表版-遍历所有节点遍历所有路径-临接矩阵和临接表版广度优先搜索(BFS)不记录遍历步数的需要记录遍历步数的需要适配不同权重边的深度优先搜素(DFS)Vertex模版-遍历所有节点//多叉树节点classNode{intval;Listchildren;}//多叉树的遍历框架voidtrave
- JavaScript 开发秘籍:日常总结与实战技巧-2
链判断运算符letarr=null;if(arr?.length>0){//'数组'}else{//'非数组'}leta=arr?.length>0;//a=falseletlist=[{children:[]},{children:[1,2,3]}]//先判断children存在才能调用length函数,否则报错,一般这么写if(obj[0].children&&obj[0].children.
- 聚合与组合
JKooky
聚合与组合聚合概念简述代码例子组合概念简述代码例子聚合概念简述聚合是关联关系的一种特殊形式,代表了两个对象之间的归属关系。他体现的是整体与部分、拥有的关系,即has-a的关系。所有者对象称为聚合对象,它的类成为聚合类。而从属对象称为被聚合对象,它的类称为被聚合对象。代码例子publicclassFamily{privateListchildren;//一个家庭里有许多孩子//...}在代码层面,聚
- 解析csv文件转为自己想要的报文格式
码码届神码
java算法数据结构
解析第一版注意文件编码格式为utf-8,且文件用记事本打开最后没有空出来的行。文件名称分隔符.需要转义。//第一层@DatapublicclassAddi0{privateStringname;privateStringcode;privateListchildren;}//第二层@DatapublicclassAddi1{privateStringname;privateStringcode;p
- js 实现递归替换多级数据中的键
猫九森
javascript前端vue.js
functiontransformData(data:any){returndata.map((item:any)=>{consttransformedItem={//将原始数据也全部存储进去呀...item,key:item.permission_id,title:item.permission_name,//判断有没有子集如果有就重复调用children:item.children?trans
- 若依路由配置教程
yqj234
java前端服务器
1.路由配置文件2.配置内容介绍{path:"/tool/gen-edit",component:Layout,//在路由下,引用组件的名称,在页面中包括这个组件的内容(页面框架内容)hidden:true,//此页面的内容,在左边的菜单中不用显示。children:[{path:"index",//子路径,拼接在父路径后面的内容(/tool/gen-edit/index)component:(r
- VUE之参数传递
三日沐水
vuevue.js前端javascript
1、嵌套路由路由嵌套children里面的path属性不加/杠,可以参考如下代码:>>router/index.ts//创建一个路由器,并暴露出去//第一步:引入createRouterimport{createRouter,createWebHistory,createWebHashHistory}from'vue-router'//引入一个个可能呈现组件importHomefrom'@/pag
- el-menu无限递归组件完美版本
Mr.Meng_95
项目vue
el-menu无限递归组件完美版本备注:修复菜单和子菜单高亮问题,及刷新后被点击子菜单依旧打开的bug效果代码index.vue(递归组件)importMenuSunfrom'../components/menutree.vue'exportdefault{components:{MenuSun},data(){return{menuList:[{name:'一组',id:'1',children
- ES DSL学习
摘抄一篇关于ESDSL相关的文章QueryDSL查询所有数据GET/music/children/_search{"query":{"match_all":{}}}带条件+排序GET/music/children/_search{"query":{"match":{"name":"gymbo"}},"sort":[{"length":"desc"}]}分页查询,size从0开始,下面取第10条到1
- ansible自动化运维
YJLZ0821
运维ansible自动化
一、基础配置1.主配置文件:/etc/ansible/ansible.cfg2.主要清单文件/etc/ansible/hosts[webserver1]192.168.89.140|ansible-web1#需要做域名解析[webserver2]192.168.89.141|ansible-web2[weball:children]webserver1webserver2[weball:vars]
- Element table 表头吸顶效果(适用于表头无fixed属性使用)
阳光的男夹克
Vue2javascript开发语言ecmascript
在main.js自定义sticky指令Vue.directive('sticky',{//当被绑定的元素插入到DOM中时……inserted(el,binding){//获取表格constthead=el.children[1]consttbody=el.children[2]//获取滚动元素constscrollParent=document.querySelector(binding.valu
- el-tree,父节点的复选框不显示
timoingff
前端javascripthtml
对父节点的选择框禁用关键代码:computed:{defaultProps(){return{children:'children',label:'label',disabled:(data,node)=>{//isDir-判断是否为父节点returndata&&data.isDir}}}}//取消禁用样式/deep/[aria-disabled=true]>.el-tree-node__cont
- QT笔记——实现窗体自适应
lion_cxq
QTqt
我们想要所有的控件都随窗口的大小改变而改变。第一种方法:思路:1.我们需要获取到所有的控件m_Widget=this->findChildren(QString(),Qt::FindDirectChildrenOnly);2.我们需要知道所有控件的位置以及大小3.重写resizeEvent事件protected:voidresizeEvent(QResizeEvent*event);4.获取主窗口
- element ui, el-tree, 自定义图标
四喜花露水
Vue前端javascriptelementuivue.js
template{{node.label}}datatreeData:[{id:'',label:'全部',level:'1',children:[{id:'201',label:'一级',level:'2',children:[{id:'2011',label:'二级',level:'3'},{id:'2012',label:'二级',level:'3'},{id:'2013',label:'二
- Flutter 封装AppBar
Spy97
Flutterflutter
在微信中,有4项:聊天、联系人、发现、我的其中前3项的appbar相同“我的”一项没有appbar,所以要对其进行封装import'package:flutter/material.dart';_popupMenuItem(Stringtitle,IconDataicon){returnPopupMenuItem(child:Row(children:[Padding(child:Icon(ico
- 【Day23 LeetCode】贪心算法题
银河梦想家
leetcode贪心算法
一、贪心算法贪心没有套路,只有碰运气(bushi),举反例看看是否可行,(运气好)刚好贪心策略的局部最优就是全局最优。1、分发饼干455思路:按照孩子的胃口从小到大的顺序依次满足每个孩子,对于每个孩子,应该选择可以满足这个孩子的胃口且尺寸最小的饼干classSolution{public:intfindContentChildren(vector&g,vector&s){sort(g.begin(
- React18中各种Hooks用法总结( 内附案例讲解)
我叫汪枫
javascriptreact.js前端
React中各种Hooks用法总结内附案例讲解一、useStateuseState是一个ReactHook,它允许你向组件添加一个状态变量。importReact,{FC,memo,useState}from'react'import{MainContainer}from'./style'interfaceIProps{children?:React.ReactNode}constMain:FC=
- VUE+ Element-plus , el-tree 修改默认左侧三角图标,并使没有子级的那一项不展示图标
Jane - UTS 数据传输系统
vue.jsjavascriptelementui
exportdefault{data(){return{data:[{label:'Parent1',children:[{label:'Child1-1'},{label:'Child1-2'}]},{label:'Parent2'},{label:'Parent3',children:[{label:'Child3-1'}]}],defaultProps:{children:'children
- Java 文件流操作
howeres
javaIO
文件操作删除文件夹#准备文件夹mkdir-pparent/children默认的File#delete方法,在还有子文件夹时,会返回false删除失败(当然,文件被占用无法删除,也会返回false)//1.JDK8的删除方法carefulNoSuchFileExceptioninFiles#walktry(Streamwalk=Files.walk(Paths.get("parent/childr
- angular 新语法糖学习一
延迟视图@defer是Angularv16引入的一项功能,用于优化组件的加载和渲染。它提供了一种延迟加载组件的方法,可以减少初始渲染时的开销,延迟加载(LazyLoading)主要是通过路由实现的。通过路由配置中的loadChildren属性,可以在需要时加载特定的模块。这种方式适合处理大型应用程序中的模块划分问题,但不能直接用于组件级别的延迟加载。随着angular的发展,在angularv16
- el-tree树结构在名称后面添加其他文字
风吹头皮凉
vue.jsjavascript前端
//在el-tree中使用render-content插槽来展示文件大小exportdefault{data(){return{treeData:{loading:false,data:[{id:1,name:'文件1',fileSize:391055,fileCount:1,children:[]},//更多节点数据...]},defaultProps:{children:'children',
- Nginx负载均衡
510888780
nginx应用服务器
Nginx负载均衡一些基础知识:
nginx 的 upstream目前支持 4 种方式的分配
1)、轮询(默认)
每个请求按时间顺序逐一分配到不同的后端服务器,如果后端服务器down掉,能自动剔除。
2)、weight
指定轮询几率,weight和访问比率成正比
- RedHat 6.4 安装 rabbitmq
bylijinnan
erlangrabbitmqredhat
在 linux 下安装软件就是折腾,首先是测试机不能上外网要找运维开通,开通后发现测试机的 yum 不能使用于是又要配置 yum 源,最后安装 rabbitmq 时也尝试了两种方法最后才安装成功
机器版本:
[root@redhat1 rabbitmq]# lsb_release
LSB Version: :base-4.0-amd64:base-4.0-noarch:core
- FilenameUtils工具类
eksliang
FilenameUtilscommon-io
转载请出自出处:http://eksliang.iteye.com/blog/2217081 一、概述
这是一个Java操作文件的常用库,是Apache对java的IO包的封装,这里面有两个非常核心的类FilenameUtils跟FileUtils,其中FilenameUtils是对文件名操作的封装;FileUtils是文件封装,开发中对文件的操作,几乎都可以在这个框架里面找到。 非常的好用。
- xml文件解析SAX
不懂事的小屁孩
xml
xml文件解析:xml文件解析有四种方式,
1.DOM生成和解析XML文档(SAX是基于事件流的解析)
2.SAX生成和解析XML文档(基于XML文档树结构的解析)
3.DOM4J生成和解析XML文档
4.JDOM生成和解析XML
本文章用第一种方法进行解析,使用android常用的DefaultHandler
import org.xml.sax.Attributes;
- 通过定时任务执行mysql的定期删除和新建分区,此处是按日分区
酷的飞上天空
mysql
使用python脚本作为命令脚本,linux的定时任务来每天定时执行
#!/usr/bin/python
# -*- coding: utf8 -*-
import pymysql
import datetime
import calendar
#要分区的表
table_name = 'my_table'
#连接数据库的信息
host,user,passwd,db =
- 如何搭建数据湖架构?听听专家的意见
蓝儿唯美
架构
Edo Interactive在几年前遇到一个大问题:公司使用交易数据来帮助零售商和餐馆进行个性化促销,但其数据仓库没有足够时间去处理所有的信用卡和借记卡交易数据
“我们要花费27小时来处理每日的数据量,”Edo主管基础设施和信息系统的高级副总裁Tim Garnto说道:“所以在2013年,我们放弃了现有的基于PostgreSQL的关系型数据库系统,使用了Hadoop集群作为公司的数
- spring学习——控制反转与依赖注入
a-john
spring
控制反转(Inversion of Control,英文缩写为IoC)是一个重要的面向对象编程的法则来削减计算机程序的耦合问题,也是轻量级的Spring框架的核心。 控制反转一般分为两种类型,依赖注入(Dependency Injection,简称DI)和依赖查找(Dependency Lookup)。依赖注入应用比较广泛。
- 用spool+unixshell生成文本文件的方法
aijuans
xshell
例如我们把scott.dept表生成文本文件的语句写成dept.sql,内容如下:
set pages 50000;
set lines 200;
set trims on;
set heading off;
spool /oracle_backup/log/test/dept.lst;
select deptno||','||dname||','||loc
- 1、基础--名词解析(OOA/OOD/OOP)
asia007
学习基础知识
OOA:Object-Oriented Analysis(面向对象分析方法)
是在一个系统的开发过程中进行了系统业务调查以后,按照面向对象的思想来分析问题。OOA与结构化分析有较大的区别。OOA所强调的是在系统调查资料的基础上,针对OO方法所需要的素材进行的归类分析和整理,而不是对管理业务现状和方法的分析。
OOA(面向对象的分析)模型由5个层次(主题层、对象类层、结构层、属性层和服务层)
- 浅谈java转成json编码格式技术
百合不是茶
json编码java转成json编码
json编码;是一个轻量级的数据存储和传输的语言
在java中需要引入json相关的包,引包方式在工程的lib下就可以了
JSON与JAVA数据的转换(JSON 即 JavaScript Object Natation,它是一种轻量级的数据交换格式,非
常适合于服务器与 JavaScript 之间的数据的交
- web.xml之Spring配置(基于Spring+Struts+Ibatis)
bijian1013
javaweb.xmlSSIspring配置
指定Spring配置文件位置
<context-param>
<param-name>contextConfigLocation</param-name>
<param-value>
/WEB-INF/spring-dao-bean.xml,/WEB-INF/spring-resources.xml,
/WEB-INF/
- Installing SonarQube(Fail to download libraries from server)
sunjing
InstallSonar
1. Download and unzip the SonarQube distribution
2. Starting the Web Server
The default port is "9000" and the context path is "/". These values can be changed in &l
- 【MongoDB学习笔记十一】Mongo副本集基本的增删查
bit1129
mongodb
一、创建复本集
假设mongod,mongo已经配置在系统路径变量上,启动三个命令行窗口,分别执行如下命令:
mongod --port 27017 --dbpath data1 --replSet rs0
mongod --port 27018 --dbpath data2 --replSet rs0
mongod --port 27019 -
- Anychart图表系列二之执行Flash和HTML5渲染
白糖_
Flash
今天介绍Anychart的Flash和HTML5渲染功能
HTML5
Anychart从6.0第一个版本起,已经逐渐开始支持各种图的HTML5渲染效果了,也就是说即使你没有安装Flash插件,只要浏览器支持HTML5,也能看到Anychart的图形(不过这些是需要做一些配置的)。
这里要提醒下大家,Anychart6.0版本对HTML5的支持还不算很成熟,目前还处于
- Laravel版本更新异常4.2.8-> 4.2.9 Declaration of ... CompilerEngine ... should be compa
bozch
laravel
昨天在为了把laravel升级到最新的版本,突然之间就出现了如下错误:
ErrorException thrown with message "Declaration of Illuminate\View\Engines\CompilerEngine::handleViewException() should be compatible with Illuminate\View\Eng
- 编程之美-NIM游戏分析-石头总数为奇数时如何保证先动手者必胜
bylijinnan
编程之美
import java.util.Arrays;
import java.util.Random;
public class Nim {
/**编程之美 NIM游戏分析
问题:
有N块石头和两个玩家A和B,玩家A先将石头随机分成若干堆,然后按照BABA...的顺序不断轮流取石头,
能将剩下的石头一次取光的玩家获胜,每次取石头时,每个玩家只能从若干堆石头中任选一堆,
- lunce创建索引及简单查询
chengxuyuancsdn
查询创建索引lunce
import java.io.File;
import java.io.IOException;
import org.apache.lucene.analysis.Analyzer;
import org.apache.lucene.analysis.standard.StandardAnalyzer;
import org.apache.lucene.document.Docume
- [IT与投资]坚持独立自主的研究核心技术
comsci
it
和别人合作开发某项产品....如果互相之间的技术水平不同,那么这种合作很难进行,一般都会成为强者控制弱者的方法和手段.....
所以弱者,在遇到技术难题的时候,最好不要一开始就去寻求强者的帮助,因为在我们这颗星球上,生物都有一种控制其
- flashback transaction闪回事务查询
daizj
oraclesql闪回事务
闪回事务查询有别于闪回查询的特点有以下3个:
(1)其正常工作不但需要利用撤销数据,还需要事先启用最小补充日志。
(2)返回的结果不是以前的“旧”数据,而是能够将当前数据修改为以前的样子的撤销SQL(Undo SQL)语句。
(3)集中地在名为flashback_transaction_query表上查询,而不是在各个表上通过“as of”或“vers
- Java I/O之FilenameFilter类列举出指定路径下某个扩展名的文件
游其是你
FilenameFilter
这是一个FilenameFilter类用法的例子,实现的列举出“c:\\folder“路径下所有以“.jpg”扩展名的文件。 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28
- C语言学习五函数,函数的前置声明以及如何在软件开发中合理的设计函数来解决实际问题
dcj3sjt126com
c
# include <stdio.h>
int f(void) //括号中的void表示该函数不能接受数据,int表示返回的类型为int类型
{
return 10; //向主调函数返回10
}
void g(void) //函数名前面的void表示该函数没有返回值
{
//return 10; //error 与第8行行首的void相矛盾
}
in
- 今天在测试环境使用yum安装,遇到一个问题: Error: Cannot retrieve metalink for repository: epel. Pl
dcj3sjt126com
centos
今天在测试环境使用yum安装,遇到一个问题:
Error: Cannot retrieve metalink for repository: epel. Please verify its path and try again
处理很简单,修改文件“/etc/yum.repos.d/epel.repo”, 将baseurl的注释取消, mirrorlist注释掉。即可。
&n
- 单例模式
shuizhaosi888
单例模式
单例模式 懒汉式
public class RunMain {
/**
* 私有构造
*/
private RunMain() {
}
/**
* 内部类,用于占位,只有
*/
private static class SingletonRunMain {
priv
- Spring Security(09)——Filter
234390216
Spring Security
Filter
目录
1.1 Filter顺序
1.2 添加Filter到FilterChain
1.3 DelegatingFilterProxy
1.4 FilterChainProxy
1.5
- 公司项目NODEJS实践0.1
逐行分析JS源代码
mongodbnginxubuntunodejs
一、前言
前端如何独立用nodeJs实现一个简单的注册、登录功能,是不是只用nodejs+sql就可以了?其实是可以实现,但离实际应用还有距离,那要怎么做才是实际可用的。
网上有很多nod
- java.lang.Math
liuhaibo_ljf
javaMathlang
System.out.println(Math.PI);
System.out.println(Math.abs(1.2));
System.out.println(Math.abs(1.2));
System.out.println(Math.abs(1));
System.out.println(Math.abs(111111111));
System.out.println(Mat
- linux下时间同步
nonobaba
ntp
今天在linux下做hbase集群的时候,发现hmaster启动成功了,但是用hbase命令进入shell的时候报了一个错误 PleaseHoldException: Master is initializing,查看了日志,大致意思是说master和slave时间不同步,没办法,只好找一种手动同步一下,后来发现一共部署了10来台机器,手动同步偏差又比较大,所以还是从网上找现成的解决方
- ZooKeeper3.4.6的集群部署
roadrunners
zookeeper集群部署
ZooKeeper是Apache的一个开源项目,在分布式服务中应用比较广泛。它主要用来解决分布式应用中经常遇到的一些数据管理问题,如:统一命名服务、状态同步、集群管理、配置文件管理、同步锁、队列等。这里主要讲集群中ZooKeeper的部署。
1、准备工作
我们准备3台机器做ZooKeeper集群,分别在3台机器上创建ZooKeeper需要的目录。
数据存储目录
- Java高效读取大文件
tomcat_oracle
java
读取文件行的标准方式是在内存中读取,Guava 和Apache Commons IO都提供了如下所示快速读取文件行的方法: Files.readLines(new File(path), Charsets.UTF_8); FileUtils.readLines(new File(path)); 这种方法带来的问题是文件的所有行都被存放在内存中,当文件足够大时很快就会导致
- 微信支付api返回的xml转换为Map的方法
xu3508620
xmlmap微信api
举例如下:
<xml>
<return_code><![CDATA[SUCCESS]]></return_code>
<return_msg><![CDATA[OK]]></return_msg>
<appid><