面试练习
文章平均质量分 57
关于前端面试练习题目
初郁
愿你前程灿烂,愿你得偿所愿
展开
-
css单位 px em rem vw vh
pxpx(像素) 相对长度单位 相对于显示屏幕的分辨率而言emem 相对长度单位 相对于父元素的font-size,如果父元素字体尺寸未设置,则相对于浏览器默认字体尺寸em的值不固定,em会继承父元素字体大小remrem 相对长度单位 相对于html根元素的font-size计算长度单位,如果没有设置,就会以浏览器默认的字体大小,一般是16px优点是只需要设置根目录大小即可把整个页面成比例的调整,vw vhvw 相对视口的宽度 长度约等于视口宽度的1/100vh 相对视口的高度 长度约等原创 2021-10-13 11:41:13 · 236 阅读 · 0 评论 -
js数组去重
var arr=[1,2,3,4,5,6,2,3,7,8];var b=fn(arr);console.log(b);单层for循环去重 +(sort+splice)function fn(arr) { arr.sort(); for (var i=0;i<arr.length;i++){ if (arr[i]===arr[i+1]){ arr.splice(i,1); i--; } }r原创 2021-05-04 22:00:06 · 131 阅读 · 0 评论 -
常用的vue属性,方法,指令(787记忆法)
Vue的7种属性el绑定id,用来指示vue编译器从什么地方开始解析 vue的语法,可以说是一个占位符data用来组织从view中抽象出来的属性,可以说将视图的数据抽象出来存放在data中methods放置页面中的业务逻辑,js方法一般都放置在methods中computed定义计算属性的方法template用来设置模板,会替换页面元素,包括占位符watchwatch:function(new,old){ … }监听data中数据的变化,两个参数,一个返回新值,一个返回旧值ren原创 2021-05-01 11:42:43 · 475 阅读 · 0 评论 -
对vue的理解
vue 是一套用于构建用户界面的 自底向上增量开发的 渐进式的 基于MVVM的 框架。核心是关注视图层,解决数据绑定的问题。核心思想数据驱动:视图内容根据数据的改变而改变组件化:增加代码复用性,可维护性,可测试性,提高开发效率,方便重复使用,体现了高内聚,低耦合。个人理解由于vue是基于MVVM思想的双向绑定,让我们可以减少对dom元素的频繁操作,直接在数据层和视图层建立一种联系,方便使用。并且它通过组件化的方式,增加了代码的可复用性,可维护性,提高了开发效率。...原创 2021-05-01 10:54:03 · 1647 阅读 · 0 评论 -
MVVM思想
MVVM的设计理念是前端工程化的体现,使用数据绑定的架构,主要目的是分离视图和模型,让数据和页面建立联系。可以根据数据的变动,生成或者显示界面,也可以根据界面的操作,去更改数据。尽可能的用数据去驱动,使其从繁琐的DOM操作中解脱出来,将数据的变化直接去体现给用户,而不是先给DOM,再由DOM去操作显示。让后台从视图层脱离出来,专注于去操作逻辑和数据。优点低耦合:视图层独立于数据层的变化和修改,互不干扰。可复用:将一些视图逻辑放到vm里,让许多的view重复使用。独立开发:开发人员可专注于.原创 2021-05-01 10:21:23 · 977 阅读 · 1 评论 -
daocloud 一面-二面
一面知道哪几种布局方式flex布局有哪些属性react里的父子组件传值项目的合作模式项目中代码冲突git怎么解决说说简历里项目的功能怎样学前端的二面清除浮动的方式定位的属性值有哪些怎样脱离文档流说一下闭包es6的属性有哪些let,var,const的区别一般用哪些数据结构数组和链表的区别冒泡排序和快速排序是什么数据结构里的mapvue和react有什么区别对vue的理解vue的组件有哪些说一下vue中的watchv-show和v-if的区别-------原创 2021-04-05 17:27:14 · 504 阅读 · 2 评论 -
罗辑思维--得到App--一面
html相关h5的新增标签属性h5新增了一些语义化的标签,像header,footer,nav,aside,time,section,article,mark等;还有一些表单标签,像email,url,number,data pickers,range,search,color;以及video,audio,embed等媒体标签还有像detail(描述细节),summary(包含 details 元素的标题)之类的其他标签。h5新增了许多属性,比如表单里的placeholder,autofocus,f原创 2021-04-05 16:13:27 · 380 阅读 · 1 评论 -
css之BFC
文档流一般分为定位流,浮动流和普通流。BFC(Block Formatting Context)块级格式化上下文,是用于布局块级盒子的一块渲染区域。有其规定的渲染规则,决定了子元素如何布局,以及和其他元素之间的关系和作用。MDN上的解释:BFC是Web页面 CSS 视觉渲染的一部分,用于决定块盒子的布局及浮动相互影响范围的一个区域。注意:一个BFC的范围包含创建该上下文元素的所有子元素,但不包括创建了新BFC的子元素的内部元素。这从另一方角度说明,一个元素不能同时存在于两个BFC中。因为如果一个元素能够原创 2021-03-21 11:33:46 · 92 阅读 · 0 评论 -
图解http相关笔记
当在浏览器中输入url,根据url从web服务器端获取文件资源等信息,从而显示web页面。通常使用的网络是在TCP/IP协议族的基础上运作的,而http属于其内部的一个子集。TCP/IP协议按照层次分为:应用层,传输层,网络层,数据链路层应用层应用层决定了向用户提供应用服务时通信的活动。TCP/IP协议族内预存了各类通用的应用服务,如FTP(文件传输协议),DNS(域名系统)等。HTTP协议也处于该层。传输层传输层对上层应用层,提供处于网络连接中的两台计算机之间的数据传输。在传输层有两个性质不同原创 2021-03-18 16:05:14 · 161 阅读 · 0 评论 -
可继承的css属性
继承就是指子节点默认使用父节点的样式属性。简单来说,颜色,光标,声音,文字,字体间距行高对齐方式,和列表的样式可以继承。一、有继承性的属性1、字体系列属性font:组合字体font-family:规定元素的字体系列font-weight:设置字体的粗细font-size:设置字体的尺寸font-style:定义字体的风格font-variant:设置小型大写字母的字体显示文本,这意味着所有的小写字母均会被转换为大写,但是所有使用小型大写字体的字母与其余文本相比,其字体尺寸更小。font-原创 2021-03-14 09:14:46 · 88 阅读 · 0 评论 -
JavaScript 中 var let 和 const
let 和 const是es6当中新增的关键字。let 声明的变量只在 let 命令所在的代码块内有效。const 声明一个只读的常量,一旦声明,常量的值就不能改变。全局变量在函数外声明的变量作用域是全局的,其在js的任何部分都能访问。var a = "abcdef";//可以在这里使用a变量function myfunction(){ //也可以在这里使用a变量}局部变量在函数内声明的变量作用域是局部的。函数内使用 var 声明的变量只能在函数内容访问,如果不使用 var 则是全原创 2021-03-13 18:04:09 · 164 阅读 · 0 评论 -
css3新特性
圆角 border-radius阴影 box-shadow边框图片 border-image对文字加特效 text-shadow强制文本换行 word-wrap线性渐变 linear-gradient旋转,缩放,定位,倾斜:transform:rotate(90deg) scale(0.85,0.90) translate(0px,-30px) skew(-9deg,0deg)增加了更多的CSS选择器、多背景、rgba();在CSS3中唯一引入的伪元素是 ::selection ;媒体查原创 2021-03-13 10:09:15 · 56 阅读 · 0 评论 -
js数据类型
在JS中一共有六种数据类型* Null 空值* Undefined 未定义* String 字符串* Number 数值* Boolean 布尔值* Object 对象其中String Number Boolean Null Undefined属于基本数据类型 而Object属于引用数据类型Null表示一个为空的对象。null表示一个空对象指针,如果定义的变量准备在将来用于保存对象,那么最好将该变量初始化为null而不是其他值。U.原创 2021-03-12 16:20:41 · 74 阅读 · 0 评论 -
防抖与节流
防抖——触发高频事件后n 秒后函数只会执行一次,如果n 秒内高频事件再次被触发,则重新计算时间;function debounce(fn) { let timeout = null // 创建一个标记用来存放定时器的返回值 return function() { clearTimeout(timeout) // 每当用户输入的时候把前一个setTimeout clear 掉 timeout = setTimeout(() => { // 然后又创建一个新的setTimeout, 这原创 2021-03-11 21:26:06 · 58 阅读 · 0 评论 -
Object.prototype.toString.call() 、instanceof 、Array.isArray()判断数组
Object.prototype.toString.call()每一个继承 Object 的对象都有toString 方法,如果toString 方法没有重写的话,会返回[Object type],其中type 为对象的类型。但当除了Object 类型的对象外,其他类型直接使用toString 方法时,会直接返回都是内容的字符串,所以我们需要使用call 或者apply 方法来改变toString 方法的执行上下文。这种方法对于所有基本的数据类型都能进行判断,即使是null 和undefined 。O原创 2021-03-11 20:42:50 · 293 阅读 · 0 评论 -
重绘和回流
1. 浏览器渲染机制浏览器采用流式布局模型(Flow Based Layout)浏览器会把HTML 解析成DOM,把CSS 解析成CSSOM,DOM 和CSSOM 合并就产生了渲染树(Render Tree)。有了RenderTree,我们就知道了所有节点的样式,然后计算他们在页面上的大小和位置,最后把节点绘制到页面上。由于浏览器使用流式布局,对Render Tree 的计算通常只需要遍历一次就可以完成,但table 及其内部元素除外,他们可能需要多次计算,通常要花3 倍于同等元素的时间,这也是为什原创 2021-03-11 15:32:53 · 71 阅读 · 0 评论