1.property和attribute的区别是什么？

property是js属性，批改的是js对象；
attribute是html属性，用getAttribute和setAttribute对html属性进行查问和批改；
get和set attribute时会触发dom查问或重绘、重排，频繁操作会影响页面性能；

2.<img>能够做打点统计

将url设置为后端接口地址，每次进入页面就会加载图片，申请url，后端能够以此进行统计。

这种计划的长处：

跨域，<img>能规避同源策略；简直没有浏览器兼容问题；

毛病：

某些网站会屏蔽图片；

3.opacity和visibility

opacity: 0; 看不见摸得着
visibility: hidden; 看不见摸不着
所以要实现元素暗藏而且有动画成果时，须要两者配合应用。

.test {    opacity: 0;    visibility: hidden;    transition: opacity 0.3s, visibility 0.3s;    &.show {            visibility: visible;            opacity: 1;    }}

4.float的破坏性

float会使父标签呈现坍塌景象，起因是float会使元素脱离文档流，根本原因是float的设计初衷是解决文字盘绕图片的问题。
所有float元素的父容器都应该clearfix:

.clearfix:after{    content: '';    display: table;    clear: both;}.clearfix {    *zoom: 1; /*兼容低版本ie*/}

5.element-plus的分页组件el-pagination默认是英文

文案如何显示为中文？
办法1：适宜全副引入

import ElementPlus from 'element-plus'import zhCn from 'element-plus/es/locale/lang/zh-cn'app.use(ElementPlus, {    locale: zhCn})

办法2：适宜按需引入

import { ElPagniation } from 'element-plus'import lang from 'element-plus/lib/locale/lang/zh-cn'import { use as localeUse } from 'element-plus/lib/locale'localeUse(lang)app.use(ElPagniation)

办法3：适宜按需主动引入

<template>  <el-config-provider :locale="zhCn">    <router-view></router-view>  </el-config-provider></template>import { ElConfigProvider } from 'element-plus'import zhCn from 'element-plus/lib/locale/lang/zh-cn'

6.proxy绝对于defineProperty的长处

Object.defineProperty必须事后劫持属性，被劫持的属性能力被监听到。后增加的属性须要手动再次劫持。
proxy代理了整个对象，不必事后劫持，也不必在新增属性的时候手动劫持，在属性变动的时候通过get/set失去告诉。