m0_50125215的博客

网页中有大量图片加载很慢 你有什么办法进行优化？1.图片懒加载，在图片未可视区域加一个滚动条事件，判断图片位置与浏 览器顶端和页面的距离，如果前者小鱼后者，优先加载2.使用图片预加载技术，将当前展示图片的前一张和后一张优先下载3.使用 csssprite 或者 svgsprite行内元素/块级元素有哪些？行内元素：相邻的行内元素会排列在同一行，不会独占一行 设置宽高无 效 span 块级元素：会独占一行 可以设置宽高等属性 div 可变元素：根据上下文预警决定该元素为块元素还是内联元

现在权限相关管理系统用的框架都是element提供的vue-element-admin模板框架比较常见。权限控制常见分为三大块菜单权限控制按钮权限控制请求url权限控制权限管理在后端中主要体现在对接口访问权限的控制，在前端中主要体现在对菜单访问权限的控制。按钮权限控制比较容易，主要采取的方式是从后端返回按钮的权限标识，然后在前端进行显隐操作 v-if / disabled。url权限控制，主要是后端代码来控制，前端只需要规范好格式即可。剩下的菜单权限控制，是相对复杂

借用构造函数实现继承function Parent1(){ this.name ="parent1"}function Child1(){Parent1.call(this); this.type ="child1";}缺点：Child1无法继承Parent1的原型对象，并没有真正的实现继承（部分继承）借用原型链实现继承function Parent2(){ this.name ="parent2"; this.play = [1,2,3];}funct

-------------基础--------------1、H5新特性：拖拽(抓取对象以后可以拖到另一个位置)data-属性语义化标签(header、footer、nav、aside等)视频音频(video、audio)canvas本地存储(localStorage、sessionStorage)等2、C3新特性：边框圆角box-sizingrgba颜色渐变过渡动画2D转换3D转换flex布局字体图标等3、三种存储方式对比：localStorage：长期存

vue 响应式原理以及双向绑定实现代码 ? ????vue3 响应式原理，有什么不同？vue 的 diff 算法思路，怎么对比节点？vue 的 compile 实现？????vue 如何自定义指令？具体的 api 写法？如何在vue2和vue3中自定义全局指令vue3 对于 vue2 在性能上的优化（从 compile 和 runtime 两方面）？react 有什么不同？了解 hooks 吗？...

vue转场动画主要通过vue中的提供的transition组件实现的，例如:<transition name=”名称”> <router-view></router-view></transition>其中name为转场的名称，自己定义，可通过定义进入和离开两种转场动画，格式为：.名称-enter ｛ ｝ //将要进入动画.名称-enter-active { } //定义进入的过程动画.名称-leave { }

