前端面试
文章平均质量分 89
八了个戒
愿代码之火永不熄灭,技术之光照耀前行!
展开
-
CSS 实现 flex布局最后一行左对齐的方案「多场景、多方案」
在CSS flex布局中,使用来控制列表的水平对齐方式,使用或者对齐时,如果最后一行的列表的个数不满,就会出现最后一行没有完全垂直对齐的问题。👇 如下示例:原创 2024-01-25 11:32:45 · 1959 阅读 · 0 评论 -
「JavaScript基础」一文彻底搞懂JS的事件流以及事件模型
在JavaScript中,事件流和事件模型是处理用户交互的关键概念。深入理解这些概念将使你能够更好地处理和响应用户的动作。本文将详细介绍JavaScript的事件流和事件模型。原创 2024-01-23 18:59:37 · 1171 阅读 · 0 评论 -
一起来加深对 SASS 的理解「最强总结篇,含Demo」
Sass 是一种CSS预处理器,它引入了许多增强和扩展CSS的功能,使样式表的编写更加灵活和可维护。与纯粹的CSS相比,Sass提供了嵌套规则、变量 (nesting)、混合器(mixins)、继承等功能,大大提高了样式表的可读性和可维护性。原创 2024-01-23 10:54:02 · 933 阅读 · 0 评论 -
JavaScript 常用数组方法之数组扁平化「赶紧收藏」
数组扁平化,就是将一个复杂的嵌套多层的数组,一层一层的转化为层级较少或者只有一层的数组。原创 2023-07-27 12:43:59 · 871 阅读 · 0 评论 -
require 与 import 两种引入模块方式到底有什么区别?
requireexports和importexport本质上的区别,实际上也就是 CommonJS 规范与 ES Module 的区别。浏览器在不做任何处理时,默认是不支持import和require;babel会将 ES6 模块规范转化成 CommonJS 规范;webpackgulp以及其他构建工具会对 CommonJS 进行处理,使之支持浏览器环境它们有三个重大差异。CommonJS 模块输出的是一个值的拷贝,ES Module 输出的是值的引用。原创 2023-02-28 10:15:03 · 2565 阅读 · 0 评论 -
【React 进阶】函数组件中 React Hooks 详解与实践
在 16.8 版本之后的 React 发布了新特性 Hooks。 本篇文章主要对该新特性进行了详细讲解,并对一些常用的 Hooks 进行代码演示,希望可以对需要的小伙伴提供一些帮助。原创 2022-05-04 18:07:59 · 1462 阅读 · 0 评论 -
【React 进阶】函数组件 和 类组件 详解区分
时隔一年半之久再次重新学习 React,好多都还是原来的样子,这次我要重新开启 React 的大门,希望各位小伙伴可以一起讨论学习呦~前言今天我们开启第三个专题:React 中函数组件和类组件的区别。一、函数组件 和 类组件1. 函数组件函数组件也称无状态组件,顾名思义就是以函数形态存在的 React 组件。在 hooks 出现之前,react 中的函数组件通常只考虑负责UI的渲染,没有自身的状态,没有业务逻辑代码,是一个纯函数。下面这个函数组件就是一个纯函数,它的输出只由参数props.原创 2022-04-15 10:04:03 · 7389 阅读 · 0 评论 -
【React 进阶】类组件之生命周期钩子详解「基于 React 16.4」
时隔一年半之久再次重新学习 React,好多都还是原来的样子,这次我要重新开启 React 的大门,希望各位小伙伴可以一起讨论学习呦~前言今天我们开启第二个专题:React 中生命周期钩子的使用。我们在学习每个框架的生命周期的时候,都不是去死记硬背他们的顺序和作用,而是应该去结合我们在实际应用开发过程中对这些生命周期的需求,来帮助我们完成一些事情。在新环境下,我们默认都是基于 React 16.4 之后的生命周期进行开发学习,下面的内容也是基于 16.4 版本的生命周期钩子,如果觉得有问题,可.原创 2022-04-12 17:21:58 · 1551 阅读 · 0 评论 -
【React 进阶】props 和 state 的区别详解
时隔一年半之久再次重新学习 React,好多都还是原来的样子,这次我要重新开启 React 的大门,希望各位小伙伴可以一起讨论学习呦~前言今天我们开始第一个专题:React 中 关于 props 和 state。当然我们不是对 props 和 state 基本用法的介绍,而是尝试由浅入深的来解释 props 和 state,并且归纳使用它们时的注意事项。我们在开发应用时,必然是要与数据进行频繁交互的。React 的核心思想是组件化的思想,所有的页面会被切分成一些独立的、可复用的组件。那么数据.原创 2022-02-24 08:30:00 · 7453 阅读 · 0 评论 -
JavaScript 常用数组方法及使用技巧「数组的力量隐藏在数组方法中,必收藏」
JavaScript 中常用的数组的方法基本上也就这些了,大概整理了有27个。如果我们能够充分掌握,那么,在我们的项目开发过程中可能会大大提高我们的开发效率。原创 2022-01-24 18:09:54 · 1058 阅读 · 0 评论 -
高级Web前端必会面试题知识点,大厂面试必备
高级Web前端工程师必会面试题,这里只是整理一些范围知识点,并没有特别具体的面试题目,只要把这些知识点搞明白了,面试题都不是问题。文档持续更新中。。。加油骚年!!原创 2020-08-30 23:30:24 · 3664 阅读 · 1 评论 -
最新最全的前端面试题集锦之 Ajax、Fetch、Axios 篇
该内容主要整理关于 Axios 的相关面试题,其他内容面试题请移步至 2021 最新最全的前端面试题集锦 查看。目录一、Ajax 相关面试题1、概念2、作用3、创建 Ajax4、Ajax 状态和 HTTP 状态码5、Ajax 中常用的属性和方法6、思考:post 和 get 有什么区别二、Axios 相关面试题1、axios 原理2、axios 的特点有哪些?3、axios 有哪些常用方法?3、一次并发的请求 axios.all([])4、说下你了解的axios相关配置属性?三、Fetch 相关面.原创 2021-08-09 16:13:01 · 1868 阅读 · 0 评论 -
最新最全的前端面试题集锦之 Webpack 篇
该内容主要整理关于 Webpack 的相关面试题,其他内容面试题请移步至 2021 最新最全的前端面试题集锦 查看。目录1. 谈谈你对webpack的看法?2. webpack的基本功能和工作原理?3. webpack构建过程?4. webpack打包原理?5. webpack与gulp、grunt有什么区别?1. 谈谈你对webpack的看法?webpack 是一个模块打包工具,可以使用它管理项目中的模块依赖,并编译输出模块所需的静态文件。它可以很好地管理、打包开发中所用到的HTML、CSS.原创 2021-07-18 18:58:32 · 977 阅读 · 0 评论 -
【面试总结系列】在开发 PC 端项目时,需要考虑哪些主流设备浏览器兼容性的问题?
一、问题描述在开发 PC 端项目时,需要考虑哪些兼容性的问题?二、答案详解首先,为什么会出现浏览器兼容问题?各大厂商出于自身利益考虑而设置的种种技术壁垒,都让CSS应用起来比想象得要麻烦;由于各大主流浏览器由不同的厂家开发,所用的核心架构和代码也很难重和,这就为各种莫名其妙的Bug(代码错误)提供了温床。介绍一下目前最流行的五大浏览器以及五大内核浏览器:IE 浏览器Firefox(火狐)浏览器Chrome(谷歌)浏览器Safari 浏览器Opera 浏览器内核:Tr原创 2021-07-15 14:37:18 · 1300 阅读 · 1 评论 -
JavaScript ES6 箭头函数与普通函数的区别详解【面试必备,值得收藏】
今天下午在面试的过程中,有一位面试官就问到了这道题目。说实话,如果不是今天问到了这个问题,我还不会去仔细对比分析一下这两个我们整天使用的函数声明方式,我们只有在不断总结中才会不断进步。同时,也非常感谢今天下午给我面试的这位面试官。目录一、箭头函数基本语法1、关于箭头函数的参数2、关于箭头函数的函数体二、箭头函数与普通函数的区别1、外形不同2、箭头函数都是匿名函数3、箭头函数不能用于构造函数,不能使用 `new`4、箭头函数不会创建自己的 `this`5、`call()/apply()/bind().原创 2021-07-14 22:58:33 · 356 阅读 · 1 评论 -
Promise的使用与原理实现过程详解【附源码】
一、什么是 Promise?Promise 是目前 JS 异步编程的一种解决方案。从语法上讲,Promise 是一个对象,从它可以获取异步操作的消息;从本意上讲,它是承诺,承诺它过一段时间会给你一个结果。二、Promise 原理简析?1、Promise 本身相当于一个状态机,拥有三种状态:pending(等待态)fulfiled(成功态)rejected(失败态)一个 Promise 对象初始化时的状态是 pending,调用了 resolve 后会将 Promise 的状态扭转原创 2021-07-10 16:59:37 · 1105 阅读 · 0 评论 -
【面试总结系列】CSS 预编译器 Sass、Less、Stylus 三者之间的比较详解
想要查看关于 CSS 的相关面试题,请移步至 面试题 - CSS 篇 查看,其他内容面试题请移步至 2021 最新最全的前端面试题集锦 查看。CSS-当前主流的三种预编译器什么是预编译器:CSS预编译器用一种专门的编程语言,进行Web页面样式设计,然后再编译成正常的CSS文件,以供项目使用;优点:可以让我们的CSS代码更加简洁、适应性更强、可读性更佳,更易于代码的维护等诸多好处。当前主流的三种预编译器:SassLessStylus比较:比较一:基本语法首先 Sass 和 .原创 2021-07-09 10:20:32 · 911 阅读 · 0 评论 -
最新最全的前端面试题集锦之 Vue3.0 篇【干货满满】
该内容主要整理关于 Vue3.0 的相关面试题,关于 Vue 2 的相关面试题请移步至:Vue 全家桶篇,其他内容面试题请移步至 最新最全的前端面试题集锦 查看。1. Vue3.0 里为什么要用 Proxy API 替代 defineProperty API?—— 响应式优化(高频,重点!!!)这是在面试中问的最多的一个问题,无论是大厂还是中小型公司,都喜欢问,也是Vue更新的重点。defineProperty API 的局限性最大原因是它只能针对单例属性做监听。Vue2 中的响应式实现正是.原创 2021-07-08 15:09:07 · 2275 阅读 · 3 评论 -
Vue-Router 之 路由导航守卫钩子详解【最全实用总结】
这篇文章主要介绍了 vue-router 路由导航守卫钩子的使用总结。一、什么是导航钩子官方解释:vue-router 提供的导航钩子主要用来拦截导航,让它完成跳转或取消。有多种方式可以在路由导航发生时执行钩子:全局的,单个路由独享的,或者组件级的。也就是说:导航钩子就是用来监听路由的变化,当路由发生改变的时候就去触发 vue-router 的导航钩子。二、路由守卫路由守卫主要分为以下几种:全局守卫路由独享守卫组件内守卫下面将对每一个导航钩子进行详细讲解。三、全局守卫1. .原创 2021-07-01 14:00:51 · 1738 阅读 · 2 评论 -
Vue 之 路由跳转传参方式详解【最全实用总结】
这篇文章主要介绍了 vue 路由跳转传参的几种方式总结。一、路由跳转Vue 中路由跳转主要分为两种方式:声明式路由导航(<router-link>)编程式路由导航(js的方式)下面将主要对这两种跳转方式进行详细解析。二、声明式路由导航<router-link>不带参数跳转<router-link :to="{name: 'home' }" > </router-link><router-link :to="{pa.原创 2021-06-29 15:25:30 · 9127 阅读 · 2 评论 -
浏览器 JavaScript 中的 this 的使用【最全总结,值得收藏】
前言大家可以看上一篇文章,是关于 Nodejs 中 this 的使用,里面还总结了 Nodejs 与浏览器 JavaScript 中的 this 的区别。JavaScript 中 this 的使用全局下的 this非严格模式情况下,全局的 this 都是 windowconsole.log( this ); // windowfunction fn(){ console.log( this ); // window}严格模式下,抑制 this禁用指向了 window原创 2021-06-29 10:07:01 · 679 阅读 · 3 评论 -
前端性能优化面试涨薪必备
前端性能优化是一个大的课题,需要花好多时间才能理解,之前对前端优化陆陆续续有一些了解。所以这次从渲染优化,打包优化,代码优化做了一个系统的总结,并且引申出了几个需要关注的问题,文章可能有点长,大家一定要看到最后。最后写作不易,希望觉得还可以的话,帮忙点赞一波,提前感谢了。当然如果有写不好的地方,也请指出来,我会积极改进,共同成长。从输入url到页面展示发生了什么?(万能面试题)涉及知识点:DNS:其实就是一个网络协议,把我们的域名解析成对应的IP地址;TCP:基于IP地址发起一个TCP的连接,.原创 2021-06-10 11:15:44 · 500 阅读 · 1 评论 -
2024最新最全的前端面试题集锦(2024 持续更新中...敬请关注)
工作以来,感觉自己接触到的东西还是挺多的,但是当我面试的时候,就会发现各种问题,很多知识点都是模棱两可,答得不全面。究其原因,还是没有吃透这些内容。所以我决定,用几个月的时间,将我们大前端的大部分精选面试题进行整理,将大部分知识点进行归纳总结,为自己也为其他小伙伴们提供一份面试学习参考。原创 2020-12-17 14:10:34 · 4847 阅读 · 6 评论 -
最新最全的前端面试题集锦之 Vue 全家桶篇(从基础到高级,最新最全最详细解答)
该内容主要整理关于 Vue 的相关面试题,其他内容面试题请移步至 最新最全的前端面试题集锦 查看。一、Vue基础面试题(附答案)1. keep-alive 组件有什么作用?keep-alive 是 vue 的内置组件,而这个组件的作用就是能够缓存不活动的组件。一般情况下,组件进行切换的时候,默认是会进行销毁的,如果我们有需求,在某个组件切换后不进行销毁,而是保存之前的状态,那么就可以利用 keep-alive 来实现。在 keep-alive 上有两个属性,可以对字符串或正则表达式进行匹配,匹配.原创 2021-04-08 16:59:14 · 2855 阅读 · 1 评论 -
JavaScript 实现数组循环遍历的方法总结(结合 jQuery) 以及 常用循环遍历方法性能比较( Duff‘s Device)
JavaScript 实现数组循环遍历的方法总结原创 2021-02-22 17:28:53 · 950 阅读 · 1 评论 -
BFC(Block Formatting Context)块级格式化上下文之深层解读
BFC(Block Formatting Context)块级格式化上下文注意:BFC首先是块,其次需要具备下面的条件之一才可以(通俗来说,BFC就好比一所985或者211的高校,想要成为985或者211的高校,它是有前提条件的,首先他得是一所大学,不能拿一个小学来说,就好比BFC得先是块,才是BFC;当满足了前提条件,再需要具备其他的条件才可以。)在正式说BFC具体内容之前,先说一下Box...原创 2020-02-23 18:55:21 · 752 阅读 · 0 评论 -
最新最全的前端面试题集锦之 CSS 篇
最新最全的前端面试题集锦之 CSS 篇原创 2021-01-20 14:10:06 · 1043 阅读 · 0 评论