前端面试必会核心(详解)
文章平均质量分 95
前端面试题(有解答)
北极光之夜。
生活下去,错误下去,堕落下去,为胜利而欢呼,从生命中重新创造生命!
展开
-
五万字142道超全前端面试题---送给在校招的你
不知不觉,又到校招时间啦。这份面试宝典,是我在去年,在无数个月的黑夜下,奋笔疾书,呕心沥血,织帘诵书,映雪读书,废寝忘食,停停写写,巴拉巴拉能量,集大成之作。近80%内容都是按自己的理解收集与纯手打的题与答案。包括我自己以前在面试中经常遇到的问题也有收录。本着社区分享快乐原则,现在分享给各位同学,希望你能有所收获。当然,都是一些比较基础简单的内容,如果发现有误的地方,大概是我头昏眼花了,欢迎在评论区指出,一起讨论。原创 2022-10-25 14:16:25 · 1200 阅读 · 2 评论 -
5分钟实现微信小程序绘制二维码
hello呀,大家,真是好久不见。在我们日常生活中,经常使用微信小程序亮健康码,那么就好奇前端怎么实现的,其实也并不难,下面5分钟带你快速实现~原创 2022-07-06 16:27:19 · 12104 阅读 · 5 评论 -
浅谈typescript及语法
标题强类型不允许随意的隐式类型转换,而弱类型是允许的标题1.声明原始数据类型:在变量后面指定一个关键字表示其只能为什么类型。string类型:const a: string = 'auroras'number类型:const b: number = 666 // 包括 NAN Infinityboolean类型:const c: boolean = truenull类型:const d: null = nullundefined类型:const e: undefined原创 2022-02-14 14:16:21 · 384 阅读 · 1 评论 -
Es6新特性Proxy代理用法解析
一.什么是Proxy:Proxy 对象是ES6新出的一个特性,用于创建一个对象的代理,从而实现基本操作的拦截和自定义(如属性查找、赋值、枚举、函数调用等)。需要知道的是,在Vue2中双向数据绑定原理(数据劫持)采用Object.defineProperty,而在Vue3中数据劫持原理采用的是Proxy代理。为什么Proxy会取代Object.defineProperty:Object.defineProperty只能劫持对象的属性,不能监听数组。也不能对 es6 新产生的 Map,Set 这些原创 2022-02-14 14:15:26 · 9795 阅读 · 2 评论 -
极简之SVN使用,入职必备
SVN是入职(学生)必备的版本控制工具,下面带你快速上手SVN的基本使用~SVN是subversion的缩写,是一个开放源代码的版本控制系统,通过采用分支管理系统的高效管理,简而言之就是用于多个人共同开发同一个项目,实现共享资源,实现最终集中式的管理。原创 2021-11-15 15:41:23 · 9501 阅读 · 5 评论 -
webpack5快速入门,船新版本,建议收藏 (ฅ´ω`ฅ)
目录一. 快速上手:1.1 Webpack功能:1.2 安装webpack:1.3 快速模拟搭建一个项目目录:1.4 webpack打包:二.基本使用:2.1.配置文件:2.2.loader:2.2.1 css-loader:2.2.2 style-loader:2.2.2 less-loader:2.3 browserslist:2.4 postcss-loader:2.5 importLoaders:2.6 file-loader处理图片:2.6.1 在js里通过src导入的:2.6.2 在css里通过原创 2021-10-16 16:21:30 · 490 阅读 · 5 评论 -
Vue自定义指令及实现图片懒加载指令
一. 速识概念: 在我们使用 Vue 的过程中,遇到了很多方便我们操作的vue内置指令,以 v-xxx 表示。比如有 v-module,v-for,v-if,v-show 等等,每个指令都能实现一些相对应的功能。但是,在实际的开发过程中,可能这些内置指令并不能满足所有的需求,这时候,就需要用到 Vue 给我们提供的一个强大又灵活的功能「 自定义指令 」。 同样,vue自定义指令可以分为全局注册指令和局部注册指令。下面我将以最简单的例子带你认识vue自定义指令。二.全局注册指令: 比如,我们想要原创 2021-09-30 14:59:29 · 2884 阅读 · 4 评论 -
你了解Vue组件间传值五大场景吗?
一.前言:。。。 一.前言:二.父组件向子组件传值:三.子组件向父组件传值:四.兄弟组件间传值:五. 使用Vuex状态机传值:六. 给后代组件传值,provide和inject:二.父组件向子组件传值:比如有一个 Father.vue 的父组件要传值给 Children.vue 的子组件,完成共需四步:父组件 Father.vue 内容,注意里面的操作步骤:<template> <div> <h2>父组件区域</h2> <原创 2021-09-26 10:59:17 · 533 阅读 · 2 评论 -
ES6模块化用法全解析
以前浏览器常用的模块化规范有 AMD(代表Require.js)和 CMD(代表Sea.js),但是都落伍了。服务端有 CommonJS规范。不过也不是标准的。最终ES6官方提出了大一统的模块化规范,这也是目前浏览器与服务端的通用规范。原创 2021-09-21 15:57:06 · 1976 阅读 · 3 评论 -
三分钟掌握Vue过滤器filters及时间戳转换
大家好呀,vue的filters过滤器是比较常见的一个知识点,下面我将结合时间戳转换的例子带你快速了解filters的用法~原创 2021-09-20 17:05:54 · 1571 阅读 · 3 评论 -
人类高质量JS函数柯里化
一. 速识概念????: ????????????你好呀,最近还好吗?JS函数柯里化是比较常见也是比较重要的内容。基础并不难理解,下面带你快速了解并使用js函数柯里化~ 芜湖,起飞 ???? 百度百科对柯里化的定义为:在计算机科学中,柯里化(Currying)是把接受多个参数的函数变换成接受一个单一参数(最初函数的第一个参数)的函数,并且返回接受余下的参数且返回结果的新函数的技术。概念枯燥难懂,直接看下面的例子。比如有个add函数,计算两个参数相加的值,一般我们这样写:function add原创 2021-09-14 20:48:39 · 642 阅读 · 1 评论 -
人类高质量JS函数继承
一. 函数继承是在JS里比较基础也是比较重要的一部分,而且也是面试中常常要问到的。下面带你快速了解JS中有哪几种是经常出现且必须掌握的继承方式。掌握下面的内容面试也差不多没问题啦~ 当然,这需要一定的原型链基础,对原型链不熟悉的可以看我这篇文章:速识js原型链。二.原型链继承: 原型链继承的要点在于父类的实例作为子类的原型。直接看下面这个例子: // 父函数 Person function Person(name, age) { // 定义一些属性 this.name原创 2021-09-05 12:01:31 · 827 阅读 · 9 评论 -
人类高质量JS防抖与节流机制
一.速识防抖: Hello呀,大家好????????????。防抖与节流可谓是面试常见,其实很好理解,下面带你分分钟了解防抖与节流的基本思想与写法~在这之前,比如我们先定义一个按钮,并绑定一个点击事件,执行要触发的事件:<!-- 定义一个按钮 --><input type="button" id="btn" value="按钮" /><script>// 获取标签 var btn = document.getElementById("btn");//原创 2021-08-29 17:30:59 · 2839 阅读 · 19 评论 -
极简之vue插槽的快速了解与应用
一.速度上手: ????你好呀(*´▽`)ノノ。vue插槽是比较常见的一个知识点,所以下面快速的介绍下它的用法。简单来说,vue插槽的作用就是父组件可以向子组件传递内容,同时,他还可以扩展、复用和定制组件。 什么意思?比如我定义了一个父组件和一个子组件,当我在父组件里引用的子组件标签里写的内容是显示不出来的。如下: 比如,有一个 Father.vue的组件,它引入了子组件Children.vue,同时在子组件标签里定义了一个h1标题。<template> <div>原创 2021-08-22 21:58:49 · 379 阅读 · 3 评论 -
前端必会的图片懒加载,你造吗?
一.何为懒加载: 在我们访问一个图片展示比较多的网页时,加载速度慢很多时候正是因为图片多导致,大量的img图片导致页面渲染的堵塞。当费了许多力气把全部图片和页面加载出来时而用户早已离去。另一方面,若用户只查看了网页的前面部分便离开,许多已经加载却因为处于网页底部而未呈现在视口区的图片,它们极大加重服务器压力了但是用户看都没看,白白浪费了性能。 为了解决上面的问题需要引入图片懒加载,懒加载其实很好理解,重点就是一个‘懒’字。当用户滚动相应可视区域,若可视区域有图片便加载,而在可视区域外未加载过的图片它原创 2021-08-19 23:01:45 · 2048 阅读 · 9 评论 -
js对象深浅拷贝,来,试试看!
一.速识概念????: 对象拷贝,简而言之就是将对象再复制一份,但是,复制的方法不同将会得到不同的结果。比如直接给新变量赋值为一个对象: // 1.建一个对象 var obj = { name: "北极光之夜。", like: "aurora", }; // 2. 直接将对象赋值给变量 clone var clone = obj; // 3.修改obj的like属性 obj.like = "wind"; // 4.输出 clone 对象 console.原创 2021-08-15 14:30:18 · 451 阅读 · 5 评论 -
你这篇速识 js闭包 保熟吗?我一写博客的能写生瓜蛋子?
一.速识闭包:直接说概念枯燥难懂,直接通过下面两个小例子迅速了解闭包:????1.首先思考下面这个简单的小例子,执行quote()函数,它 console.log(a) 打印的 a 到底是我们在局部函数里定义的 a=666 还是在全局里面定义的 a=888 呢? // 1.定义一个test函数 function test() { // 2.函数内部声明一个变量 a 为 666 const a = 666; // 3.retu原创 2021-08-11 21:40:40 · 874 阅读 · 3 评论 -
面试官:谈一谈js原型链机制? 我:告辞!
一.速识概念: 原型链可谓是面试频考,所以今天带大家快速了解下JavaScript的原型链机制????。说之前,先明确下面基本的概念(名称与从属关系),这是很重要的:名称从属关系prototype通常我们称之为原型,它是函数的一个属性,它是一个对象。_ _ proto_ _相当于一个连接点,它是对象的一个属性,它也是一个对象。二. 原型链机制(建议跟着步骤敲代码): 其次,我们要知道的第一个点是,对象的 __ proto __ 保存着该对象构造函数的prototy原创 2021-08-07 22:37:52 · 5603 阅读 · 30 评论 -
闻一以知十,前端要会的10道面试题(附答案与解析)
一.先言:目标:成为offer收割机的兄弟offer拖拉机范围:HTML、CSS、JavaScript题型:单选、多选、不定项选择、编程数目:10本次难度(5星满星):⭐⭐答案与解析:答案与解析是我自己查询与思考后书写的,仅供参考,不对的地方恳请指出????北极光之夜。auroras.blog.csdn.net二.题目(答案在最后,答案在最后,答案在最后):1.以下哪个表达式的值为true?【不定项选择】选项A‘原创 2021-08-04 22:48:05 · 2930 阅读 · 17 评论 -
快来每日上分,2021前端面试题10道(附答案与解析)
一.先言:目标:成为offer收割机之拖拉分机范围:HTML、CSS、JavaScript题型:单选、多选、编程数目:10本次难度(5星满星):⭐⭐答案:答案与解析是我自己查询与思考后书写的,仅供参考。北极光之夜。auroras.blog.csdn.net二.题目(答案在最后):1.问一份标准的HTML文档有哪几个必须的HTML标签?【多选】A. <html>B. <head>C. <title>原创 2021-07-30 22:38:53 · 1827 阅读 · 7 评论