前端工程师面试题(性能优化)

1. 性能优化11.1 页面重构怎么操作?网站重构:在不改变外部行为的前提下,简化结构、添加可读性,而在网站前端保持一致的行为。 也就是说是在不改变UI的情况下,对网站进行优化,在扩展的同时保持一致的UI。 对于传统的网站来说重构通常是: 表格(table)布局改为DIV+CSS 使网站前端兼...

2018-06-30 08:31:43

阅读数 1404

评论数 0

生动形象解释forEach、filter、map、some、every、find、findIndex、reduce间的区别

目录 农民:我要催熟(批量操作) 老板:我只要大土豆(筛选过滤) 商贩:你这有没有大的啊(有符合) 商贩:难道全都是大的吗(全符合) 顾客:给我个大土豆(返回一个符合的) 收银员:这土豆是仓库的第几个来着(返回序号) 老板:今年收成如何呀(递归累加) 总结 从最开始学的for循环...

2019-06-15 12:19:39

阅读数 5

评论数 0

JS-find、filter、forEach、map方法

js这四个方法不会对空数组进行检测,也不会改变原始数组 1.find()方法主要用来返回数组中符合条件的第一个元素(没有的话,返回undefined) //语法 array.find(function(value, index, arr),thisValue) var Array = [1,...

2019-06-15 11:47:58

阅读数 6

评论数 0

js日期格式与时间戳相互转换

1.将日期格式转化为时间戳: vardate =newDate('2018-06-08 18:00:00'); // 有三种方式获取 vartime1 = date.getTime(); vartime2 = date.valueOf(); vartime3 = Date.parse...

2019-06-12 21:45:53

阅读数 4

评论数 0

webpack的loader和plugin的区别

【Loader】:用于对模块源码的转换,loader描述了webpack如何处理非javascript模块,并且在buld中引入这些依赖。loader可以将文件从不同的语言(如TypeScript)转换为JavaScript,或者将内联图像转换为dataURL。比如说:CSS-Loader,Sty...

2019-03-02 10:19:46

阅读数 614

评论数 0

剖析Vue原理&实现双向绑定MVVM

              本文能帮你做什么? 1、了解vue的双向数据绑定原理以及核心代码模块 2、缓解好奇心的同时了解如何实现双向绑定 为了便于说明原理与实现,本文相关代码主要摘自vue源码, 并进行了简化改造,相对较简陋,并未考虑到数组的处理、数据的循环依赖等,也难免存在一些问题,欢迎大...

2019-02-23 12:43:14

阅读数 35

评论数 0

H5直播避坑指南

1. 自动播放问题 通过autoplay属性 视频的自动播放需要在video标签上添加autoplay属性, 如:  <video autoplay><video/> 但是在很多浏览器里,如...

2019-02-23 12:17:46

阅读数 30

评论数 0

vue中methods、watch、computed之间的差别对比以及适用场景

