【前端搞定一面】快速搞定技术面

已于 2023-08-24 14:23:29 修改
阅读量273 收藏
点赞数
分类专栏： # 面试题 文章标签： css html css3 javascript http 面试题
于 2023-03-25 11:50:04 首次发布
本文为博主原创文章，未经博主允许不得转载。
本文链接：https://blog.csdn.net/my_study_everyday/article/details/129765112
版权

1、HTML 模块

1-1、如何理解 HTML 语义化

1-2、常见的块级元素和内联元素

2、CSS 模块

2-1、布局相关面试题

2-1-1. 盒模型宽度计算

2-1-2. margin 纵向重叠问题

2-1-3. margin 负值问题

2-1-4. inline-block 中的元素之间的空格是什么引起的？

2-1-5. BFC 概念？如何使用？

2-1-6. float 布局

2-1-7. flex 布局

2-2、定位相关面试题

2-2-1. absolute和relative分别依据什么定位？（子绝父相）

2-2-2、居中对齐有哪些实现方式？

2-3、图文样式相关面试题

2-3-1. line-height 继承问题

2-4、响应式相关面试题

2-4-1、如何实现响应式布局

2-5、css3动画相关面试题

2-5-1. 关于CSS3 动画

2-6、DOM模块相关面试题

2-6-1、DOM 是什么？

2-6-2、DOM 有什么用？

2-6-3、DOM 与 JS 的关系

2-6-4、优化 DOM 渲染

2-7、BOM模块相关面试题

2-7-1. 什么是 BOM？

2-7-2. Window 对象

2-7-3. navigator 对象

2-7-4. scree你对象

2-7-5. location 对象

2-7-6. history 对象

3、JS 基础模块

3-1. JS 有几种类型数据（ 值类型和引用类型的区别）

3-2. typeof 能判断哪些类型？

3-3. 判断数据类型有哪些方法

3-4. 什么时候用=== 何时使用 ==

3-5. Object.is()与=== ，==有什么区别？

3-6. 深拷贝与浅拷贝

3-7. JS 内置对象有哪些？

3-8、undefined 与 null 有什么区别

undefined：定义但未赋值
null ：定义且已赋值，值为 null

3-9、什么时候给变量赋值为 null?

  1. 初始赋值，表明变量类型将会是引用类型，如对象 object
  2. 结束操作，该对象需要被垃圾回收时

4、JS 原型、原型链

4-1. Class

4-2. 继承

4-3. 原型与原型链

4-4 . 请问 JS 中 new 一个对象发生了什么？

5、作用域及闭包

5-1. 作用域

5-2. 作用域链

5-3. 闭包是什么？如何利用闭包实现私有变量

5-4. this 指向问题

5-5. 箭头函数与普通函数的区别

6、异步

6-1. 单线程及异步

6-2. 同步和异步的区别是什么？

6-3. 前端使用异步的场景

6-4. Promise 解决回调地狱

6-5. 手写用 Promise 加载一张图片

6-6.JS GC 垃圾回收机制

7、ES6

7-1. require 与 import 的区别

7-2、防抖 （debounce）

7-3、节流（throttle）

7-4、浏览器是如何渲染页面的？

8、Vue模块

8-1、浅谈 MVC 模式与 MVVM 模式的区别

8-2、什么是 Virtual DOM？

8-3、前端路由原理？两种实现方式有什么区别？

8-4、Vue 生命周期

8-5、Vue 中 scoped 原理? 怎么穿透 scoped？

8-6、keep-alive 生命周期

8-7、组件通信

8-8、computed 和 watch 区别

8-9、v-show 与 v-if 区别

8-10、组件中 data 什么时候可以使用对象

8-11、Vue.extend 的使用

8-12、mixin 和 mixins 区别

8-13、Vue 响应式原理

8-14、Object.defineProperty与Proxy的对比

8-15、Vue 模板编译过程

9、HTTP 协议

9-1、 什么是 HTTP 协议、TCP 协议，两者关系

9-2、 HTTP 状态码分类

9-3、 常见的状态码

9-4、 HTTP 请求头 headers和Response Headers

9-5、 methods 分类

