前端面试题(五)(Element-ui篇)建议收藏,持续更新中...
ElementUi是怎么做表单验证的?在循环里对每个input验证怎么做呢?
model 绑定表单数据,通过prop取表单数值,通过编写ref进行后台API验证 ,根据rules进行表单内容验证
你有二次封装过ElementUI组件吗?
popover + button 的组件,点击该按钮后还有个二次确认或选择的交互。
InfiniteScroll 封装个简单的带触底加载的列表
<template><el-inputplaceholder="价格"v-model="current":disabled="disabled":maxlength="8"@change="change"></el-input>
</template>
<script>
export default {props: {value: Number,disabled: Boolean},data() {return {current: ""};},watch: {value(val) {if (val > 0) {this.current = (val / 100).toFixed(2);} else {this.current = "";}}},created() {if (this.value > 0) {this.current = (this.value / 100).toFixed(2);} else {this.current = "";}},methods: {change() {let value = this.current * 100 || 0;this.current = (value / 100).toFixed(2);this.$emit("input", value.toFixed(0) * 1);}}
};
</script>
ElementUI怎么修改组件的默认样式?
方法一:/deep/
方法二:>>>
方法三:在外层添加一层div,设置自定义类名,再修改里边的样式, 格式.自定义类名 .需要修改的样式 {}。
ElementUI的穿梭组件如果数据量大会变卡怎么解决不卡的问题呢?
在 left-footer 的 slot 里面加个翻页组件,
并修改 filter-method 方法重绘穿梭机组件,
大概保持每页 50 条这样子。
ElementUI表格组件如何实现动态表头?
<template v-for="item in tableColownms"> <el-table-column v-if="item.type!='hidden'" :key="item.id" :prop="item.field" sortable :label="item.label"> </template>
ElementUI使用表格组件时有遇到过问题吗?
@isbase
Object.freeze
这算是一个性能优化的小技巧吧。在我们遇到一些 big data的业务场景,它就很有用了。尤其是做管理后台的时候,经常会有一些超大数据量的 table,或者一个含有 n 多数据的图表,这种数据量很大的东西使用起来最明显的感受就是卡。但其实很多时候其实这些数据其实并不需要响应式变化,这时候你就可以使用 Object.freeze 方法了,它可以冻结一个对象(注意它不并是 vue 特有的 api)。
当你把一个普通的 JavaScript 对象传给 Vue 实例的 data 选项,Vue 将遍历此对象所有的属性,并使用 Object.defineProperty 把这些属性全部转为 getter/setter,它们让 Vue 能进行追踪依赖,在属性被访问和修改时通知变化。
使用了 Object.freeze 之后,不仅可以减少 observer 的开销,还能减少不少内存开销。相关 issue。
使用方式:this.item = Object.freeze(Object.assign({}, this.item))
有阅读过ElementUI的源码吗?
读过, 公司封装自己的UI库的时候, 我都过很多UI库的源码, 比如element, iview, vuetifyjs, 等
项目中有使用过ElementUI吗?有遇到过哪些问题?它的使用场景主要是哪些?
当然是用过了 很多后台系统,都会是用vue结合上ElementUI来实现,很大程度上提高了开发效率;
遇到的问题:对于修改其默认样式需谨慎。
有用过哪些vue的ui?说说它们的优缺点?
个人认为iview比elementUI好看,elementUI在多级联动菜单有一个bug(父子value一样的时候不显示)
前端面试题(五)(Element-ui篇)建议收藏,持续更新中...相关推荐
- 前端面试题【element ui篇】之一:说一下element ui遇到过的坑
表单设置触发事件为blur,但是ctrl+A全选以后再删除时又触发了change事件,并提示一个原始报错 解决方案:trigger设置成 trigger: ['blur', 'change'] 使用e ...
- 前端面试题汇总大全(含答案)-- 持续更新
汇总了一些前端常见的面试题. 文章目录 一.HTML 篇 1. 简述一下你对 HTML 语义化的理解? 2. 标签上 title 与 alt 属性的区别是什么? 3. iframe的优缺点? 4. h ...
- 前端面试题之浏览器原理篇
前端面试题之浏览器原理篇 一.浏览器安全 1. 什么是 XSS 攻击? (1)概念 (2)攻击类型 2. 如何防御 XSS 攻击? 3. 什么是 CSRF 攻击? (1)概念 (2)攻击类型 4. 如 ...
- 我学习 Java 的历程和体会(写给新手看,欢迎老司机批评和建议,持续更新中)
我学习 Java 的历程和体会(写给新手看,欢迎老司机批评和建议,持续更新中) 最初写这篇文章的时候,是在今年的 9 月中旬.今天,我想再写写这将近两个多月以来的感受. 在今年的 10 月我来到北京求 ...
- 2020美团(开水团)面试题真题整理最新最全~持续更新中~~~
大家好我是好好学习天天编程的天天 一个整天在互联网上种菜和砍柴的程序员~ 如果我们每天关注互联网行业,也有心做程序员的话,我们可能进场会听到一些关键词:一东(时间单位),一度(市值单位,一个拼多多是几 ...
- promise的状态以及api介绍_2019年,盘点一些我出过的前端面试题以及对求职者的建议
笔者虽然曾经也面试过很多求职者,但是对于前端的笔试和面试,我觉得并不能体现一个人的真实能力,所以建议大家多修炼前端真正的技术.对于前端面试题,之前也承诺过读者要出一篇,笔者大致总结一下曾经面试的题目. ...
- 前端面试题整理 (ES6篇)
分享一个前端面试题库小程序 MST题宝库 1.es5和es6的区别,说一下你所知道的es6 ECMAScript5,即ES5,是ECMAScript的第五次修订,于2009年完成标准化 ECMA ...
- 前端面试题及答案---CSS篇
码字不易,有帮助的同学希望能关注一下我的微信公众号:Code程序人生,感谢!代码自用自取. CSS伪类与伪元素区别 伪类(pseudo-classes) 其核心就是用来选择DOM树之外的信息,不能够被 ...
- 最新前端面试题整理和答案(全)一直更新
最新前端面试题整理和答案(全) 参考地址:https://blog.csdn.net/wdlhao/article/details/79079660 javascript: JavaScript中如何 ...
- 2022年最新互联网大厂前端面试题及答案-前端工程必备技能(持续整理更新中【关注收藏不迷路】)
对于做前端的朋友,或者做了前端几年了,基础不好的,或者想进大厂的想了解深入,下面的知识点很多前端朋友都没有深入了解.很重要,看完有种茅塞顿开感觉,**关注+收藏哦,总有一天用的得.** 涉及到知识点: ...
最新文章
- 阿里云的一些奇怪问题及服务器配置
- linux下的mysql数据库大小写问题
- 测试MM32 MicroPython测试电路板的基本功能
- 「文末预告,注意查收」告别枯燥的理论,回归技术
- python 开放_Python
- 英语 四六级 学习网址
- Swoole安装make报错 因为php-config配错
- SCSS 实用知识汇总
- Java与C语言混合编程
- 80c51汇编语言指令格式中的非必须,求单片机答案
- c++使用unordered_map与map的区别
- java实训文献_java实训论文参考文献写作指导
- 方维直播源码无BUG修复最新版!
- 继杭州购房宝典后,Github上的这个程序员买房实用指南火了!
- Registry Workshop —— 强大的注册表编辑工具
- Mybatis源码学习笔记之Mybatis二级缓存
- 创业要素:如何推广自己的产品
- Arduino怎么设置中文版?
- 携程笔试__界面测试用例
- 2、JDK,JRE,JVM关系
热门文章
- grant on mysql_MySQL的GRANT命令(创建用户)
- 推荐一些好用的工具网站
- 以京东钱包为例产品经理如何给需求排序
- Leap Motion开发(三)Unity3D API总结
- JS对象转换为Number/String的内部原理 JS在浏览器中的运行环境
- 2018年第九届蓝桥杯 第二题:明码 (满分7分)
- mysql存储过程同步本地_python-gitlab自动同步mysql存储过程以及本地文件上传gitlab...
- C语言学习宝典下载,C语言学习宝典app下载-C语言学习宝典 v5.6.4 手机版 - 下载吧...
- 云服务器需要设置虚拟内存,云服务器需要设置虚拟内存
- Docker最详细的基本概念