1.line-height属性 解析:使用百分比设置行高: [1]normal:默认。设置合理的行间距。 [2]number:设置数字,此数字会与当前的字体尺寸相乘来设置行间距。 [3]length:设置固定的行间距。 [4]%:基于当前字体尺寸的百分比行间距。 [5]inherit:规定应该从父元素继承line-height属性的值。2.text-align-last属性 解析:规定如何对齐文本
转载 9月前
73阅读
windows10系统出来已经有5年的时间了,现在全球市场占有率已经达到了64%,已经远远超过了windows7的20%占有率。为什么这么多人喜欢用windows10系统呢?除了windows10系统可以从windows7免费升级外,更重要的是windows10系统给我们带来了众多的惊喜,尤其是下面这10个功能,最具有代表性。 一、虚拟桌面。win10系统提供了虚拟桌面功能,我们可以在
前言现如今移动设备分辨率不胜枚举,传统的标量图标要分别导出 1 倍图、2 倍图、3 倍图等以适应高分辩率设备。这无疑大大增加了设计师和客户端开发的工作量。矢量图以其无损缩放的优点,在图标方面有着极大的优势。Iconfont 是由阿里推出,功能强大且图标内容很丰富的矢量图标库,提供矢量图标下载、在线存储、格式转换等功能,几乎国内成了矢量图标库的事实标准。每个 Iconfont 项目都可以
首先,从二者的名字上可以看出区别:reserve(): serve 是“保留”的词根,所以是用来预留容量的,并不会改变容器的有效元素个数。即用reserve()开辟空间时,仅改变capacity大小,与size无关。resize(): size 是“大小”的意思,它主要用来调整容器有效元素的个数,有时候也会造成容量的改变。因此用resize()开辟空间时,会对增加的空间全部进行初始化,使得有效元素
转载 2024-04-09 10:27:58
62阅读
Vue中key值的作用首先v-for 在列表渲染时,我们可以用v-for基于一个数组来渲染一个列表。v-for指令需要使用item in arr形式的特殊语法来进行渲染列表,arr是源数据,<ul id="example-1"> <li v-for="item in arr" :key="item.id"> {{ item.message }} </l
转载 2024-04-04 18:45:09
153阅读
借用table组件会说一下父子组件的传值。子组件Table.vue,排名用index,并且自递增,标题的值和数据都是通过父组件传过来的。子组件通过props设置tabHeades:Array,tabDatas:Array接收iu父组件传过来的数组。<template> <li class="tab-wrapper"> <ul class="tab...
原创 2022-01-10 15:32:07
914阅读
对于一些应用或者游戏来说,只能支持某些屏幕大小的设备或者在某些设备中的效果比较好,我们就会使用<supports-screens>标签来指定支持的屏幕特征。其中比较重要的属性包括:屏幕自适应属性android:resizeable,小屏(android:smallScreens)、中屏(android:normalScreens)、大屏(android:largeScreens)和特大
适配方式适配方式有两种:将targetSdkVersion版本设置到API 24及以上;这个操作将会为<application> 标签隐式添加一个属性,android:resizeableActivity=“true”, 该属性的作用后面将详细说明。在 标签中增加属性:android:resizeableActivity=“false”,同时在节点下增加一个meta-data
转载 2023-07-09 16:10:52
371阅读
最终效果:<template> <div id="table"> <div class="add"> <input type=
原创 2023-01-03 15:01:32
122阅读
<script src="js/vue.js" type="text/javascript" charset="utf-8"></script> html <div id="app"> <!--频换切换建议用v-show,性能比v-if好--> <h3 v-show="tab == 1">首页</h ...
转载 2021-07-16 19:27:00
806阅读
2评论
尝试了多次,在customRender的函数中用不了this,用slot来代替解决了html:<a-table :colu
原创 2022-07-06 11:31:13
97阅读
【代码】Vue 3扩展el-table
原创 2024-09-05 09:55:07
50阅读
效果图: <template> <div> <a-button class="editable-add-btn" @click="handleAdd"> Add </a-button> <div> <a-table :columns="columns" :data-source="data" bor
原创 2022-09-20 12:02:32
883阅读
<a-table ref="table" size="middle" bordered rowKey="id" :columns="columns" :dataS
原创 2022-07-06 11:30:49
299阅读
在现代前端开发中,尤其是使用 Vue.js 创建动态应用时,数据表的展示往往是一个关键环节。随着数据量的增加,常规的表格显示方式会导致性能问题,如卡顿或崩溃。因此,“Vue Table 虚拟化”应运而生,它通过只渲染可见的表格部分来解决性能问题,进而提升用户体验。 > **用户原始反馈:** > “我们在使用 vue-table 时,数据量很大,导致页面加载非常慢,体验很差,希望有更高效的解决方
原创 6月前
53阅读
<template> <div class="table" style="overflow-y: auto; height:15em; width:100%"> //overflow-y控制y轴滚动 <table border="0" width="100%" height="16em" cellpadding="4.8" align="center">
vue拖拽介绍基本使用方法同HTML5w3school方法介绍draggable为了使元素可拖动,设置draggable=“true”默认情况下,图像、链接和被选中的文本是可以拖动的,因为它们的draggable自动设置为true应用于被拖动元素上的事件dragstart在被拖放的元素上触发该方法(按下鼠标拖动开始)drag触发dragstart事件后,随后触发drag事件(在元素拖动期间,持续触
转载 8月前
37阅读
需求描述在前端页面实现:根据输入的关键词,筛选指定数据等于关键词的数据行,并更新表格直接看总结基本思路在输入框中绑定input变量根据input值过滤原始数组;input为空则返回原始数组的副本;通过lodash插件实现防抖将得到的新数组赋予表格绑定的model对象方式 1——绑定按钮事件思路描述:将步骤2封装成查询方法,并将input作为参数传入,然后绑定到按钮的点击事件JS 实现:data()
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script> </head> <body> <div id="ap
转载 2021-07-04 16:07:00
182阅读
2评论
前言Vue结合ElementUI是一个流行的前端技术组合,用于快速开发和搭建桌面端的界面。以下是关于这个组合的详细介绍:组件库:ElementUI是基于Vue 2.x版本开发的一套组件库。它为开发者提供了一系列的预制组件,如布局、导航、输入框、选择器等,这些组件均已预先设计好样式并封装了常用功能,使得开发者能够高效地构建出整洁且风格一致的用户界面。技术栈:vue-element-admin是一个以
  • 1
  • 2
  • 3
  • 4
  • 5