ant.design 组件库中的 Tree 组件实现可搜索的树，在这里我会详细介绍每个方法，以及容易踩坑的点。效果图：首先是要导入的文件// React 自带的属性
import React, { useMemo, useState } from 'react';
// antd 组件库中的，输入框和树形控件
import { Input, Tree } from 'antd';
// ts
前言使用蚂蚁金服的ant-design-pro框架，毕竟也是刚开始学习React，刚从github拉下来有点懵，不明白那么多模块之间是如何调用的，数据如何和页面关联，伴随着这些疑问去学习了Redux，之后就觉得思路清晰多了，明白了整个项目内部的调用流程后，里面的模块就可以随意添加调整，所以个人觉得在使用ant-design-pro之前，前提是去学习一下Redux，这样整个思路都会清晰起来。扯皮的话
正确的创建合适的索引，是提升数据库查询性能的基础。在正式讲解之前，对后面举例中使用的表结构先简单看一下： create table user
(
id bigint not null comment 'id' primary key,
name varchar(200) null comment 'name',
age bigint
一.项目要求1.要求：点击新增按钮弹出新增页面，在输入名称时进行验证，当输入名称和列表下的名称相同，即后台数据库中存在，此时将会提醒用户，该名称已存在， 2.要求：该名称不存在，则新增成功二.思路1.错误的思路 我刚开始的思路是，准备在点击新增页面中的确定按钮时进行验证，但此时会存在一个问题： ——点击确定时，已经调用了后台新增接口，此时新增的需要输入的表单数据已经传给后台，此时并不能做到验证名称
转载
2024-03-22 14:11:55
155阅读
select下拉、TreeSelect树形选择模糊搜索 在使用ant design vue的下拉以及树形下拉的时候，因为需要使用到模糊查询，按照官网写的那样的话，达不到自己想要的效果，因此就换了一种写法，使效果达到想要的效果。1、Select下拉选择在使用组件的时候，如果想要使用查询的话，有一个属性一定要写上 因为需求是需要模糊查询的，并且在输入框输入的时候进行筛选，所以还需要再加一个属性 官方的
转载
2024-02-19 09:53:46
0阅读
【Vue】第一部分 Vue的基本知识记录自己学习Vue的一些笔记，如有错误希望大家能够指出来！！！ 文章目录【Vue】第一部分 Vue的基本知识1. Vue的基本知识1.1 Vue的使用1.2 插值语法1.3 v-bind（单向绑定）1.4 v-model（双向绑定）1.4.1 v-model和v-bind的区别1.4.2 v-model 简单小例子1.4.3 v-model 收集表单案例1.5
前言本文讲解 8 道高频出现的 Vue 面试题及答案。
复习前端面试的知识，是为了巩固前端的基础知识，最重要的还是平时的积累！
注意：文章的题与题之间用下划线分隔开，答案仅供参考。前端硬核面试专题的完整版在此：前端硬核面试专题，包含：HTML + CSS + JS + ES6 + Webpack + Vue + React + Node + HTTPS + 数据结构与算法 + Git 。
用vue脚手架搭建完成一个项目之后，用npm install ant-design-vue --save安装ant design vue **1、layout布局** 我用的是layout的布局，安装完成后，在main.js中配置一下 官方文档上用一个引入一个，而且还有报错。我就直接全部引入过来了import Vue from 'vue'
import App from './App.vue'
i
转载
2024-03-16 13:51:22
52阅读
需求背景实现一个菜单权限控制，功能分解：后端返回完整菜单列表、该角色的菜单列表。前端递归该角色菜单列表，将所有菜单节点平铺，获得一个平铺的菜单节点id列表。使用Antd Vue Tree 渲染完整菜单列表(treeData)，选中的则为平铺的菜单节点id列表(checkedKeys)
问题Antd Vue Tree这个组件，使用关联状态(checkStrictly = true)，这个组件的机制是
转载
2024-03-22 06:02:21
378阅读
这边如果是动态渲染的div，需要等dom渲染结束后。id存在了。再去设置this.scrollInt() 我这边的话。是在获取到list数据，dom判断是否有这个list数据后。再去执行的this.scrollInit(),也就是当tabs已经存在了。再去调用this.scrollInit(),原文作者是没有判断。他的dom的id存在。所以可以直接执行。根据需求修改即可。<div
Collection├List│├LinkedList│├ArrayList│└Vector│ └Stack└SetMap├Hashtable├HashMap└WeakHashMapCollection接口 Collection是最基本的集合接口，一个Collection代表一组Object，即Collection的元素（Elements）。一些Collection允许相同的元素而另一些不行。一
说是Angular.js+Bootstrap实现手风琴菜单，其实就是用了Bootstrap的样式而已。上一篇实现了表格+分页，接着学习实现的Demo。主要练习自定义指令，向指令中传递参数，老规矩先上效果图：<my-page ng-repeat="item in expanders" page-title="item.title">{{item.text
现在前端面试中会有很多VUE的面试题，Vue框架部分小编整理了几个频率比较高的面试题，希望可以帮助到正在面试的你，没准下次的面试里就会出现这个题目哦，web前端面试中关于VUE的面试题(含答案) 1对 MVC、MVP 、MVVM 的理解MVC 模式的意思是，软件可以分成三个部分。视图(View)：用户界面。控制器(Controller)：业务逻辑。模型(Model)：数据保存。各部分之
1. 介绍什么是虚拟滚动？虚拟滚动就是通过js控制大列表中的dom创建与销毁，只创建可视区域dom，非可视区域的dom不创建。这样在渲染大列表中的数据时，只创建少数的dom，提高性能。2. 分类在虚拟滚动技术中，虚拟滚动可以分为定高虚拟滚动和非定高虚拟滚动。定高指的是每一个列表元素都是高度固定的，非定高指的是每一个列表元素的高度是动态变化的。定高虚拟滚动的实现比较容易，而且性能高；非定高虚拟滚动的
转载
2024-07-13 08:50:22
247阅读
A.标题栏【1】标题栏的组成：[版本号] – [模块名称]-[文件名称]【2】如何将[版本号]修改为“自定义文字”1、 找到桌面UG软件图标，鼠标右键点击该图标，选择“打开文件位置”(部分系统在属性里)2、 找到指定位置：X:UGS7.5UGIImenus3、 在该目录下，找到ug_main.men文件，大概300~400kb，并用记事本打开4、 在内容中找到以下文字：CREATE UG_GATE
转载
2024-10-23 16:05:38
130阅读
前言有必要说明，这其实是一个很简单的功能，用原生实现也非常简单： #preview-zone {
overflow-y: auto;
overflow-x: hidden;
height: 90%;
width: 100%;
} overflow是CSS的原生属性，x和y分别代表水平和垂直方向的滚动条： CSS overflow ÊôÐÔwww.w3school.com.cn
转载
2024-09-06 15:59:47
229阅读
场景：在vue项目中文本超过三行展示省略号，并加上展开和收起的功能在处理多行文本时，经常会遇到各种各样的需求，比如至多展示三行，多余的部分不展示并以省略号结尾；又比如在这个基础上加上一个展开和收起的功能。同时UI的展示上还要求和文本本身的位置相对应。具体实现思路如下： 1、判断当前内容是否超过三行。此处可以给每行设置一个行高line-height,渲染完后超过三倍的行高即认为是内容超过了三行。
Ant Design Pro of Vue是蚂蚁金服开发的一套Vue前端框架，号称可以让开发人员轻松搭建企业级的前端项目。进入官网，选择开始使用，可以看到官网提示：你的本地环境需要安装 node 和 git。我们的技术栈基于 ES2015+、Vue.Js、Vuex、Vue-Router、g2 和 antd-vue，提前了解和学习这些知识会
转载
2024-05-09 11:03:29
432阅读
在项目中使用树形控件组件的时候，发现一个很奇葩的问题。目前还没搞明白什么情况...后端返回的树形数据 和 UI框架中示例的数据并没有看出有任何的不相符（除了字段不一致）。官网Tree组件:const treeData = [
{
title: 'parent 1',
key: '0-0',
children: [
{
title:
转载
2024-05-06 17:08:45
335阅读
第一部分： 前言 ant.design是基于react开发的一个解放ui和前端的工具，它提供了一致的设计方便我们快速开发和减少不必要的设计与代码，很多实用react框架的开发者都已经在使用ant.design了，且其在github上的star数也早已上万，足见其火热程度。 ant.design的目的也在于提高用户、开发者等多方的体验与幸福感。 ant.design设计很精妙，vue的iv
转载
2024-05-23 05:56:50
196阅读
