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

面试比较重基础！

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

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

华图教育_南京_前端实习面试相关推荐

【调研】华图教育：领跑公职培训市场
[调研]华图教育:领跑公职培训市场 [调研]华图教育:领跑公职培训市场 posted on 2016-07-27 12:02 lexus 阅读( ...) 评论( ...) 编辑收藏转载于:ht ...
记一次网易前端实习面试
记一次网易前端实习面试很幸运地能收到网易的面试通知,就毫不犹豫翘了课去面试了hhhh~三点的面试,因为从来没去过那个中关村西北旺区,吃完饭早早就去了,想象中那里应该是繁华的地方hhhh,到了发现都在 ...
2020-11-19 南京途牛前端现场面试
2020-11-19 南京途牛前端现场面试一.笔试由于是在现场做的笔试,还交了手机,所以不记得具体选项了,只能记录个大概 1. (选择题)选项中哪一个不是XmlHttpRequest对象的属性 2 ...
华图教育计算机基础知识,公共基础知识备考:计算机辅助制造
华图教育网整理了2019公共基础知识题库及答案.公共基础知识模拟题.公共基础知识练习题.公共基础知识复习资料等,希望帮助考生快速顺利的掌握2019公共基础知识考点. 一.计算机辅助制造的概述计算机辅 ...
vue 高阶面试题_高级Web前端工程师面试之Vue问题汇总解析
又是一年毕业季,很多学习前端的同学面对激烈的求职竞争倍感压力,想要了解企业招聘会提问哪些问题.今天千锋郑州Web前端培训小编就给大家分享一下高级Web前端工程师面试中有关Vue的问题及解析. 1.Vu ...
html 怎么让tr的css覆盖td的_前端项目实战——华图教育网页（适合学习了HTML和CSS的小伙伴们）...
这是在我学习了HTML和CSS以后做的实战项目,项目整体比较简单,但是有利于新手(比如我)了解和熟悉前端编程的代码和结构,因为在我最开始写这个网页的时候其实对于代码该怎么写并没有一个比较清晰的思路,就 ...
南京擎天科技公司java笔试题_南京擎天科技笔试面试经验
10月22号下午,南京擎天到我们学校宣讲会,Hr侃侃而谈两个小时,大概16点开始笔试,笔试纪律很严格,报java和C方向插入坐,相当于两个C方向的学生中间隔了3个座位.发试题,两沓,一份试卷,一份答题 ...
【华图教育】综合素质
文章目录 1. 教师三观 2. 我国主要教育法律法规 3. 教师职业道德+教师职业行为 4.文化素养 5.基本能力 1. 教师三观 2. 我国主要教育法律法规 3. 教师职业道德+教师职业行为
前端工程师需要学习ps 吗_【百度前端工程师面试】前端开发技术要会PS-看准网...
百度,全球最大的中文搜索引擎.最大的中文网站.2000年1月创立于北京中关村. 1999年底,身在美国硅谷的李彦宏看到了中国互联网及中文搜索引擎服务的巨大发展潜力,抱着技术改变世界的梦想,他毅然辞掉硅 ...

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

华图教育_南京_前端实习面试相关推荐

最新文章

热门文章