精华内容
下载资源
问答
  • 前端实习面试题一

    2021-01-08 09:10:10
    1.什么是浏览器内核,常用的浏览器的内核有哪些? ...目前的浏览器内核有:trident,Gecko,presto,webkit等 行内元素和块级元素有哪些? 内行元素有:a,span,br,i,img,label等 块级元素有:div,li,ul,ol,h1~h6,tr等 ...
  • 前端实习生面试

    千次阅读 2020-08-23 14:13:02
    1.CSS中浮动是什么? 浮动是 css 的定位属性。除了简单的在图片周围包围文字,浮动可用于创建全部网页布局。浮动定位解决的问题-让多个块级元素在一行内显示。 取值: (1)none:默认值,无浮动定位。...

    1.CSS中浮动是什么?
    浮动是 css 的定位属性。除了简单的在图片周围包围文字,浮动可用于创建全部网页布局。浮动定位解决的问题-让多个块级元素在一行内显示。
    取值
    (1)none:默认值,无浮动定位。
    (2)left:左浮动,让元素停靠在父元素的左边,或紧挨着左侧已有的浮动元素。
    (3)right:右浮动,让元素停靠在父元素的右边,或紧挨着右侧已有的浮动元素。
    清除浮动:清除(clear)是浮动(float)的相关属性。一个设置了清除浮动的元素不会如浮动所设置的一样,向上移动到浮动元素的边界,而是会忽视浮动向下移动。

    描述
    left向左浮动
    right向右浮动
    none默认值。元素不浮动。
    inherit元素继承其父元素的浮动方向。

    CSS的清除浮动(clear):只影响使用清除的元素本身,不能影响其他元素。
    2.行内元素和块级元素区别?
    块级元素:指段落、标题或div之类的元素。这些元素在正常流中时。会在其框和框主键生成‘换行“,所以处于正常流中的块级元素会垂直摆放。
    通过声明display:block。能够让元素生成块级框。
    行内元素:指strong或span之类的元素。这些元素不会在之前或之后生成”行分隔符“,他们是块级元素的后代。通过声明display:inline。能够让元素生成一个行内框。

    (1)行内元素不会占据整行,在一条直线上排列,都是同一行,水平方向排列;块级元素会占据一行,垂直方向排列。
    (2)行内元素不能包含块级元素;块级元素可以包含行内元素和块级元素。
    (3)行内元素与块级元素属性的不同,主要是盒模型属性上,行内元素设置width无效,height无效(可以设置line-height),margin上下无效,padding上下无效。

    3.HTTP常用状态码及其含义是什么?
    2xx成功–表示请求已被成功接收、理解、接受。

    200 OK 一切正常,对GET和POST请求的应答文档跟在后面。
    201 Created 服务器已经创建了文档,Location头给出了它的URL。
    202 Accepted 已经接受请求,但处理尚未完成。
    203 Non-Authoritative Information 文档已经正常地返回,但一些应答头可能不正确。
    204 No Content 没有新文档,浏览器应该继续显示原来的文档。
    205 Reset Content 没有新的内容,但浏览器应该重置它所显示的内容。
    206 Partial Content 客户发送一个带有Range头的GET请求。

    3xx重定向–要完成请求必须进行更进一步的操作。

    300 Multiple Choices 客户请求的文档可以在多个位置找到,这些位置已经在返回的文档内列出。
    301 Moved Permanently 客户请求的文档在其他地方,新的URL在Location头中给出,浏览器应该自动地访问新的URL。
    302 Found 类似于301,新的URL应该被视为临时性的替代,而不是永久性的。
    303 See Other 类似于301/302,不同之处在于,如果原来的请求是POST,Location头指定的重定向目标文档应该通过GET提取。
    304 Not Modified 客户端有缓冲的文档并发出了一个条件性的请求。
    305 Use Proxy 客户请求的文档应该通过Location头所指明的代理服务器提取。
    307 Temporary Redirect 和302(Found)相同。许多浏览器会错误地响应302应答进行重定向。

    4xx:客户端错误–请求有语法错误或请求无法实现。

    400 Bad Request 请求出现语法错误。
    401 Unauthorized 客户试图未经授权访问受密码保护的页面。
    403 Forbidden 资源不可用。服务器理解客户的请求,但拒绝处理它。
    404 Not Found 无法找到指定位置的资源。
    405 Method Not Allowed 请求方法(GET、POST、HEAD、DELETE、PUT、TRACE)对指定的资源不适用。
    406 Not Acceptable 指定的资源已经找到,但它的MIME类型和客户在Accpet头中所指定的不兼容。

    5xx:服务器端错误–服务器未能实现合法的请求。

    500 Internal Server Error 服务器遇到了意料不到的情况,不能完成客户的请求。
    501 Not Implemented 服务器不支持实现请求所需要的功能。
    502 Bad Gateway 服务器作为网关或者代理时,为了完成请求访问下一个服务器,但该服务器返回了非法的应答。
    503 Service Unavailable 服务器由于维护或者负载过重未能应答。
    504 Gateway Timeout 由作为代理或网关的服务器使用,表示不能及时地从远程服务器获得应答。

    4.CSS 选择符有哪些?

    id选择器( # myid)
    类选择器(.myclassname)
    标签选择器(div, h1, p)
    相邻选择器(h1 + p)
    后代选择器(li a)
    子选择器(ul > li)
    通配符选择器( * )
    属性选择器(a[rel = “external”])
    伪类选择器(a: hover, li:nth-child)

    可继承的样式: font-size font-family color, UL LI DL DD DT
    不可继承的样式:border padding margin width height
    优先级: important > id > class > tag
    5.怎样添加、移除、移动、复制、创建和查找节点?
    (1)创建新节点

    createDocumentFragment() //创建一个DOM片段
    createElement() //创建一个具体的元素
    createTextNode() //创建一个文本节点

    (2)添加、移除、替换、插入

    appendChild() //添加  
    removeChild() //移除   
    replaceChild() //替换
    insertBefore() //插入

    (3)查找

    getElementsByTagName() //通过标签名称
    getElementsByName() //通过元素的Name属性的值
    getElementById() //通过元素Id,唯一性

    6.关于持久化对象的特征
    ①OID(对象标识符)不为null。
    ②位于Session缓存中,即持久化对象总是被Session实例关联。
    ③持久化对象在数据库中有相应的记录所对应。
    ④Session清理缓存时,会根据持久化对象的属性变化,同步更新数据库。
    ⑤Session的save()将临时对象转变为持久化对象。
    ⑥Session的load()或get()方法返回对象是持久化对象。
    ⑦Query.list()返回的对象是持久化对象。
    ⑧Session的update(), saveOrUpdate()和lock()方法使得游离对象转变为持久化对象。
    ⑨持久化对象关联一个临时对象时,允许级联保存情况下,Session在清理缓存时会把此临时状态转变为持久化对象。
    7.对于线程调度的理解?
    (1)具有相同优先级的多个线程的调度可能是分时的,也可能是线程逐个运行,由具体JVM而定。
    (2)Java的线程调度策略是一种基于优先级的抢先式调度。
    (3)调用线程的 yeild()方法,只让给同优先级运行。
    (4)调用线程的sleep()方法,可以使比其低的优先线程运行.
    8.JSP九大内置对象,七大动作,三大指令?
    (1)JSP之九大内置对象
    out 输出流对象
    request 请求对象
    response 响应对象
    config 配置对象
    session 会话对象
    application 应用程序对象
    page 页面对象
    pageContext 页面上下文对象
    Eexception 异常对象

    (2)JSP之三大指令
    page指令

    <%@ page language=”java” import=”java.util.*” pageEncoding=”UTF-8”%> 
    

    pageEncoding:指定当前页面的编码 。
    如果pageEncoding没有指定,那么默认为contentType的值; 如果pageEncoding和contentType都没有指定,那么默认值为iso-8859-1。
    errorPage:如果当前页面出现异常,那么跳转到errorPage指定的jsp页面。

    <%@ page errorPage=”b.jsp” %> 
    

    isErrorPage:上面示例中指定b.jsp为错误页面,但在b.jsp中不能使用内置对象exception,保有b.jsp中使用<%@page isErrorPage=”true”%>时,才能在b.jsp中使用错误页面。
    autoFlush:当autoFlush为true时,表示out流缓冲区满时会自动刷新。默认为true 。
    buffer:指定out流的缓冲区大小,默认为8KB 。
    isELIgnored:当前JSP页面是否忽略EL表达式,默认为false,表示不忽略,即支持EL表达式。

    include 指令
    JSP可以通过include指令来包含其他文件。被包含的文件可以是JSP文件、HTML文件或文本文件。包含的文件就好像是该JSP文件的一部分,会被同时编译执行。

    <%@ include file=”文件相对 url 地址” %>
    

    taglib 指令
    taglib指令是用来在当前jsp页面中导入第三方的标签库

    <%@ taglib uri=”http://java.sun.com/jsp/jstl/core” % prefix=”c” > 
    

    (3)JSP之七大动作
    jsp:include:在页面被请求的时候引入一个文件。
    jsp:useBean:寻找或者实例化一个 JavaBean。
    jsp:setProperty:设置 JavaBean 的属性。
    jsp:getProperty:输出某个 JavaBean 的属性。
    jsp:forward:把请求转到一个新的页面。
    jsp:plugin:根据浏览器类型为 Java 插件生成 OBJECT 或 EMBED 标记。
    9.Spring提供了JMS层的抽象。
    10.常用的线性结构有
    :线性表,栈,队列,双队列,数组,串。
    常见的非线性结构有:二维数组,多维数组,广义表,树(二叉树等)。

    展开全文
  • 小戴的朋友小庄兴冲冲的跑去参加了字节跳动前端训练营的线上面试,回来以后灰头土脸,小庄讲五道算法题全部都GG了,线上面试在牛客网上举行,实话讲这五道算法题我还不是都了解只是了解其中三道题目,由于小庄面试...

    小戴的朋友小庄兴冲冲的跑去参加了字节跳动前端训练营的线上面试,回来以后灰头土脸,小庄讲五道算法题全部都GG了,线上面试在牛客网上举行,实话讲这五道算法题我还不是都了解只是了解其中三道题目,由于小庄面试过程过于紧张,其中很多道算法连题目都忘记了,其中一道题目刚好小戴在三个月前无意中在leetcode上面刷到现附上小戴代码和题目大意图片如下.
    3个月前小戴的惨痛经历
    题目大体意思如下:
    题意
    实现代码:
    小戴屎一样的代码哈哈
    实现细节是:利用栈这个数据结构先进后出的特点,把字符串里面的左括号先进行入栈操作,当循环遍历到右括号的时候呢,弹出栈中左括号,如果栈中没有左括号则无可匹配的左括号返回false,当右括号匹配左括号完毕以后,再判断栈中还有没有没有匹配到右括号的左括号,则返回false(意思是没有匹配的右括号)。
    最后总结:面试前一定要好好准备.不能像小庄同学噗哈哈哈QAQ。

    展开全文
  • 前端实习生面试总结(一)

    千次阅读 2018-07-09 23:40:11
    今天去面试了一个公司的前端实习生岗位,特意记录下,为下次面试做点经验准备,废话不多说,直接上题目。 解析一个逆波兰式 function isOperator(op) { if (op.search('[0-9]+') &amp;gt;= 0) { // 表示这...

    今天去面试了一个公司的前端实习生岗位,特意记录下,为下次面试做点经验准备,废话不多说,直接上题目。

    • 解析一个逆波兰式
    function isOperator(op) {
      if (op.search('[0-9]+') >= 0) {
        // 表示这是一个数字
        return 0
      }
      else if (['+', '-', '*', '/'].indexOf(op) >= 0) {
        // 表示为一个合法的操作符
        return 1
      }
      else{
        // 表示为一个非法操作符
        return 2
      }
    }
    
    math_op = {
      '+': (first, second) => first + second,
      '-': (first, second) => first - second,
      '*': (first, second) => first * second,
      '/': (first, second) => {
        if (second == 0) {
          throw new Error('第二个数字不能为零')
          return 
        }
        if (first % second != 0){
          return (first/second).toFixed(5)
        } else {
          return (first/second)
        }
      }
    }
    
    function rpn(rpnStr){
      let rpnArr = rpnStr.trim().split(' ')
      let len = rpnArr.length
      if (len == 1) return rpnArr[0]
      let arr = []
      let i
      for (i = 0; i< len; i++) {
        let item = rpnArr.shift()
        try{
          if (isOperator(item) == 0) {
            arr.push(Number(item))
          }
          else if (isOperator(item) == 1) {
            let second = arr.pop()
            let first = arr.pop()
            arr.push(math_op[item](first, second))
          }
          else if (isOperator(item) == 2) {
            throw new Error('非法操作符')
          }
        } catch(e) {
          console.log(e.message)
          return 
        }
      }
      if (i != len){
        return 
      }
      if (arr.length != 0) {
        if (arr.length == 1) {
          return arr[0]
        } else {
        console.log('缺少操作符,此时栈中情况如下')
        return arr
        }
      }
    }
    • Vue生命周期
      beforeCreate,created,befoeMount,mounted,beforUpdate,updated,beforeDestroy,destroyed,分为组件实例创建,模板编译挂载,数据更新,实例销毁
      实例,按F12看生命周期(只看到实例创建和挂载)
      app.message = 'updated',查看数据更新
      app.$destroy
      beforeDestroy,在销毁前调用,此时Vue实例还在,destroyed,啥都没有了

    beforeCreate,可以加loading
    created, 结束loading,自执行函数
    mounted, 发起后端请求
    beforeDestroy, 确认是否删除
    destroyed, 可以清一些定时器类的
    参考这位兄台的

    • Mysql中主键与外键的区别
      • 主键,唯一标识一条记录,不能重复,不能为空,保证数据完整性
      • 外键,该表的外键是另一张表的主键,可以重复,可以为空,用来和其他表建立联系

        问题:为什么要设置外键,可以通过where语句查询也是一样?
        当删除了设置外键的主键之后,所有的外键都会被自动删除,例如:论坛上帖子和回复,在回复上设置外键为帖子的id,当帖子被删除后,回复也会被自动删除

    • 当在浏览器地址栏输入一个URL按enter后发生了什么

      1. 向DNS服务器查询ip地址
      2. 浏览器根据ip地址与目标服务器在端口80建立TCP/IP连接
      3. 获取相应的html代码
      4. 渲染html代码
    • 拓展:前端优化

      1. 减少http请求,合并文件、图片
      2. 浏览器缓存技术,Last-Modified或者Etag,验证本地是否为最新的,返回304则使用本地,否则下载新版本,or设置缓存过期时间
      3. 文件使用GZIP进行压缩
      4. 脚本放底部,样式放首部,尽量外联JS、CSS
    • 但是当你ping www.baidu.com 时得到的ip却不是同一个,引出Nginx负载均衡

      • 轮询(默认),根据请求次数,将每个请求均匀分配到每台服务器
      • 最少连接,将请求分配给连接数最少的服务器,Nginx会自动统计
      • Ip hash,通过散列函数得到一个HASH值,分配到特定服务器
    • 浏览器实时数据刷新

      • 轮询方式实现数据实时更新,通过Ajax实现(每隔一段时间发一次),缺点是造成服务器较大负载
      • ajax长连接,客户端发请求,服务器查询有没有新数据,没有新数据就阻塞这个请求,直到有新数据或者超时,客户端收到请求返回结果后立刻再发一次请求
      • HTML5 Web Socket

    今天大致就是这样,发挥的不太好,但从此次面试中可以看出对于前端的要求是越来越高了,需要对网络、算法、Linux、数据库都要有所了解,也对于以后的面试有了一次经验准备。

    展开全文
  • 记一次前端实习生面试

    千次阅读 2018-03-17 16:07:13
    蚂蚁金服前端实习面试1.实习一面问题问的比较杂,js、css、和html都有涉及,但是都不深入。 比如关于BFC等,我开个头说了几句,面试官就开始问下一个问题了。 一面主要有几个问题没答出来,大部分都是关于网络层的...

    蚂蚁金服前端实习面试

    1.实习一面问题问的比较杂,js、css、和html都有涉及,但是都不深入。

    比如关于BFC等,我开个头说了几句,面试官就开始问下一个问题了。

    一面主要有几个问题没答出来,大部分都是关于网络层的问题,有个css的问题。
    

    (1)udp协议和tcp协议的区别

    选项TCPUDP
    是否连接面向连接面向非连接
    传输可靠性可靠会丢包,不可靠
    应用场景传输数据量大传输量小
    速度

    这里写图片描述
    而udp首部里只有源端端口、目的地端口、用户数据包长度和检查和。无确认号序号等等。

    (2 )前端输入一个URL(如www.baidu.com),到页面展示的全过程。
    首先需要完成从域名到在服务器对应的ip的寻址。先查找本地浏览器的hosts文件,若无则找本地域名服务器,若再无则访问根域名服务器(先从顶级根域名服务器开始找,全球13台)
    根据上述步骤查找到ip地址后就可以访问服务器了。按照tcp/ip协议三次握手建立连接,解析回传的html于浏览器。
    这里有个问题,其实真正传输的服务器地址是靠服务器的mac地址。在ip协议层里,这层要寻到服务器的mac地址,并将其填入ip层报文头,交给数据链路层传输。这个从ip寻址到mac寻址的过程要用到ip层的一个协议叫地址解析协议(即ARP协议),是根据IP地址获取物理地址的一个TCP/IP协议.这个协议寻找下一跳的mac地址是通过的广播,到该局域网所有的主机(若目的地址不在这个网络里则发送给这个网段的路由器)。收到返回消息后将该IP地址和物理地址存入本机ARP缓存中并保留一定时间,下次请求时直接查询ARP缓存以节约资源。这里又有个问题,那如果服务器太远(比如google等),那全用广播不是会特别慢吗,(这里用的路由表的思路,但是这个路由表我还不是特别明白,大概就是用的动态路由协议)这里又用到了一个协议叫ospf协议,它是基于spf算法的链路状态路由协议。通过这个协议去寻找最优路径(每个路由表里存放的是ip地址最优路径)。大概是这样,其实对于寻址,我还是不是特别清楚,后续还要继续看看。

    展开全文
  • 阅文前端实习生面试题(基础)

    千次阅读 2018-09-26 09:09:01
    http://note.youdao.com/noteshare?id=65933aff7dc7e5aac52411dbd7877cb9
  • 滴滴出行前端实习生面试经验

    千次阅读 2018-04-14 14:43:14
    然后面试官问我有什么问题问他吗,我问,由于我学习前端时间不长(此处面试官问多长,我说三四个月),刚刚面试过程觉得自己基础也不是很扎实,我应该如何学习来提升自己的能力,面试官回答:他们对于在校生实习的...
  • 百度前端实习生面试经历

    千次阅读 2016-12-17 11:15:36
    说实话,这应该是自己第一次认真准备,又很在意面试,非常感谢学长的内推。昨天从下午三点一直到晚上七点经历了三场面试,每场大约半小时左右,前两场技术面,最后一面是高级项目经理的“软实力”面试。因为我没做过...
  • 最近面试拿了很多公司的实习offer,只要是面试的都通过了。 接下来就分析下面试题,也能给自己一个提升吧,以便后续的面试更轻车熟路些,题目没什么顺序,想起什么写什么,还有我面试过程中的一些小套路。 估计要写...
  • 收到腾讯的面试短信之后,心里很激动,随即就着手开始准备面试(对于笔试我就不赘述,要准备笔试的同学可以到牛客或者赛码进行练习)。从网上搜了很多面试的题目,复习的范围很广,但是也很杂。感觉这样的效率的确是...
  • 亚信前端实习生面试记录

    千次阅读 2017-07-11 18:49:22
    2017.7.11早十点参见了亚信的实习生面试,地点济南。 首先给了一份面试试题,java工程师试题,但我记得我应聘的是前端。 这份java试题分为java基础、数据库基础、web前端基础、框架部分(Spring Struts Hibernate ...
  • 前端实习生面试总结

    2020-10-27 15:55:14
    webpack websoket和http协议 new对象做了什么 基本数据类型和引用数据类型的存储 垃圾回收机制 闭包 原型和原型链 前端性能优化 优雅降级和逐渐增强 IE盒子模型和W3C模型 替换元素和非替换元素 node事件循环 js事件...
  • 21届前端实习生面试回顾

    千次阅读 2020-09-11 17:15:21
    现在准备在一家互联网金融公司实习面试准备 1.带好简历,即使有的公司会打印。 2.带上笔记本(最好)讲项目的时候可以问下面试官愿不愿意看,有实际的东西讲起来会比较轻松。 3.可以带支笔(预备) 4.我反正每天...
  • 这里有一套前端模拟笔试题,你可以试试:前端实习 | 智一面 第三,如若你没有前端工作经验,一定要向面试官展示你的学习能力 我觉得以上这三点是最重要的。 其次才是: 第四,把自己收拾干净、清爽 第五,注意礼貌,...
  • 2020年CVTE前端实习生面试

    千次阅读 2020-01-27 17:39:39
    总体来说,整个过程难度是比较简单的,面试官和HR对实习生的态度也是让人比较舒服的。 笔试偏基础,有些知识点很冷门,出题形式有点像牛客上面的题库,有两道代码大题,选择题只有一次回答机会(不能回去修改)。...
  • 之前因为自己基础知识掌握得不太行,只投过一家小公司笔试没过。前几天不小心点开了一家公司的boss直聘的立即沟通,没想到软件...为什么学习前端? 2、html中行内元素有哪些,块状元素有哪些?他们有什么区别? 3、你能
  • Web前端开发工程师实习生面试题一 1、简述一下CSS的盒子模型 2、Vue的生命周期 3、了解webpack吗?可以简述一下吗? 4、在地址栏输入URL后,前端与后端的数据传输的过程请简述一下 5、了解Vue的哪些使用? 有待更新...
  • 其实前端实习生的工作是不太好找的,很多公司都不太愿意招聘实习生,但是你还是可以大胆尝试,在面试当中征服面试官让他有信心培养你。 其实现在很多公司招聘前端都会有技术笔试题给你做,这份笔试题大致决定了你的...
  • 两道编程题,笔试是在面试里的,电话面试一开始就让进入评测系统进行答题,时间半个小时 /** * 实现一个简易的 JavaScript 动画队列 * 要求实现 enqueue 和 dequeue 两个方法,实现动画调度队列; * 要求 enqueue...
  • 17年4月,终于迎来了阿里巴巴的实习招聘,我也很开心的通过朴神内推到阿里云的前端开发。故事就是这么展开了。还记得当初3月份(我也记不清了)朴神在微博上面发了谁愿意和他一起写 Node ,于是我激动的花了一晚上写...
  • 岗位:前端开发实习生 奉上技术面部分试题和我当时的解答,希望可以给到大家参考。 面试官: 看你的简历,你最近有在自己做组件库对吗?而且是使用React Hooks,那你可以说一说React Hooks产生的原因,以及它解决了...
  • 网易前端实习生面试

    2017-04-28 17:52:12
    css中问的问题: 1.盒子模型; 2.选择器; 3·.position的值及absolute; js问题: 1.原型及原型链; 2.with() 3.作用于及作用域链; SSH的http处理过程;...整个电面20分钟,面试官漫步尽心的,感觉没睡醒。
  • 应届找工作中涉及到的前端题目,很多企业都要求会使用vue,大概都会从各个知识点中询问一些问题,下面记录了几场面试/笔试下来,问的最多的几个问题,大多都在基础问题。 一、HTML 1- 块标签和行标签的区别以及有...
  • 谈一谈面试前端实习生的感受

    千次阅读 2020-09-01 03:48:06
    谈一谈面试前端实习生的感受 文章目录前言一、第一场面试1.职位地点2.面试内容二、第二场面试1.职位地点2.面试内容总结 前言 今天接受了2个面试,都是线上面试。第一个还好,第二个把我问懵逼了。咋就分别谈谈面了...
  • 国庆前端面试总结 国庆节前在面试了学校推荐的一家公司之后就马上机智的继续寻找‘备胎’,通过我的广撒网和不懈坚持和努力,在实习僧投递的简历被HR查看到并且非常热情的加了我微信并邀请我国庆5号去参加面试,...
  • 前端开发实习面试题(Web篇)

    千次阅读 2020-09-22 15:36:11
    } 备注:在B/S系统前端开时,有很多情况下我们又这种需求。当内容小于一个值(如300px)时。容器的高度为300px;当内容高度大于这个值时,容器高度被撑高,而不是出现滚动条。这时候我们就会面临这个兼容性问题。 ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 9,384
精华内容 3,753
关键字:

前端实习生面试