面试技能
关注
分享
扫一扫
文章平均质量分 77
小豪boy
这个作者很懒，什么都没留下…
展开
-
前端面试题合辑
一、HTML面试题1. 对 HTML 语义化的理解让人更容易读懂（增加代码可读性）。 让搜索引擎更容易读懂 （搜索引擎优化：SEO）。常见的语义化标签：<header></header> 头部<nav></nav> 导航栏<section></section> 区块（有语义化的div）<main></main> 主要区域<article></artic原创 2021-10-27 11:40:00 · 268 阅读 · 0 评论 -
网页加载过程+性能优化+安全
一、网页加载过程1. 加载资源的形式 htm代码。 媒体文件，如图片、视频等。 Javascript CSS。 2. 加载资源的过程DNS解析：将域名转化为IP地址。 浏览器根据 IP 地址向服务器发起 http 请求。 服务器处理 http 请求，并返回给浏览器。3. 渲染页面的过程根据 HTML 代码生成 DOM Tree 。 根据 CSS 代码生成 CSSOM 。 将 DOM Tree 和 CSSOM 整合形成 Render Tree原创 2021-10-22 19:35:46 · 2846 阅读 · 1 评论 -
http 面试题
一、http 状态码1. 状态码分类1xx 服务器收到请求。 2xx 请求成功，如 200。 3xx 重定向，如 302。 4xx 客户端错误，如 404。 5xx 服务器错误，如 500。2. 常见状态码200 成功。 301 永久重定向（配合 location，浏览器自动处理）。 302 临时重定向（配合 location，浏览器自动处理）。 304 资源未被修改。 404 资源未找到。 403 没有权限。 500 服务器错误。 504 网关超时。二、h原创 2021-10-22 15:35:31 · 944 阅读 · 0 评论 -
JS-Web-API-Ajax-面试题
一、XMLHttpRequest1. GET 请求和 POST 请求2.readyState 的5种状态0：未初始化。尚未调用open()。 1：启动。已经调用open()，但尚未调用send()。 2：发送。已经调用send()，但尚未接收到响应。 3：接收。已经接收到部分响应数据。 4：完成。已经接收到全部响应数据，而且已经可以在浏览器中使用了。3. status 状态码2xx - 表示成功处理请求，如 200。 3xx - 需要重定向，浏览器直接...原创 2021-10-21 17:08:09 · 336 阅读 · 0 评论 -
JS-Web-API-存储-面试题
一、cookie1. cookie 是什么本身用于浏览器和 server通讯。 被“借用”到本地存储来。 可用 document. cookie=来修改。2. cookie 的缺点存储大小，最大4KB。 http 请求时需要发送到服务器端，增加请求数据量。 只能用 document.cookie = '.....' 来修改，太过简陋。二、localStorage 和 sessionStorage1.localStorage 和 sessionStorage 的特点.原创 2021-10-21 11:50:00 · 204 阅读 · 0 评论 -
JS-Web-API-事件-面试题
一、事件绑定简单版通用事件绑定函数：包含事件代理的通用事件绑定函数：注： selector:是个css选择器字符串。 target.matches(selector) : 如果元素被指定的选择器(selector)字符串选择返回true; 否则返回false。二、事件冒泡基于 DOM 树形结构。 事件会顺着触发元素向上冒泡。 应用场景：代理。示例： e.stopPropagation() 的作用是阻止事件...原创 2021-10-21 11:33:20 · 195 阅读 · 0 评论 -
JS-Web-API-BOM面试题
一、BOM是什么BOM（BrowserObjectModel，浏览器对象模型）是JS与浏览器窗口交互的接口。 一些与浏览器改变尺寸、滚动条滚动相关的特效，都要借助BOM技术。二、window对象BOM的核心对象是window对象，它表示浏览器的一个实例。即是JavaScript访问浏览器窗口的一个接口，又是ECMAScript规定的Global对象。 其主要有 ducoment，location，history，navigator，screen等对象以及方法。子对象 说明..原创 2021-10-20 20:56:38 · 526 阅读 · 0 评论 -
JS-Web-API-DOM面试题
一、从 JS 基础知识到 JS Web APIJS 基础知识，规定语法（ECMA 262 标准）。 JS Web API，网页操作的 API（W3C 标准）。 前者是后者的基础，两者结合才能真正实际应用。二、DOM 本质DOM（DocumentObjectModel，文档对象模型）是JavaScript操作HTML文档的接口，使文档操作变得非常优雅、简便。 DOM是JS操控HTML和CSS的桥梁。 DOM最大的特点就是将文档表示为节点树。 DOM是哪种基本的数据结构？ ——...原创 2021-10-20 20:10:34 · 414 阅读 · 1 评论 -
js面试题--异步和单线程
一、单线程js 是单线程语言，只能同时做一件事。 js 和 DOM 渲染共用同一个线程，因为 js 可能会修改 DOM 结构。二、异步为什么要使用异步：程序在遇到等待（网络请求，定时任务）时，不能卡住。 常见的异步模式有：回调函数、promise、async/await等。详细说明链接：什么叫异步-优快云博客。三、同步和异步的区别异步不会阻塞代码执行。 同步会阻塞代码执行。...原创 2021-10-20 15:14:07 · 513 阅读 · 1 评论 -
js面试题--作用域和闭包
一、 js作用域作用域，就是变量起作用的区域（范围）。 1. 全局作用域（在函数和 {} 之外）。 2. 函数作用域（在函数内部）。 3. 块级作用域（ES6新增，在 {} 中）。 题目：创建 10 个 <a> ，点击弹出序号。1. 全局声明序号 i<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewp.原创 2021-10-18 20:20:20 · 701 阅读 · 1 评论 -
js面试题--原型和原型链
一、class 和 继承1. 基本实现class的核心：constructor、属性、方法。 继承的核心：extends、super、扩展或重写方法。<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial=1.0"> <title>原创 2021-10-18 11:29:30 · 828 阅读 · 1 评论 -
js面试题--变量类型和计算
一、变量类型1. 值类型常见值类型：String(字符串)，Number(数值)，Boolean(布尔值)，Undefined，Symbol(表示独一无二的值)2. 引用类型常见的引用类型：Array(数组)，Object(对象)，Function(函数)，Null。3. 值类型和引用类型的区别详细说明链接：JavaScript基本数据类型_小豪boy的博客。二、typeof运算符识别所有值类型识别函数 判断是否是引用类型（但不.原创 2021-10-17 22:36:43 · 1718 阅读 · 2 评论 -
CSS面试题
一、布局1. 盒子模型的宽度如何计算？<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>盒模型</title> <style> #box1 {原创 2021-10-17 10:45:49 · 211 阅读 · 0 评论 -
HTML面试题
一、如何理解 HTML 语义化？让人更容易读懂（增加代码可读性）。 让搜索引擎更容易读懂 （搜索引擎优化：SEO）。例如下面两段代码：注：右边的代码，即使在没有加载 CSS 的情况下也能呈现较好的内容结构与代码结构，易于阅读。更加详细的解释：理解HTML语义化 - freeyiyi1993 - 博客园。二、块级元素、哪些是内联块（行内块）元素、哪些是内联（行内）元素？每一个网页元素都有一个display属性，用于设置元素显示的类型，通过display属性设...原创 2021-10-16 14:00:31 · 152 阅读 · 0 评论