这边如果是动态渲染的div，需要等dom渲染结束后。id存在了。再去设置this.scrollInt() 我这边的话。是在获取到list数据，dom判断是否有这个list数据后。再去执行的this.scrollInit(),也就是当tabs已经存在了。再去调用this.scrollInit(),原文作者是没有判断。他的dom的id存在。所以可以直接执行。根据需求修改即可。<div
前言有必要说明，这其实是一个很简单的功能，用原生实现也非常简单： #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阅读
一.项目要求1.要求：点击新增按钮弹出新增页面，在输入名称时进行验证，当输入名称和列表下的名称相同，即后台数据库中存在，此时将会提醒用户，该名称已存在， 2.要求：该名称不存在，则新增成功二.思路1.错误的思路 我刚开始的思路是，准备在点击新增页面中的确定按钮时进行验证，但此时会存在一个问题： ——点击确定时，已经调用了后台新增接口，此时新增的需要输入的表单数据已经传给后台，此时并不能做到验证名称
转载
2024-03-22 14:11:55
155阅读
【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
需求背景实现一个菜单权限控制，功能分解：后端返回完整菜单列表、该角色的菜单列表。前端递归该角色菜单列表，将所有菜单节点平铺，获得一个平铺的菜单节点id列表。使用Antd Vue Tree 渲染完整菜单列表(treeData)，选中的则为平铺的菜单节点id列表(checkedKeys)
问题Antd Vue Tree这个组件，使用关联状态(checkStrictly = true)，这个组件的机制是
转载
2024-03-22 06:02:21
378阅读
在vue中使用Better-Scroll，完成平滑滚动效果BScroll官方文档此博客参考于以上的官方文档，并加以vue的小Demo建立。引言、BetterScroll 是什么BetterScroll 是一款重点解决移动端（已支持 PC）各种滚动场景需求的插件。它的核心是借鉴的 iscroll 的实现，它的 API 设计基本兼容 iscroll，在 iscroll 的基础上又扩展了一些 featu
用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阅读
因项目需要，自己动手实现了一个下拉框组件，最近得空将控件独立出来开源上传到了Github和npm。Github地址（求Star 求Star 求Star ?）：https://github.com/sohobloo/react-native-modal-dropdownGithub上全英文的readme方便国际友人，这里就写个中文的吧。 react-native-mod
虚拟
滚动的实现等不及啦，跳转到全部代码前提虚拟
滚动是一种动态渲染页面元素的技术。当页面需要展示大量数据时（例如一万条），不能一次性将所有数据渲染到页面上，否则会导致性能问题。因此，需要采用虚拟
滚动技术，假装展示了全部数据，实际上只渲染了一部分。步骤首先，我们的网页的 HTML 结构如下：<div class="appbox" ref="appBox" @scroll="appBoxScrol
1. 介绍什么是虚拟滚动？虚拟滚动就是通过js控制大列表中的dom创建与销毁，只创建可视区域dom，非可视区域的dom不创建。这样在渲染大列表中的数据时，只创建少数的dom，提高性能。2. 分类在虚拟滚动技术中，虚拟滚动可以分为定高虚拟滚动和非定高虚拟滚动。定高指的是每一个列表元素都是高度固定的，非定高指的是每一个列表元素的高度是动态变化的。定高虚拟滚动的实现比较容易，而且性能高；非定高虚拟滚动的
转载
2024-07-13 08:50:22
247阅读
Collection├List│├LinkedList│├ArrayList│└Vector│ └Stack└SetMap├Hashtable├HashMap└WeakHashMapCollection接口 Collection是最基本的集合接口，一个Collection代表一组Object，即Collection的元素（Elements）。一些Collection允许相同的元素而另一些不行。一
Table 表格是我们平时在中后台系统中用到最多的组件之一了。在Ant Design Vue中，官方提供了一个Table 表格组件。我们先来介绍一下这个组件Table 表格组件https://vue.ant.design/components/table-cn基础用法 分页组件，部分字段高亮特殊显示等等。详细使用请查阅文档。筛选排序 当然也可以在列表上方做常规搜索，会在后面的S-Table组件中进
转载
2024-04-25 14:50:48
746阅读
现在前端面试中会有很多VUE的面试题，Vue框架部分小编整理了几个频率比较高的面试题，希望可以帮助到正在面试的你，没准下次的面试里就会出现这个题目哦，web前端面试中关于VUE的面试题(含答案) 1对 MVC、MVP 、MVVM 的理解MVC 模式的意思是，软件可以分成三个部分。视图(View)：用户界面。控制器(Controller)：业务逻辑。模型(Model)：数据保存。各部分之
页面如果想实现滚动效果，首先想到的是overflow：auto或者scroll属性，但是这样会出现滚动条，如果想实现滚动效果，有没有滚动条的话，那么推荐使用better-scroll插件。 一、安装 在package.json里面加入better-scroll的依赖，然后使用npm安装。 npm install better-scroll –save-dev 二、引入better-scro
ant.design 组件库中的 Tree 组件实现可搜索的树，在这里我会详细介绍每个方法，以及容易踩坑的点。效果图：首先是要导入的文件// React 自带的属性
import React, { useMemo, useState } from 'react';
// antd 组件库中的，输入框和树形控件
import { Input, Tree } from 'antd';
// ts
正确的创建合适的索引，是提升数据库查询性能的基础。在正式讲解之前，对后面举例中使用的表结构先简单看一下： create table user
(
id bigint not null comment 'id' primary key,
name varchar(200) null comment 'name',
age bigint
前言使用蚂蚁金服的ant-design-pro框架，毕竟也是刚开始学习React，刚从github拉下来有点懵，不明白那么多模块之间是如何调用的，数据如何和页面关联，伴随着这些疑问去学习了Redux，之后就觉得思路清晰多了，明白了整个项目内部的调用流程后，里面的模块就可以随意添加调整，所以个人觉得在使用ant-design-pro之前，前提是去学习一下Redux，这样整个思路都会清晰起来。扯皮的话
开发模式预览 demo在开发一个 ui 组件库时，肯定需要一边预览 demo，一边修改代码。常见的解决方案是像开发一般项目一样使用 webpack-dev-server 预览组件，比如通过 vue-cli 初始化项目，或者自己配置脚本。文艺一点儿地可能会用到 parcel 来简化 demo 的开发配置（比如 muse-ui）。展示文档作为一个 ui 组件库，也肯定要有自己的组件展示文档。一般业界常
转载
2024-03-04 17:08:29
99阅读
Ant Design Pro of Vue——蚂蚁金服中后台系统框架搭建Ant Design Pro of Vue下载安装启动步骤：一、Ant Design Pro of Vue 的介绍Ant Design Pro 是一个企业级中后台前端/设计解决方案，我们秉承 Ant Design 的设计价值观，致力于在设计规范和基础组件的基础上，继续向上构建，提炼出典型模板/业务组件/配套设计资源，进一步提升
转载
2024-04-26 11:08:13
259阅读
场景：在vue项目中文本超过三行展示省略号，并加上展开和收起的功能在处理多行文本时，经常会遇到各种各样的需求，比如至多展示三行，多余的部分不展示并以省略号结尾；又比如在这个基础上加上一个展开和收起的功能。同时UI的展示上还要求和文本本身的位置相对应。具体实现思路如下： 1、判断当前内容是否超过三行。此处可以给每行设置一个行高line-height,渲染完后超过三倍的行高即认为是内容超过了三行。
