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

Posted 2022-05-23 minydong

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了华图教育_南京_前端实习面试相关的知识，希望对你有一定的参考价值。

面试比较重基础！

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()	返回被选元素的最后一个元素