精华内容
下载资源
问答
  • 前言 前端校招面试题主要内容包括html,css,前端基础,前端核心,前端进阶,移动端开发,...HTML是页面中内容载体,可以展示开发者想要用户浏览任何文字、图片、音频信息。对于HTML各类标签,不仅要掌握日常开发

    前言

    前端校招面试题主要内容包括html,css,前端基础,前端核心,前端进阶,移动端开发,计算机基础,算法与数据结构,设计模式,项目等等。(本文资料 适合0-2年)

    包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目,涵盖了初中级前端技术点。

    文章中所列主要为大纲部分,详细内容可以在文末自行获取哈!

    学习路线

    HTML基础
    HTML是页面中内容的载体,可以展示开发者想要用户浏览的任何文字、图片、音频信息。对于HTML的各类标签,不仅要掌握日常开发中经常碰到的,也要慢慢积累那些不常用标签,块级、行内元素的定义以及二者相互转换几乎是每场技术一面常考问题。

    • 浏览器页面有哪三层构成,分别是什么,作用是什么?
    • HTML5的优点与缺点?
    • Doctype作用? 严格模式与混杂模式如何区分?它们有何意义?
    • HTML5有哪些新特性、移除了哪些元素?
    • 你做的网页在哪些浏览器测试过,这些浏览器的内核分别是什么?
    • 每个HTML文件里开头都有个很重要的东西,Doctype,知道这是干什么的吗?
    • 说说你对HTML5认识?(是什么,为什么)
    • 对WEB标准以及W3C的理解与认识?
    • HTML5行内元素有哪些,块级元素有哪些, 空元素有哪些?
    • 什么是WebGL,它有什么优点?
    • 请你描述一下 cookies,sessionStorage 和 localStorage 的区别?
    • 说说你对HTML语义化的理解?
    • link和@import的区别?
    • 说说你对SVG理解?
    • HTML全局属性(global attribute)有哪些?
    • 说说超链接target属性的取值和作用?
    • data-属性的作用是什么?
    • 介绍一下你对浏览器内核的理解?
    • 常见的浏览器内核有哪些?
    • iframe有那些缺点?
    • Label的作用是什么,是怎么用的?
    • 如何实现浏览器内多个标签页之间的通信?
    • 如何在页面上实现一个圆形的可点击区域?
    • title与h3的区别、b与strong的区别、i与em的区别?
    • 实现不使用 border 画出1px高的线,在不同浏览器的标准模式与怪异模式下都能保持一致的效果?

    CSS基础
    在校招准备时,掌握CSS各类常用的属性是必要的,其中浮动、清除浮动以及定位更是必考点。CSS盒模型,CSS各类选择器也是面试官常考问题,各个选择器优先级顺序、多个选择器组合时优先级比重的计算都是必须要掌握的。

    • 解释一下CSS的盒子模型?
    • 请你说说CSS选择器的类型有哪些,并举几个例子说明其用法?
    • 请你说说CSS有什么特殊性?(优先级、计算特殊值)
    • 要动态改变层中内容可以使用的方法?
    • 常见浏览器兼容性问题与解决方案?
    • 列出display的值并说明他们的作用?
    • 如何居中div, 如何居中一个浮动元素?
    • CSS中 link 和@import 的区别是?
    • 请列举几种清除浮动的方法(至少两种)?
    • block,inline和inlinke-block细节对比?
    • 什么叫优雅降级和渐进增强?
    • 说说浮动元素会引起的问题和你的解决办法
    • 你有哪些性能优化的方法?
    • 为什么要初始化CSS样式?
    • 解释下浮动和它的工作原理?清除浮动的技巧?
    • CSS样式表根据所在网页的位置,可分为哪几种样式表?
    • 谈谈你对CSS中刻度的认识?
    • 请你说说em与rem的区别?
    • 请你说说box-sizing属性的的用法?
    • 浏览器标准模式和怪异模式之间的区别是什么?
    • 怪异Quirks模式是什么,它和标准Standards模式有什么区别?
    • 说说你对边距折叠的理解?
    • 内联与块级标签有何区别?
    • 说说隐藏元素的方式有哪些?
    • 为什么重置浏览器默认样式,如何重置默浏览器认样式?
    • 谈谈你对BFC与IFC的理解?(是什么,如何产生,作用)
    • 说说你对页面中使用定位(position)的理解?
    • 如何解决多个元素重叠问题?
    • 页面布局的方式有哪些?
    • overflow :hidden是否形成新的块级格式化上下文?

    JavaScript

    JavaScript主要是为Web页面添加交互行为,基础知识超高频考点有数据类型以及判断方法、闭包、块级作用域、函数提升与变量提升、原型链、JS继承、变量深浅拷贝等等,除此之外还有很多零碎知识点都是前端开发必须掌握的。

    • 原型链
      (1) 创建对象有几种方法?
      (2) instanceof的原理?


    • (1) 类的声明?
      (2) 生成实例?声明一个类,怎么生成类的实例?

    • 继承
      (1) call、apply的共同点与区别?
      (2) 用javascript实现对象的继承/ 继承的几种方式,这几种方式的优缺点?

    • 作用域
      (1) 说说你对作用域链的理解?
      (2) this?

    • JS闭包
      (1) 闭包的特征?
      (2) 闭包应用场景?
      (3) 实际开发中闭包的应用?

    • JS运行机制,单线程,异步
      (1) 如何理解js的单线程?
      (2) js为什么是单线程的?
      (3) 同步和异步的区别是什么?分别举一个同步和异步的例子?
      (4) 何时需要异步?
      (5) 什么是任务队列?
      (6) 请说出下列的值?
      (7) 栈和队列的区别?
      (8) 栈和堆的区别?
      (9) 什么是event loop?
      (10) event-loop流程?
      (11) 哪些语句会放入异步任务队列中?
      (12) 何时被放入任务队列?

    • JS数据类型
      (1) js使用typeof能得到的哪些类型?
      (2) 如何准确判断一个变量是数组类型?
      (3) js变量按照存储方式区分为哪些类型,并描述其特点?
      (4) null和undefined的区别?
      (5) undefined的典型用法?
      (6) null的典型用法?
      (7) chrome60+浏览器中,a===b的是哪项?

    • JS的内置函数,内置对象
      (1) js中有哪些内置函数/ 数据封装类对象?
      (2) js中有哪些内置对象?
      (3) js变量按照存储方式区分为哪些类型,并描述其特点?
      (4) 字符串方法/ String对象方法?
      (5) 数组方法/ Array对象方法?
      (6) 数组API?
      (7) 对象API?

    • 数组去重
      (1) 数组怎么去重?
      (2) 对上述数组去重方法速度比较?
      (3) 一句话数组去重?
      (4) 保留数组中非重复元素?
      (5) 保留数组中重复元素?

    • 内存泄露
      (1) 哪些操作会造成内存泄漏?
      (2) js内存泄漏的解决方式

    • DOM
      (1) dom是哪种基本的数据结构?
      (2) dom操作的常用api有哪些?
      (3) dom节点的attribute和property有何区别?
      (4) dom结构操作/ 怎样添加、移除、移动、复制、创建和查找节点/ dom操作的
      常用api?
      (5) dom事件的级别?
      (6) dom事件模型?
      (7) dom事件流?
      (8) 描述dom事件捕获的具体流程?
      (9) event对象的常见应用?
      (10) 自定义事件/ 模拟事件?
      (11) 通用事件绑定/ 编写一个通用的事件监听函数?
      (12) dom树、render树的关系/ dom树、render树的区别(第2、3条)?

    • BOM
      (1) bom常用属性?

    • 通信
      (1) 什么是同源策略及限制?
      (2) 前后端如何通信?
      (3) 跨域通信的几种方式?
      (4) jsonp实现?
      (5) 可以跨域的三个标签?
      (6) 三个可跨域的标签的使用场景?

    • Ajax
      (1) ajax请求的原理/ 手写一个ajax请求?
      (2) readyState?
      (3) ajax异步与同步的区别?
      (4) ajax传递中文用什么方法?

    • 错误监控
      (1) 前端错误的分类/ 如何检测js错误/ 如何保证你的产品质量?
      (2) 错误的捕获方式?
      (3) 上报错误的基本原理?

    • 模块化
      (1) amd、cmd区别?
      (2) amd、commonJs区别?

    • 虚拟DOM
      (1) vdom的如何应用,核心api是什么?
      (2) 虚拟dom转换成真实dom?
      (3) diff实现过程?

    浏览器相关

    页面在浏览器中显示时,浏览器针对页面中的HTML、CSS、JS代码,以及各类图片、音频资源有特定的渲染机制,同时页面资源请求是通过浏览器代为执行的,出于安全考虑,浏览器制定了同源策略,当请求方与目的地不同源则需要跨域请求资源,约有5-6种跨域方案,实现原理不同,也有不同方面的优缺点,此类问题几乎是笔试中问答题的必考题。

    • 浏览器存储的方式有哪些
    • 浏览器内核的理解
    • HTTP 的请求方式场景
    • HTTP状态码
    • 从浏览器地址栏输入URL后发生了什么?
    • 请你谈谈Cookie的优缺点
    • cookies , sessionStorage 和 localStorage 的区别
    • 浏览器缓存
    • 浏览器渲染的步骤
    • GET 和 POST 请求的区别
    • 什么是reflow
    • 什么时候会导致reflow发生呢?
    • 减少reflow对性能的影响

    框架相关

    原生JS虽能实现绝大部分功能,但要么就是过于繁琐,要么就是存在缺陷,故绝大多数开发者都会首选框架开发方案。现阶段较热门是React、Vue两大框架,两者工作原理上存在共通点,也存在一些不同点,对于校招来说,不需要两个框架都学得特别熟,一般面试官会针对你简历中写的框架进行提问。

    在框架方面,生命周期、钩子函数、虚拟DOM这些基本知识是必须要掌握的,在学习的过程可以结合框架的官方文档

    Vue框架

    知识要点:
    1. vue-cli工程
    2. vue核心知识点
    3. vue-router
    4. vuex
    5. http请求
    6. UI样式
    7. 常用功能
    8. MVVM设计模式

    React框架

    知识要点:
    1. 基本知识
    2. React 组件
    3. React Redux
    4. React 路由

    计算机网络

    网络技术是前端页面数据交互的桥梁,在前端岗的校招中,除了前端方面的知识以外,计算机网络方面算是第二大重点了。

    其中较为常考的主要有:OSI七层模型、各层中的传输协议、TCP/UDP区别、TCP三次握手四次挥手、HTTP/HTTPS区别、HTTP各版本、HTTP报文结构等等。这类知识比较枯燥繁琐,在学的时候可以通过画图来加强记忆。

    • TCP 建立连接的三次握手过程
    • cdn 原理
    • HTTP 的头部包含哪些内容。常见的请求方法(我为什么要 说后面的 options,head,connect)
    • 请求方法 head 特性
    • HTTP 状态码,301和302 有什么具体区别,200 和 304 的 区别
    • OSI 七层模型
    • TCP 和 UDP 的区别,为什么三次握手四次挥手
    • HTTP 缓存机制
    • websocket 和 ajax 的区别是什么,websocket 的应用场景有哪些
    • TCP/IP 的网络模型
    • 知道什么跨域方式吗,jsonp 具体流程是什么,如何实现 原生 Jsonp 封装,优化,对于 CORS,服务器怎么判断它该不 该跨域呢
    • 怎么生成 token,怎么传递
    • 操作系统进程和线程的区别
    • 什么是进程线程
    • 线程的那些资源共享,那些资源不共享
    • 操作系统里面进程和线程的区别
    • Linux 查询进程指令,查询端口,杀进程
    • 进程间的通信方式有哪些?

    数据结构与算法

    这一块在笔试、面试的代码题中考核较多,其中常考的数据结构主要有:数组、链表、队列、栈、Set、Map、哈希表等,不同数据结构有不同的方法以及储存原理,这些算是技术岗的必备知识。算法部分主要分为两大块,排序算法与一些其他算法题

    排序算法根据考频高低主要有:快速排序、归并排序、堆排序、冒泡排序、插入排序、选择排序、希尔排序、桶排序、基数排序、Timsort这十种,这类考核点要么是算法的时间、空间复杂度、稳定度,要么是直接手写代码,故在理解算法原理的同时,对JS语言版的排序算法代码也要加强记忆。

    • 二叉树层序遍历
    • B 树的特性,B 树和 B+树的区别
    • 尾递归
    • 如何写一个大数阶乘?递归的方法会出现什么问题?
    • 把多维数组变成一维数组的方法
    • 知道的排序算法 说一下冒泡快排的原理
    • Heap 排序方法的原理?复杂度?
    • 几种常见的排序算法,手写
    • 数组的去重,尽可能写出多个方法
    • 如果有一个大的数组,都是整型,怎么找出最大的前 10 个数
    • 知道数据结构里面的常见的数据结构
    • 找出数组中第 k 大的数组出现多少次,比如数组【1,2, 4,4,3,5】第二大的数字是 4,出现两次,所以返回 2
    • 合并两个有序数组
    • 给一个数,去一个已经排好序的数组中寻找这个数的位 置(通过快速查找,二分查找)

    最后

    正值金三银四招聘旺季,很多小伙伴都询问我有没有前端方面的面试题,特地整理出来赠送给大家!

    资料领取方式:点击这里前往免费获取

    结构里面的常见的数据结构

    • 找出数组中第 k 大的数组出现多少次,比如数组【1,2, 4,4,3,5】第二大的数字是 4,出现两次,所以返回 2
    • 合并两个有序数组
    • 给一个数,去一个已经排好序的数组中寻找这个数的位 置(通过快速查找,二分查找)

    [外链图片转存中…(img-yWPLgE1n-1616070520973)]

    最后

    正值金三银四招聘旺季,很多小伙伴都询问我有没有前端方面的面试题,特地整理出来赠送给大家!

    资料领取方式:点击这里前往免费获取

    前端资料图.PNG

    展开全文
  • 主要包括哪些功能模块,实现了哪些主要功能? 该系统主要是添加特定日子重要信息,已达到提醒作用。备忘分为三种约会、备忘、以及纪念日。添加后备忘可进行修改更新。另外还有写日记功能。除此之外还有后台,...
  • 详细信息请查看<a href="https://developers.google.com/web/fundamentals/performance/rail?hl=zh-cn">RAIL</a>性能模型。 <h2>2. 编码优化 编码优化涉及到应用运行时性能,本小节介绍几个可以提升程序...
  • IIS6.0 IIS,互联网信息服务

    热门讨论 2010-08-23 21:20:55
    多个IP对应多个Web站点 如果本机已绑定了多个IP地址,想利用不同的IP地址得出不同的Web页面,则只需在“默认Web站点”处单击右键,选“新建→站点”,然后根据提示在“说明”处输入任意用于说明它的内容(比如为“我...
  •  动态INCLUDE用jsp:include动作实现 它总是会检查所含文件中的变化,适合用于包含动态页面,并且可以带参数。 静态INCLUDE用include伪码实现,定不会检查所含文件的变化,适用于包含静态页面...
  • 一本很好书《21天学通C#》

    热门讨论 2010-07-25 18:28:53
    第三篇主要分析了C# Web开发的内容,主要包括Web应用程序开发、Web应用程序的调试和异常处理、Web应用程序的部署和配置、Web应用程序的安全性和用C#开发Web Service;第四篇是数据操作篇,主要内容包括ADO.NET 3.5...
  • 划词高亮的业务需求方主要是针对自己产出的内容,你可以比较容易对内容在网页上的排版、HTML 标签等方面进行控制。这种情况下,处理高亮需求会更方便一些,毕竟自己可以根据高亮需求调整现有内容...
  • PHP具有C,C++和Java中的通常见到的运算符。这些运算符的优先权也是一致的。赋值同样使用"="。 算术和字符 以下只有一种运算符是有关字符的: $a + $b :加 $a - $b :减 $a * $b :乘 $a / $b :除 $a % $b :取模...
  • 借助Speed Tracer,您可以更好地了解在应用程序中的哪些地方消耗了时间,并可以解决JavaScript语法分析和执行、CSS式样以及更多方面的问题。  Resolution Test,它可以改变浏览器窗口大小,从而使网站开发者可以在...
  • 10、下列说法,不属于数据模型所描述的内容的是()。 A、数据结构 B、数据操作 C、数据查询 D、数据约束 我的答案:A 11、若按功能划分,软件测试的方法通常分为白盒测试方法和(黑盒测试方法)。 12、...
  • Jsp程序设计试题库

    热门讨论 2009-11-01 16:46:56
    application对象代表应用程序上下文,它允许JSP页面包括在同一应用程序中的任何Web组件共享信息。 Out对象代表提供输出流的访问 Page对象代表JSP页面对应的Servlet类实例 Request对象提供对Http请求数据的访问,...
  • 使用ASP.NET,可以编译页面中的代码,这些代码还可以使用.NET能识别的高级语言来编写,如C#或Visual Basic 2013。.NET现在还添加了对最新Web技术的重要支持,如Ajax和jQuery。 ● 高效的数据访问:一组.NET组件,...
  • <p><code>module</code> 中的 <code>loaders</code>: <ul><li>babel-loader:将代码转换成es5代码</li><li>css-loader:处理css中路径引用等问题</li><li>style-loader:动态把样式写入css...
  • C++网络爬虫项目

    2018-07-04 00:59:17
    信息获取到本地,因为互联网页面中有相当大比例的内容是完全相同或者近似 重复的,“网页去重”模块会对此做出检测,并去除重复内容。 在此之后,搜索引擎会对网页进行解析,抽取网页主体内容,以及页面中包含 的...
  • ASP.net入门教程

    2009-01-15 11:15:52
    当用户请求内容页时,这些内容页与母版页合并,产生将母版页的布局与内容页中的内容组合在一起的输出。有关更多信息,请参见 ASP.NET 母版页概述。 ASP.NET 编译器 所有 ASP.NET 代码都经过了编译,可提供强类型、...
  • 35、测试的目标包括以下哪些内容:找出所有团队必须解决的缺陷/按照功能规格说明书验证解决方案中的组件/找出设计中的错误/找出由意外的用户行为而产生的错误/测试解决方案中的所有组成部分 36、对于MSF 过程模型的...
  • vfp6.0系统免费下载

    2009-09-17 13:49:13
    答案: 在 Visual FoxPro Web 站点上即可获得产品更新信息,其中包括有关 Service Pack 和更新示例、向导及其他代码的信息,该站点网址为: www.microsoft.com/vfoxpro 请定期查看该网站,以便下载产品...
  • java面试宝典

    2013-02-28 16:04:01
    204、EJB2.0有哪些内容?分别用在什么场合? EJB2.0和EJB1.1区别? 51 205、EJB与JAVA BEAN区别? 51 206、EJB基本架构 51 207、MVC各个部分都有那些技术来实现?如何实现? 52 208、J2EE是什么? 52 209、WEB ...
  • java 面试题 总结

    2009-09-16 08:45:34
    动态INCLUDE用jsp:include动作实现 它总是会检查所含文件中的变化,适合用于包含动态页面,并且可以带参数。 静态INCLUDE用include伪码实现,定不会检查所含文件的变化,适用于包含静态页面...
  • 千方百计笔试题大全

    2011-11-30 21:58:33
    204、EJB2.0有哪些内容?分别用在什么场合? EJB2.0和EJB1.1区别? 51 205、EJB与JAVA BEAN区别? 51 206、EJB基本架构 51 207、MVC各个部分都有那些技术来实现?如何实现? 52 208、J2EE是什么? 52 209、WEB ...
  • 渐变效果在Web中也是一种常见的效果,以前靠设计师制作图片来完成,不仅增加了设计师的工作量,在页面中的效果也带来过多的局限制,扩展性也相当差。CSS3渐变不再需要使用图片来代替这些特殊的效果。 第11章介绍...

空空如也

空空如也

1 2 3 4 5 6
收藏数 102
精华内容 40
关键字:

web页面中的内容包括哪些信息