常见前端面试题
liuhongboke
这个作者很懒,什么都没留下…
展开
-
http状态码
HTTP状态码(HTTP Status Code) 是当我们访问网页服务器,服务器做出相应的状态的3位数的数字代码。主要包括“1xx”(消息)、“2xx”(成功)、“3xx”(重定向)、“4xx”(请求错误)和“5xx”或“6xx”(服务器错误)五种不同类型。比较常见的状态码有:HTTP: Status 200 – 服务器成功返回网页HTTP: Status 404 – 请求的网页不存在HTTP: Status 503 – 服务不可用一、“1xx”(消息)(临时响应):属于临时相应,代表所发出的原创 2021-08-18 00:38:04 · 3115 阅读 · 0 评论 -
谈谈对vue的理解
它同时具备angular和react的优点,轻量级,api简单,文档齐全,简单强大然后就是他的语法糖:语法糖是指在不影响功能的情况下, 添加某种方法实现同样的效果, 从而方便程序开发。v-if条件渲染(满足条件才会渲染)使用v-else-if 来做第二次匹配 使用v-else 的时候,在这个指令之前,必须要要有v-if,不需要条件参数v-show(所有DOM节点都会渲染,根据display控制节点显示与否)v-bind(用于绑定动态属性(可以绑定任意属性)v-on(在Dom上绑定事原创 2021-04-26 20:30:08 · 125 阅读 · 0 评论 -
css3新特性
css圆角属性:border-radiuscss阴影:Shadowcss3渐变效果background-image:-webkit-gradient(linear,0% 0%,100% 0%,from(#2A8BBE),to(#FE280E));这里 linear 表示线性渐变,从左到右,由蓝色(#2A8BBE)到红色(#FE280E)的渐变。css弹性盒子模型多列布局:multi-column layout动画特效:Animationtransfrom:用来向元素应用各种2D和3D转换,原创 2021-04-26 20:29:12 · 58 阅读 · 0 评论 -
webpack和gulp,打包过后的优缺点
gulpwebpack定位基于任务流的自动化打包工具模块化打包工具优点易于学习和理解, 适合多页面应用开发可以模块化的打包任何资源,适配任何模块系统,适合SPA单页应用的开发缺点不太适合单页或者自定义模块的开发学习成本低,配置复杂,通过babel编译后的js代码打包后体积过大...原创 2021-04-26 20:27:09 · 334 阅读 · 0 评论 -
layui相对其他的优点
是一款采用自身模块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS 的书写与组织形式,门槛极低,拿来即用。但是想用它,必须要按照他的规矩老干事,毕竟那人的手短,骚操作可以有,那也是规矩里的。优点:1、轻量级框架,简单易上手,并且UI简洁美观;2、适用于开发后端模式,它在服务端页面上有非常好的效果。缺点:1、layui框架还不太成熟,bug会比较多,也会有一些限制;2、容性也不强,尤其是在移动端;3、只适合小型项目。...原创 2021-04-26 20:25:42 · 1808 阅读 · 0 评论 -
flex的属性有哪些
1、常用的父级属性flex-direction :设置主轴的方向justify-content :设置主轴上的子元素排列方式flex-wrap :设置子元素是否换行align-content :设置侧轴上的子元素排列方式(多行)align-items :设置侧轴上的子元素排列方式(单行)flex-flow :复合属性,相当于同时设置了flex-direction和flex-wrap1.1、flex-direction 设置主轴的方向属性值 说明row 默认值从左到右row-reverse转载 2021-04-26 20:16:16 · 11649 阅读 · 0 评论 -
作用域链
函数可以嵌套函数,于是形成了作用域链1、作用域分为全局作用域和局部作用域,function会产生局部作用域,在全局环境中无法访问局部变量,局部环境内可以访问全局变量。若是函数中嵌套函数,嵌套的函数中还有函数,那么,这样就会形成作用域链。最内部的函数中的变量,会现在自身函数内找是否定义了改变量,若没定义,则向上一级函数中寻找,若上一级函数也没有定义,则继续向上寻找变量,直到全局环境,若还是没有找到,则报错。2、JS中每个函数或者变量都有其自它4身的作用域,作用域可以理解为他们的执行环境。每次调用函数的时原创 2021-04-26 20:14:40 · 134 阅读 · 0 评论 -
单页面和多页面开发
单页面:是指只有一个主页面的应用,浏览器一开始要加载所有必须的 html, js, css。所有的页面内容都包含在这个所谓的主页面中。但在写的时候,还是会分开写(页面片段),然后在交互的时候由路由程序动态载入。优点:-减小服务器压力。-增强用户体验,增加app的使用流畅性单页应用没有页面之间的切换,就不会出现“白屏现象”,也不会出现假死并有“闪烁”现象。-单页应用相对服务器压力小,服务器只用出数据就可以,不用管展示逻辑和页面合成,吞吐能力会提高几倍。-良好的前后端分离。后端不再负责模板渲染、输出原创 2021-04-26 20:12:47 · 646 阅读 · 0 评论 -
vue的生命周期
beforeCreate 创建之前 是指Vue组件实例对象被创建之前(能拿到数据 拿不到DOM节点created 创建之后 是指Vue组件实例对象(虚拟DOM对象)被创建之后(能拿到值,可以初始化数据,因为是undefind,能赋值但是会报错)如果要处理数据,可以在created生命周期处理beforMount 挂载之前 是指Vue组件(虚拟DOM节点)挂载到DOM树上,不能拿到dom节点mounted挂载之后【可使用dom节点:主要是用来做可视化节点(D3.js、highChart.js、ht.js原创 2021-04-25 17:07:36 · 230 阅读 · 0 评论 -
vue中的常用方法和属性
computed: computed是计算属性,也就是依赖其它的属性计算所得出最后的值。created: 在模板渲染成html前调用,即通常初始化某些属性值,然后再渲染成视图。mounted: 在模板渲染成html后调用,通常是初始化页面完成后,再对html的dom节点进行一些需要的操作。watch:监听属性,通过监听具体的值的变化,来执行对应的函数。methods: 基本事件方法执行。vue各方法之间的区别:computed与methods对比: 两者的效果都是一样的,但是 computed原创 2021-04-25 17:06:35 · 1480 阅读 · 0 评论 -
强制缓存和协商缓存
强制缓存就是直接从浏览器缓存查找该结果,并根据结果的缓存规则来决定是否使用该缓存的过程。协商缓存就是强制缓存失效后,浏览器携带缓存标识向服务器发起请求,有服务器根据缓存标识决定是否使用缓存的过程...原创 2021-04-25 17:04:53 · 84 阅读 · 0 评论 -
js的执行机制
js的事件机制和flash差不多,都是三个阶段:捕获(true 从上往下,从外往内)、目 标(target 点击谁目标就是谁)和冒泡(false 从下往上,从里往外)原创 2021-04-25 16:17:04 · 86 阅读 · 0 评论 -
宏任务和微任务
执行顺序:js 是单线程执行的,js中的任务按顺序一个一个的执行,但是一个任务耗时太长;那么后面的任务就需要等待,为了解决这种情况,将任务分为了同步任务和异步任务;而异步任务又可以分为微任务和宏任务:先是执行所有的同步任务,会在任务队列中取出可执行的异步任务,先将所有微任务执行完成后,才会执行宏任务,再去执行所有的微任务 ,直到循环完所有事件。宏任务一般是:由宿主环境发起的称为宏观任务包括整体代码script,setTimeout(定时器:setTimeout() 只执行 code 一次。如果原创 2021-04-25 16:15:53 · 578 阅读 · 0 评论 -
css3的新特性
css圆角属性:border-radiuscss阴影:Shadowcss3渐变效果background-image:-webkit-gradient(linear,0% 0%,100% 0%,from(#2A8BBE),to(#FE280E));这里 linear 表示线性渐变,从左到右,由蓝色(#2A8BBE)到红色(#FE280E)的渐变。css弹性盒子模型多列布局:multi-column layout动画特效:Animationtransfrom:用来向元素应用各种2D和3D转换,原创 2021-04-25 16:13:45 · 91 阅读 · 0 评论 -
什么是递归,可以解决那些问题
什么是递归,可以解决那些问题递归就是函数自己调用自己比如阶乘,也就是说求n可以先求n-1,以此类推,到1,这类问题都可以用递归解决,菲波拉锲数也可以递归。因为递归是总是调用自身解决问题,所以,必须有结束条件,否则会出问题,导致内存卡爆...原创 2021-04-25 16:04:59 · 1155 阅读 · 0 评论 -
flex的属性有哪些
1、常用的父级属性flex-direction :设置主轴的方向justify-content :设置主轴上的子元素排列方式flex-wrap :设置子元素是否换行align-content :设置侧轴上的子元素排列方式(多行)align-items :设置侧轴上的子元素排列方式(单行)flex-flow :复合属性,相当于同时设置了flex-direction和flex-wrap1.1、flex-direction 设置主轴的方向属性值 说明row 默认值从左到右row-reverse原创 2021-04-25 16:11:12 · 498 阅读 · 0 评论 -
vue当中key的作用
vue当中key的作用1、key是唯一标识符2、key的作用主要是为了更高效的对比虚拟DOM中的某个节点是否是相同节点。3、提高性能原创 2021-04-25 16:03:18 · 261 阅读 · 0 评论 -
对vue中打data函数的理解
这里是引用对vue中data函数的理解组件中的data写成一个函数,数据以函数返回值形式定义,这样每复用一次组件,就会返回一份新的data,类似于给每个组件实例创建一个私有的数据空间,让各个组件实例维护各自的数据。而单纯的写成对象形式,就使得所有组件实例共用了一份data,就会造成一个变了全都会变的结果。...原创 2021-04-25 15:44:26 · 121 阅读 · 0 评论 -
前端页面由那三层构成,分别是什么,作用是什么
网页分成三个层次,即:结构层、表示层、行为层在web前端页面中HTML属于结构层,负责描绘出内容的结构,CSS属于表示层,负责“如何显示有关内容”,JavaScript属于行为层,负责“内容应如何对事件做出反应,这是 Javascript 语言和 DOM 主宰的领域。”。...原创 2021-04-09 16:34:33 · 992 阅读 · 0 评论 -
HTML5有哪些新特性,移除了哪些元素?如何处理html5新标签的浏览器兼容问题?如何区分HTML和Html5?
新特性:1).拖拽释放(drag and drop)API2).语意化更好的内容标签(header,nav,footer,aside,article,section)3).音频,视频API(audio,video)4).画布(canvas)API5).地理(Geolocation)API6).本地离线存储localStorage长期存储数据,浏览器关闭后数据不会丢失;7).sessionStorage的数据在浏览器关闭后自动删除。8).表单控件,calendar,date,time,emai原创 2021-04-09 16:32:43 · 304 阅读 · 0 评论 -
什么是跨域,为什么产生跨域,有哪些解决跨域的方式
什么是跨域,有哪些解决方式:概念:跨域是由浏览器的同源策源产生的,是指页面请求的接口地址,必须与页面的url地址处于同域上(即域名、端口、协议相同)。这是为了防止某域名下面的接口,被其他域名下的网页非法调用,是浏览器对JavaScript施加的安全限制。跨域产生的原因:域名,端口,协议不同(不符合同源策略)解决方案:JSONP正向代理:对正向代理服务器进行配置,当获取非接口数据时,让代理服务器指向开发者本机的资源。当访问接口时,访问后端接口数据。反向代理:原理大体相同,但是处理的端不同,反向代理原创 2021-04-09 16:23:44 · 1279 阅读 · 0 评论