9-6、Restful API

9-7、HTTP 与 HTTPS 的区别

9-8、 HTTP2 的特点

9-9、 浏览器缓存

9-10、HTTP 缓存 （浏览器缓存机制）

胡西风_foxww
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
前端网页技术之 Vue进阶
cgblpx的博客
08-03 3万+
文章目录安装 element-ui安装修改 main.js修改 Item.vue基础知识布局 layout容器 container图标 icon按钮 button表格 table当前行 scope表单 form输入框 input扩展:JavaScript APIspliceObject.assigncopyObject项目案例：商品后台管理系统界面原型 安装 element-ui 安装 访问https://element.eleme.cn/#/zh-CN/component/installation 在工程
大前端时代的挑战与机遇（深圳场）正式开放报名
T技术沙龙
04-03 2402
2017年，以饿了么为代表的一些企业开始提出大前端的概念。2018年，InfoQ 举办了首届全球大前端技术大会，在大会中将前后端分离、跨平台和 PWA 等技术设立了专场，这次大会具有重要的意义，它预示了大前端时代的到来。
快速搞定前端技术一面.pdf
11-11
前端面试题
[搞定一面] 快速搞定一面~技术面
iChangebaobao的博客
02-23 1174
一、请问JS中 new 一个对象发生了什么？ new 执行的函数，函数内部生成一个空对象 var obj = new Object(); 将函数内部的 this 默认指向obj var result = Person.call(obj); 设置原型链，将obj的__proto__成员指向了Person函数对象的prototype成员对象obj.__proto__ = Person.prototype; 判断函数Person的返回值类型，如果是值类型，返回obj。如果是引用类型，就返回这个引用类型的对
快速搞定前端JS面试 -- 第十二章 运行环境 (页面加载、性能优化、安全)
Sabrina_cc的博客
05-17 1163
运行环境即浏览器（server端有nodejs） 下载页面代码，渲染出页面，期间会执行若干JS 要保证代码在浏览器中：稳定且高效 一、页面加载过程 知识点 加载资源的形式 加载资源的过程 渲染页面的过程 1. 资源的形式 （1）Html代码 （2）媒体文件，如图片，视频等 （3）JavaScript css 2. 渲染过程 （1）根据HTML代码生成DOM树 （2）根据CSS代码生成CSSOM（CSS对象模型） （3）将DOM树和CSSOM整合形成Render Tree（渲染树）
快速搞定前端JS面试 -- JS基础知识小结
Sabrina_cc的博客
04-14 594
JS基础知识小结 第二章 JS基础-变量类型和计算【不会变量，别说你会JS】https://blog.csdn.net/Sabrina_cc/article/details/105449535 第三章 JS基础-原型和原型链【三座大山之一，必考！】https://blog.csdn.net/Sabrina_cc/article/details/105492600 第四章 JS基础-作用域和闭...
快速搞定前端JS面试 -- 第七章 JS-Web-API-BOM
Sabrina_cc的博客
04-15 424
第七章 JS-Web-API-BOM BOM（浏览器对象模型）提供了很多对象，用于访问浏览器的功能 题目 如何识别浏览器的类型 分析拆解url各个部分 知识点 navigator对象 识别浏览器 Screen对象 屏幕信息，宽高 Location对象 提供当前窗口加载的文档有关信息，将URL解析为独立片段 History 保存用户上网历史记录，使用ｇｏ方法可以实现历史记录跳转 ...
快速搞定前端技术一面 匹配大厂面试要求学习笔记
gaoyuanfeng2017的博客
03-07 1096
快速搞定前端技术一面 匹配大厂面试要求学习笔记 第1章 课程介绍【说说面试的那些事儿】 本章会出几个面试题，分析每道题目设计的知识点，然后总结出一个完整的知识体系。让我们开始 “题目->知识点->解题” 的快乐之旅吧。 共 5 节 (31分钟) 1-1 导学-升级(前端面试题) (05:53)试看 1-2 看了这节课你就知道该怎么准备面试了 (03:13) 1-3 先来体验几个面试题 (03:12) 1-4 如何搞定所有面试题 (06:34)试看 1-5 知识体系 (11:42) 第2章 面试前
搞定J2EE核心技术与企业应用:Ajax,JSP,Struts2,Spring,Hibernate，完整扫描版
03-19
而本书《搞定J2EE核心技术与企业应用：Ajax，JSP，Struts2，Spring，Hibernate》则是一本针对Java Web开发的专业书籍，它详细介绍了在现代企业级应用开发中常用的技术和框架。 书中首先对Java EE的来源、整体框架和...
前端秋招面试（1）字节（提前批）一面 + 二面 + 三面
Sabrina_cc的博客
07-07 3145
注：直接hr小姐姐（6月24日）给打电话内推的，约了7月7日面试，不得不到说字节的效率是真的高，一面完十分钟后就开始二面 ，先收录一下面试题，后面也会继续补充我的面试题库。 一面 约1h 1. 自我介绍 2. CSS position属性值有哪些，区别？ 绝对定位VS相对定位？相对定位具体是怎样实现的？脱离文档流？ 3. 重绘和重排说一下，有什莫区别？ 4. es6新特性有哪些？追问var let const区别？const不可修改具体指？箭头函数的作用？this指向问题的不同情况？能否用箭头.
快速搞定前端JS面试 -- 第九章 JS-Web-API-Ajax
Sabrina_cc的博客
05-29 825
知识点 XMLHttpRequest 状态码 跨域：同源策略，跨域解决方案 一、XMLHttpRequest
快速搞定前端JS面试 -- 第十章 JS-Web-API-存储（cookie、localStorage、sessionStorage）
Sabrina_cc的博客
04-24 495
第十章 JS-Web-API-存储 一、cookie Cookie的缺点 二、LocalStorage和sessionStorage 两者区别 三、问题解答 描述cookie localStorage sessionStorage 区别 题目 描述cookie localStorage sessionStorage区别 知识点 Cookie LocalStorage 和 se...
快速搞定前端JS面试 -- 第二章 JS基础-变量类型和计算
Sabrina_cc的博客
04-11 1056
第二章 JS基础-变量类型和计算 一、JS基础 1. 值类型与引用类型 2. typeof运算符 二、变量计算与类型转换 1. 字符串拼接 2. ==和=== 3. if语句与逻辑计算 三、问题解答总结 1. typeof可以判断那些类型？ 2. 何时使用==何时使用===？ 3. 值类型和引用类型的区别？ 4. 手写深拷贝 四、小结 题目引入 typeof能...
快速搞定前端JS面试 -- 第十三章 面试真题总结（要反复看的JS基础面试题）
Sabrina_cc的博客
05-20 1995
问答题 1. var和let 和const区别？ Var是ES5语法；let const是ES6语法；var有变量提升（变量可以在使用后声明，也就是变量可以先使用再声明）； Var和let是变量可以修改；const是常量，不可修改； Let const有块级作用域，var没有 2.Typeof返回哪些类型？ 值类型：undefined、string、number、Boolean、symbol 应用类型：object（注意 typeof null === 'object'） function.
（一）梳理前端知识体系，搞定大厂必考面试题
lj1530562965的博客
06-06 585
typeof 能判断哪些类型 何时使用=何时使用 值类型和引用类型区别 手写深拷贝 /** * 深拷贝 * @param {Object} obj 要拷贝的对象 */ function deepClone(obj = {}) { if (typeof obj !== 'object' || obj == null){ return obj; } let result; if (obj instanceof Array) {
JavaScript面试攻略
06-23
课程目标1.了解初级JS到中级JS，必须学习的核心内容2. 掌握javascript面试中，常见的面试题在面试前端工程师岗位时，javascript是面试的核心部分，具有广度、深度并存的特点。《javascript面试攻略》总结了初级前端js的面试经验以及常见的面试题，大幅降低了面试的准备成本。此外，本次课程也可以作为javascript进阶的学习指导。课程特点1. 3小时搞定面试常问的问题2. 课程内容精炼，只讲干货3. 定制性讲解4. 学习门槛低5. 采用基础内容+动态内容方式
快速搞定前端JS面试--精准匹配大厂要求 （系列课程）
Sabrina_cc的博客
04-10 3648
第一章 前端面试介绍 （本章节为提纲部分） 一、重要知识点 ES6 class Promise 模块化 手写代码题目 webpack Babel 二、知识点介绍 1. 基础知识 原型 原型链 作用域 闭包 异步 单线程 2. API DOM BOM Ajax跨域 事件 存储 3. 开发环境 版本管理 调试 抓包 打包构建 4. 运行环境 页面渲染 性能...
javascript 快速搞定前端技术一面
最新发布
06-21
### 回答1： JavaScript作为一种强大的脚本语言，可以快速搞定前端技术。在前端开发中，JavaScript可以用来实现交互效果、动画效果、表单验证、页面布局等各种功能。同时，JavaScript也可以与HTML、CSS紧密结合，使页面功能更加丰富。 为了快速搞定前端技术，需要熟练掌握JavaScript的基本语法和常用API，例如DOM操作、事件处理、定时器、Ajax等。掌握这些知识不仅可以提高开发效率，还能够让你在前端开发中发挥更大的创造性。 除了学习JavaScript的基本语法和API之外，还要多进行实战练习，掌握实际应用技巧。可以参考优秀的前端开源项目和博客，了解不同的开发思路和技术实现方法，同时也可以积累更多的经验。 最后，在进行前端开发的过程中，可以使用比较成熟的JavaScript框架和库，比如jQuery、AngularJS、React等，能够更好地提高开发效率，并且有助于让你的应用达到较好的性能和用户体验。 总之，通过深入学习JavaScript，结合实际开发实践，应用成熟的JavaScript框架和库，可以快速搞定前端技术，使自己更加成为一名优秀的前端开发工程师。 ### 回答2： JavaScript是一种高级编程语言，用于在网页上创建交互式效果。它可以被用于快速搞定前端技术一面。 JavaScript的主要优点之一是它易于学习和使用。它被广泛使用，因为它不仅简单易懂，更可以用于许多场景。JavaScript可以用于DOM操作、事件处理、动画、表单验证等多种场景，这些都是前端技术中的核心部分。 对于想要迅速入门前端技术的人来说，建议从JavaScript开始学习。有很多在线资源，比如MDN文档，可以帮助你开始认识JavaScript的基础知识和语法。同时，有很多JavaScript框架，如React、Vue、Angular等，可以让你更有效地构建大型应用程序。 另外，要想在前端技术领域获得成功，还需要学习HTML和CSS。它们是构建网页的基础。但是，通过JavaScript，你可以使这些基础更加强大。例如，你可以使用JavaScript操作HTML元素，并对其添加样式，使网页更加交互和美观。 因此，如果你想快速搞定前端技术一面，请开始学习JavaScript吧。你会发现这是一门动态、有趣且实用的编程语言，可以帮助你构建高度可交互的网页体验。 ### 回答3： JavaScript是一门运行在浏览器端的编程语言，是前端开发必备的技术之一。在JavaScript中，可以使用HTML和CSS来操作和控制页面的交互和显示效果，同时也可以通过JavaScript来实现一些复杂的功能和逻辑操作。 要快速搞定前端技术中的JavaScript，需要掌握以下几个方面： 1. 基础语法：JavaScript的基础语法包括变量、数据类型、运算符、流程控制语句等，需要掌握这些基本概念，才能编写出简单的程序。 2. DOM操作：DOM是文档对象模型的缩写，用于操作HTML和CSS。掌握DOM操作能够使前端开发更为得心应手，可以快速处理页面的展示效果。 3. AJAX：AJAX是异步JavaScript和XML的缩写，是一种用于创建快速动态网页的技术。它可以通过JavaScript异步请求数据，可以将页面刷新的时间和流量大大降低。 4. 框架和库：JavaScript拥有众多框架和库，这些工具包可以帮助前端开发者更快速地完成开发工作。例如，React、Vue.js等框架可以将前端开发极大地简化，加速前端开发效率。 总而言之，想要快速搞定前端技术中的JavaScript，需要不断学习掌握基础语法、DOM操作、AJAX等技术，同时了解一些常用的库和框架，这样便可以更好地适应前端开发的需求。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值