面试官:自己搭建过vue开发环境吗?

开篇 前段时间,看到群里一些小伙伴面试的时候被面试官问到这类题目。平时大家开发vue项目的时候,相信大部分人都是使用vue-cli脚手架生成的项目架构,然后npmruninstall安装依赖,npmrunserve启动项目然后就开始写业务代码了。 但是对项目里的webpack封装和配置了解的不清楚,容易导致出问题不知如何解决,或者不会通过webpack去扩展新功能。 该篇文章主要是想告诉小伙伴们,

大厂-十道前端面试题

第1题:请设计一个攻击服务器的策略 难度:阿里p5~p7、腾讯t21~t31 提供几个常见的策略 前段时间很火的一个例子,伪造虚假npm包+nodejs版本的payload nodejs的反序列化攻击 第2题:请写一个正则,去除掉html标签字符串里的所有属性,并保留src和href两种属性 难度:阿里p6+~p7、腾讯t23~t31 这题目简单的理解就是,写一个正则表达式,将字符串'正

前端常见面试题总结1

这里就先针对let、this相关的题,可能比较类似,针对性的多做相似题加深印象。争取这一次知其然更知其所以然(思路只简单提醒,有问题请留言,答案在文档尾) 使用let声明的变量不与window产生映射 letn=10, obj={n:20}; letfn=obj.fn=(function(){ this.n++; n++; returnfunction(m){ n+=10+(++m); this.n+=n; console.log(n) } })(obj.n) fn(10); obj.fn(10); co

你要的 React 面试知识点,都在这了

摘要:问题很详细,插图很好看。 原文:你要的React面试知识点,都在这了 作者:前端小智 Fundebug经授权转载,版权归原作者所有。 React是流行的javascript框架之一,在2019年及以后将会更加流行。React于2013年首次发布,多年来广受欢迎。它是一个声明性的、基于组件的、用于构建用户界面的高效javascript库。 以下是面试前必须了解的话题。 什么是声明式编程 声明式编程vs命令

面试题-JavaScript交换两个变量的方法

 在平时的业务开发或者面试过程中,经常会遇到交换两个变量这种问题,于是,个人总结以下几种交换变量的方法: 1.方案一 使用一个临时变量来交换  2.方案二 使用ES6解构赋值语法来交换 3.方案三利用数组 根据运算符的优先级,首先执行b=a,将a的值赋值给b,然后通过数组索引将b赋值给a,一行代码解决两值的交换。 4.方案四 先让a变成a与b

Vue知识点(面试常见点)

v-bind和v-model的区别 1.v-bind用来绑定数据和属性以及表达式,缩写为':' 2.v-model使用在表单中,实现双向数据绑定的,在表单元素外使用不起作用 什么是mvvm? MVVM是Model-View-ViewModel的缩写。mvvm是一种设计思想。Model层代表数据模型,也可以在Model中定义数据修改和操作的业务逻辑;View代表UI组件,它负责将数据模型转化成UI展现出来,ViewModel是一个同步View

前端知识点汇总—面试看这一篇就够了

一年前写了一篇JavaScript八张思维导图,主要是对前端JavaScript知识点的一个系统的整理和总结。本篇文章用了近一个月时间,搜集整理了网上各种面试笔试题及本人针对前端的一些理解以及各路大神针对前端难点部分的详细介绍,可以作为以后面试或者考察面试人员的参考。 相信通过这两篇文章的学习,一定会让你对前端有一个更深的认识。 后续会持续更新...... JavaScript基础

面试题:js如何渲染十万条数据并不卡住界面

这道题考察了如何在不卡住页面的情况下渲染数据,也就是说不能一次性将几万条都渲染出来,而应该一次渲染部分DOM,那么就可以通过requestAnimationFrame来每16ms刷新一次。 代码如下: <!DOCTYPEhtml> <html> <head> <metacharset="utf-8"> <title>js如何渲染十万条数据并不卡住界面</title> </head> <body> <ul&

10个比较流行的JavaScript面试题

1.如何理解JS中的this关键字? JS初学者总是对this关键字感到困惑,因为与其他现代编程语言相比,JS中的这this关键字有点棘手。“this”一般是表示当前所在的对象,但是事情并没有像它应该的那样发生。JS中的this关键字由函数的调用者决定,谁调用就this就指向哪个。如果找不到调用者,this将指向windows对象。 来几个粟子 第一个例子很简单。调用test对象中的func(),

