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

面试比较重基础！

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')	获取所有的 元素
:header	$(':header')	获取所有的标题元素： ~
:animated	$(':animated')	获取所有的动画元素
:contains(text)	$('p:contains(Hello)')	获取所有包含文本为Hello的 元素，中间的文本区分大小写
: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的所有 元素
:lt(index)	$('p:lt(2)')	index从0开始，获取index小于（不包含）2的所有 元素
:even	$('tr:even')	所有偶数
:odd	$('tr:odd')	所有奇数

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

　　

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

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

 

 

 

　　

c.jQuery遍历函数

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

 

　　

 

　　2）选择同级元素

     jQuery选择器

          $('div + p') 每个div相邻的下一个

元素
          $('div ~ p') 获取跟div同级的所有的

元素

    jQuery遍历函数

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

　　3）获取父级元素

      jQuery选择器

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

      jQuery遍历函数

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

　　4）获取子级元素

　　jQuery选择器

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

元素
　　　　$('div p') 获取div所有后代的

元素

　　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

 

转载于:https://www.cnblogs.com/minyDong/p/11221360.html