• 华图教育_南京_前端实习面试


    面试比较重基础!

    a、html部分:

      内联标签、块级标签有哪些?两者的区别是什么?行内块元素有哪些?

      html5新增的语义化标签有哪些?

    b、CSS部分:

      布局:position + flex

      获取DOM元素的方法有哪些?

      块级元素居中?水平垂直居中的方法?不知道元素宽高情况下,如何实现水平垂直居中?

      如何清除浮动?

      盒模型

      事件委托

    c、JS部分

      原型及原型链

      闭包是什么,有什么缺点、优点?

      值引用与对象引用的区别?(加入深浅拷贝、深拷贝如何实现)

      let、const、var区别

      字符串、数组的一些方法

      导航属性:父节点、子节点、兄弟节点等

    d、数据库

      连表语法:left join......on....、 right join......on....

    一些回答不好的问题:

    1、jquery获取元素的方法

      Jquery 获取元素的方法分为两种:jQuery选择器、jQuery遍历函数。

    1)获取本身 2)获取同级元素 3)获取父级元素 4)获取子元素

      1)获取本身:

      a.jQuery选择器

    选择器 实例 说明
    #Id $('#myId') ID选择器: 可以获取到ID为“myId”的元素,区分大小写
    .class $('.myClass') 类选择器:可以获取到class为‘myClass’的所有元素
    element $('p') 获取所有的<p>元素
    :header $(':header') 获取所有的标题元素:<h1> ~ <h6>
    :animated $(':animated') 获取所有的动画元素
    :contains(text) $('p:contains(Hello)') 获取所有包含文本为Hello的<p>元素,中间的文本区分大小写
    :hidden $(':hidden') 获取所有的隐藏元素:width和height为0、display:none、type=hidden、
    [attribute] $('[href]') 属性选择器:获取所有含有属性为href的元素
    [attribute=value] $('[href=a.html]')

    =   获取所有带有属性href,并且值为a.html的元素

    !=  获取所有带有属性href,并且值不等于为a.html的元素

    $=  获取所有带有属性href,并且值以a.html结尾的元素

    ^=  获取所有带有属性href,并且值以a.html开头的元素

    ~=  获取所有带有属性href,并且值包含单词”a.html“的元素

    *=  获取所有带有属性href,并且值包含文本”a.html“的元素

    :input $(':input') 获取所有input元素
    :radio $(':radio')

    所有带有 type="radio" 的 input 元素

    相似的有:

    :text、:chexbox、:password、:submit、:reset、:button、:file

    :enabled $(':enabled') 所有启用的input元素。 :disabled  则相反
    :checked $(':checked') 所有选中的input选择(单选框、复选框)
    :gt(index) $('p:gt(2)') index从0开始,获取index大于(不包含)2的所有<p>元素
    :lt(index) $('p:lt(2)') index从0开始,获取index小于(不包含)2的所有<p>元素
    :even $('tr:even') 所有偶数<tr>元素
    :odd $('tr:odd') 所有奇数<tr>元素

      

    b.jQuery选择器jQuery遍历函数混合

    选择器 实例 说明
    :first $('p:first') 第一个<p>元素
    :last $('p:last') 最后一个<p>元素
    :eq(index) $("p:eq(1)") 第二个<p>元素,index从0开始

      

    c.jQuery遍历函数

     方法  描述
     eq()  返回带有被选元素的指定索引号的元素
     first()  返回被选元素的第一个元素
     last()  返回被选元素的最后一个元素

      

      2)选择同级元素

         jQuery选择器

              $('div + p') 每个div相邻的下一个<p>元素
              $('div ~ p') 获取跟div同级的所有的<p>元素

        jQuery遍历函数

             next() 返回被选元素的后一个同级元素
             nextAll() 返回被选元素之后的所有同级元素
             prev() 返回被选元素的前一个同级元素
             prevAll() 返回被选元素之前的所有同级元素

      3)获取父级元素

          jQuery选择器

          $("p:parent")获取所有p元素的父级元素

          jQuery遍历函数

        parent() 获取被选元素的父级元素
        parents() 获取被选元素的所有祖先元素

      4)获取子级元素

      jQuery选择器

        $('div > p') 获取div直接子元素的所有<p>元素
        $('div p') 获取div所有后代的<p>元素

      jQuery遍历函数

        children() 返回被选元素的所有直接子元素
        contents() 返回被选元素的所有直接子元素(包含文本和注释节点)
        find() 返回被选元素的后代元素

    2、冒泡、捕获

      https://blog.csdn.net/qq_34664239/article/details/82427549

    3、如何阻止冒泡

    4、常规排序算法

    5、如何删除对象中的属性

      element.removeAttribute() 从元素中移除指定属性;

      element.removeChild()   从元素中移除子节点

    6、原生JS轮播图

    7、VUE框架

    8、线上笔试(8个选择+2个编程)

    1)冒泡排序

    2)统计连续且相同字符串的个数并输出,例:aaabbccccbbba,输出:3a2b4c2b1a

  • 相关阅读:
    【系列】CentOS 7.3 离线安装(无网络环境)CI CD环境之sonarqube配置
    Abp vnext 配置Swagger增加token认证
    sonarqube+gitlab runner +docker 代码质量检查问题汇总
    【EF Core】EF core中使用FluentAPI对外键进行指定配置
    【系列】CentOS 7.3 离线安装(无网络环境)CI CD环境之gitlab runner 关于私有docker仓库配置
    【系列】CentOS 7.3 离线安装(无网络环境)CI CD环境之harbor
    【系列】CentOS 7.3 离线安装(无网络环境)CI CD环境之gitlab + gitlab runner(docker in docker)
    【杂记】关于在实际项目中使用TDD的方法
    【系列】CentOS 7.3 离线安装(无网络环境)CI CD环境之docker+docker compose
    【TeamCity】使用TeamCity搭建ASP.NET Core + SVN 的 CICD环境
  • 原文地址:https://www.cnblogs.com/minyDong/p/11221360.html
Copyright © 2020-2023  润新知