面试比较重基础!
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