首先要说,methods,watch和computed都是以函数为基础的,但各自却都不同;  一、computer 当页面中有某些数据依赖其他数据进行变动的时候,可以使用计算属性。 <p id="app">  {...

2019-02-23 10:57:40

阅读数 22

评论数 0

如何解释vue的生命周期才能令面试官满意?

当面试官问:“谈谈你对vue的生命周期的理解”,听到这句话你是不是心里暗自窃喜:这也太容易了吧,不就是beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy、destroyed 这几个钩子函数么,创建=...

2018-12-20 17:50:03

阅读数 29

评论数 0

Vue中的生命周期回答让面试满意

vue里的生命周期是什么? vue实例从创建到销毁的过程称之为vue的生命周期 vue的生命周期各阶段都做了什么? beforeCreate 实例创建前:这个阶段实例的data、methods是读不到的 created 实例创建后:这个阶段已经完成了数据观测(data observer),属...

2018-12-20 17:47:44

阅读数 182

评论数 0

一句大白话搞清集群和分布式的概念和区别?

一、大白话解说,半分钟就懂,用生活中的例子来说明:   小饭店原来只有一个厨师,切菜洗菜备料炒菜全干。 后来客人多了,厨房一个厨师忙不过来,又请了个厨师,两个厨师都能炒一样的菜,两个厨师的关系是集群。 为了让厨师专心炒菜,把菜做到极致,再请了个配菜师负责切菜,备菜,备料 ...  厨师和配...

2018-12-07 11:36:27

阅读数 39

评论数 0

关于vue兼容IE11的问题解决

IE一直以来坑就多,那么vuex不兼容IE11怎么办 IE11没有内置promise,所以用不了vuex很正常。为了兼容,首先要安装一个库。 安装好之后在main.js中引入 然后在build中配置一下入口entry即可 ...

2018-11-29 22:43:25

阅读数 725

评论数 0

Vuex的五个核心属性的理解

Vuex的五个核心概念 本文参考自Vue文档,说的非常详细,建议看文档。 Vuex是什么? VueX 是一个专门为 Vue.js 应用设计的状态管理架构,统一管理和维护各个vue组件的可变化状态(你可以理解成 vue 组件里的某些 data )。 Vue有五个核心概念,state, get...

2018-09-28 11:24:56

阅读数 627

评论数 0

vue.js阻止事件冒泡和默认事件

首先我们来看原生JS取消事件冒泡方法: e.stopPropagation(); //非IE浏览器 window.event.cancelBubble = true; //IE浏览器 1 2 原生JS阻止默认事件方法: e.preventDefault(); //非I...

2018-08-18 14:26:20

阅读数 874

评论数 0

高并发解决方案之一 ——负载均衡

1.什么是负载均衡?         当一台服务器的性能达到极限时,我们可以使用服务器集群来提高网站的整体性能。那么,在服务器集群中,需要有一台服务器充当调度者的角色,用户的所有请求都会首先由它接收,调度者再根据每台服务器的负载情况将请求分配给某一台后端服务器去处理。 那么在这个过程中,调度者...

2018-08-16 10:03:56

阅读数 120

评论数 0

2018 vue前端面试题

1、active-class是哪个组件的属性?嵌套路由怎么定义? 答:vue-router模块的router-link组件。   2、怎么定义vue-router的动态路由?怎么获取传过来的动态参数?  答:在router目录下的index.js文件中,对path属性加上/:id。  使用rou...

2018-08-15 20:44:52

阅读数 88

评论数 0

传统 Ajax 已死,Fetch 永生

                                                                fetch和XMLHttpRequest 如果看网上的fetch教程,会首先对比XMLHttpRequest和fetch的优劣,然后引出一堆看了很快会忘记的内容(本人...

2018-08-12 15:44:27

阅读数 229

评论数 2

vue2.x饿了吗实战总结

vue2.x仿饿了么app项目总结 转自 https://blog.csdn.net/qq_39894133/article/details/78826450   仿饿了么app是基于vue2.x最新实战项目,用到的技术栈 vue2 + vue-router2 + vue-cli2+ a...

2018-08-11 10:52:02

阅读数 189

评论数 0

预处器的对比——Sass、LESS和Stylus

发挥CSS预处器的作用是一种很有挑战性的事情。CSS预处器有不同的语言,有不同的语法和功能。 在这篇文章中,我们将介绍三种不同CSS预处器的蛮量、功能以及他们的好处——Sass、LESS和Stylus 介绍 CSS预处理器是一种语言,用来编写一些CSS的特性,而且无需考虑浏览器兼容性的问题。...

2018-08-11 10:46:39

阅读数 53

评论数 0

vue跨域解决方法

vue项目中,前端与后台进行数据请求或者提交的时候,如果后台没有设置跨域,前端本地调试代码的时候就会报“No 'Access-Control-Allow-Origin' header is present on the requested resource.” 这种跨域错误。 要想本地正常的...

2018-08-11 10:45:03

阅读数 60

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