JavaScript面试技巧之数组的一些不low操作

本文主要从应用来讲数组api的一些骚操作; 如一行代码扁平化n维数组、数组去重、求数组最大值、数组求和、js排序、对象和数组的转化等; 上面这些应用场景你可以用一行代码实现? 1.扁平化n维数组 1.终极篇 ? 1 2 3 4 [1,[2,3]].flat(2)//[1,2,3] [1,[2,3,[4,5]].fl

【前端】前端面试题整理

前端面试--重要基础知识回顾(一)

1.数据类型:   可变的引用类型:object(array,function,正则);   不可变的原始类型:null,undefined,number,string,boolean,symbol(es6) //引用类型 vararr1=[1,2]; vararr2=arr1 arr2.push(3) console.log(arr1)//[99] //原始类型 varstr1="111";

前端面试(算法篇) - 数组乱序

一、面试题 问:有一个长度为100的数组,如何从中随机挑选50个元素,组成一个新的数组? 答:这个...那个...emmmmmm 问:那先不挑50个,就挑一个数,知道怎么做吗? 答:这个我知道!随机生成一个0~99的数,然后去原数组取对应位置的元素就可以了~ letrandomIndex=arr[Math.floor(Math.random()*arr.length)]; 问:好,回到最初的问题,怎么挑选50个元素?&#1

前端面试题(三)

1.px和em和rem的区别? px像素,相对长度单位; em相对长度单位,会继承父元素的字体大小; rem相对长度单位,会根据节点html定义,不会受父元素的影响。 2.如何理解css的盒子模型? 盒子模型包含内容的大小,padding,border,margin css盒子模型分为IE盒子模型和标准盒子模型; IE盒子模型内容的宽高包含了padding和border。 3.css选择符有哪些?那些属性

前端面试题2019.02.28

1、用js写出几种去除string空格的方法。 (1)、使用js循环      //供使用者调用 functiontrim(s){ returntrimRight(trimLeft(s)); } //去掉左边的空白 functiontrimLeft(s){ if(s==null){ return""; } varwhitespace=newString("tnr"); var

前端面试题-数组去重和排序

首先,不好意思,我昨天偷懒了,没有更新面试题,今日补上昨日的锅。 基于上次的对象转化题目,不少同学指出对象种的数组如果长度不一样,不能满足功能,所以针对这个进行优化,代码如下所示: <script> letobj={ 0:[44,67], 1:[90,43,56], 2:[56,67,33], 3:[80,96,45] }; functiongetArr(obj){ if(typeo

前端面试---时间转化

在日常开发中,我们需要对时间进行转化和处理,尤其是电商类的抽奖活动,抢购的活动,做不好就是线上bug,也有很多坑 首先看下面一道面试题: <script> //2019-3-6面试题,时间格式转化 letdata={ create_time:'2019-02-05T08:14:28.000Z' }; //将上面的时间进行格式化,按照入参形式返回一下3种形式 //第一种 lettim

JavaScript面试的完美指南(开发者视角)

为了说明JS面试的复杂性,首先,请尝试给出以下结果: onsole.log(2.0==“2”==newBoolean(true)==“1”) 十有八九的会给出false,其实运行结果是true,原因请看这里。 1)理解JS函数 函数是JavaScript的精华,是JS一等公民。JS函数不仅仅是一个普通的函数,与其他语言不同,JS函数可以赋值给变量,作为参数传递给另一个函数,也可以从另一个函数返回。 console.log(square(5)); /*...*/ functionsquare(

记录一个面试题目

判断以下代码的执行结果(涉及变量提升,函数声明,原型链,this指向,作用域等知识点) 掘金上看到的一个笔试题目,记录并分析总结以下考察点。 functionFoo(){ getName=function(){alert(1)} returnthis } Foo.getName=function(){alert(2)} Foo.prototype.getName=function(){alert(3)} vargetName=function(){alert(4)} functiongetName(

面试官: 聊一聊Babel

点击关注本公众号获取文档最新更新,并可以领取配套于本指南的《前端面试手册》以及最标准的简历模板. 前言 Babel是现代JavaScript语法转换器,几乎在任何现代前端项目中都能看到他的身影,其背后的原理对于大部分开发者还属于黑盒,不过Babel作为一个工具真的有了解背后原理的必要吗? 如果只是Babel可能真没有必要,问题是其背后的原理在我们开发中应用过于广泛了,包括不限于:e