防抖触发高频事件后n秒内函数只会执行一次，如果n秒内高频事件再次被触发，则重新计算时间思路：每次触发事件时都取消之前的延时调用方法function debounce(fn) { let timeout = null; // 创建一个标记用来存放定时器的返回值 return function () { clearTimeout(timeout); // 每当用户输入的时候把前一个 setTimeout clear 掉 timeout =

一、数据类型1. JavaScript有哪些数据类型，它们的区别？JavaScript共有八种数据类型，分别是 Undefined、Null、Boolean、Number、String、Object、Symbol、BigInt。其中 Symbol 和 BigInt 是ES6 中新增的数据类型：Symbol 代表创建后独一无二且不可变的数据类型，它主要是为了解决可能出现的全局变量冲突的问题。BigInt 是一种数字类型的数据，它可以表示任意精度格式的整数，使用 BigInt 可以安全地存储和操作大整

一、修饰符是什么在程序世界里，修饰符是用于限定类型以及类型成员的声明的一种符号在Vue中，修饰符处理了许多DOM事件的细节，让我们不再需要花大量的时间去处理这些烦恼的事情，而能有更多的精力专注于程序的逻辑处理vue中修饰符分为以下五种：表单修饰符事件修饰符鼠标按键修饰符键值修饰符v-bind修饰符二、修饰符的作用表单修饰符在我们填写表单的时候用得最多的是input标签，指令用得最多的是v-model关于表单的修饰符有如下：lazytrimnumberlazy在我们填

一、跨域是什么跨域本质是浏览器基于同源策略的一种安全手段同源策略（Sameoriginpolicy），是一种约定，它是浏览器最核心也最基本的安全功能所谓同源（即指在同一个域）具有以下三个相同点协议相同（protocol）主机相同（host）端口相同（port）反之非同源请求，也就是协议、端口、主机其中一项不相同的时候，这时候就会产生跨域一定要注意跨域是浏览器的限制，你用抓包工具抓取接口数据，是可以看到接口已经把数据返回回来了，只是浏览器的限制，你获取不到数据。用postman请求.

11.节点类型有哪些? 如何判断当前节点类型?12.事件委托13.自执行函数14.回调函数

技术原理题，题目真不难，答不好直接暴露的就是技术底层的短板！1.hash模式的实现原理2.history模式的实现原理3.history的问题4.简单实现Vue Router4.1 如何在install 方法中获取Vue 实例上的 router 属性4.2 如何触发更新...

一、概述JS中有六种简单数据类型：undefined、null、boolean、string、number、symbol，以及引用类型：object常见的类型转换有：强制转换（显示转换）自动转换（隐式转换）二、显示转换显示转换，常见的方法有：Number()parseInt()String()Boolean()Number()Number转换的时候是很严格的，只要有一个字符无法转成数值，整个字符串就会被转为NaN将任意类型的值转化为数值类型转换规则：Number.

01_vue_为什么学问题我们为什么学习Vue？答案我们为什么学习Vue？开发更快速，更高效企业开发都在使用前端工程师必备技能，高薪02_vue_是什么问题Vue是什么？什么是渐进式？什么是库和框架？答案Vue是什么？Vue是一个JavaScript渐进式框架什么是渐进式？渐进式就是按需逐渐集成功能什么是库和框架？库是方法的集合，而框架是一套拥有自己规则的语法03_vue_开发方式_学习方法问题我们在哪里书写Vue的代码？

List item

一、介绍传统的项目开发中，我们只会用到px、%、em这几个单位，它可以适用于大部分的项目开发，且拥有比较良好的兼容性从CSS3开始，浏览器对计量单位的支持又提升到了另外一个境界，新增了rem、vh、vw、vm等一些新的计量单位利用这些新的单位开发出比较良好的响应式页面，适应多种不同分辨率的终端，包括移动设备等二、单位在css单位中，可以分为长度单位、绝对单位，如下表所指示CSS单位相对长度单位 em、ex、ch、rem、vw、vh、vmin、vmax、%绝对长度单位 cm、mm、in、p.

JavaScript部分1、怎样添加、移除、移动、复制、创建和查找节点？1）创建新节点createDocumentFragment() //创建一个DOM片段createElement() //创建一个具体的元素createTextNode() //创建一个文本节点2）添加、移除、替换、插入appendChild() //添加removeChild() //移除replaceChild() //替换insertBefore() //插入3）查找getElementsBy

HTML/CSS部分1、什么是盒子模型？在网页中，一个元素占有空间的大小由几个部分构成，其中包括元素的内容（content），元素的内边距（padding），元素的边框（border），元素的外边距（margin）四个部分。这四个部分占有的空间中，有的部分可以显示相应的内容，而有的部分只用来分隔相邻的区域或区域。4个部分一起构成了css中元素的盒模型。** 2、行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？**行内元素：a、b、span、img、input、strong、sele

1.文本的溢出在日常开发展示页面，如果一段文本的数量过长，受制于元素宽度的因素，有可能不能完全显示，为了提高用户的使用体验，这个时候就需要我们把溢出的文本显示成省略号分成两种形式：单行文本溢出多行文本溢出2.实现方式2.1单行文本溢出省略理解也很简单，即文本在一行内显示，超出部分以省略号的形式展现实现方式也很简单，涉及的css属性有：text-overflow：规定当文本溢出时，显示省略符号来代表被修剪的文本white-space：设置文字在一行显示，不能换行overflow：.