6.后代选择器(lia)
7.通配符选择器(*)
8.属性选择器(a[rel="external"])
9.伪类选择器(a:
hover,li:
nth-child)
9.哪些css属性可以继承?
可继承:
font-sizefont-familycolor,ullidldddt;(字体属性和列表属性)
不可继承:
borderpaddingmarginwidthheight;
10.css优先级算法如何计算?
!
important>id>class>标签
!
important比内联优先级高
*优先级就近原则,样式定义最近者为准;
*以最后载入的样式为准;
11.text-align:
center和line-height有什么区别?
text-align是水平对齐,line-height是行间。
12.前端页面由哪三层构成,分别是什么?
作用是什么?
结构层Html(页面结构内容,骨架)表示层CSS(网页的样式和外观)行为层js(实现网页的交互,动画效果)
13.标签上title与alt属性的区别是什么?
Alt是图片属性,让搜索引擎认识你的图片。
当图片不显示的时候显示。
title是网站标题,是seo中最重要的属性。
14.使用css精灵有什么优缺点?
优:
Css精灵把一堆小的图片整合到一张大的图片上,减轻HTTP的请求数量(HTTP连接数对网站的加载性能有重要影响)。
能够提升网站性能
缺:
可维护性方面,如要改变局部一张小图,就要很繁琐,而且算图片的位置也很麻烦;
15.什么是语义化的HTML?
标签使用的合理性,对于搜索引擎的抓取有好处。
16.b标签和strong标签,i标签和em标签的区别?
后者有语义,前者则无。
17.tite与h1的区别。
title侧重于网站信息标题
从文章而言,h1侧重于文章主题
站在seo的角度看,好网站少不了title,好文章少不了h1标题,title权重高于h1。
18.清除浮动的几种方式,各自的优缺点
1.使用空标签清除浮动clear:
both(缺点,增加无意义的标签)
2.使用overflow:
auto(使用zoom:
1用于兼容IE)或:
overflow:
hidden;
3.是用afert伪元素清除浮动(用于非IE浏览器)
.Clearfix:
after{content:
””;display:
block;height:
0;overflow:
hidden;clear:
both;}
.clearfix{zoom:
1;}
18.1HTMLdoctype有哪些常用的类型?
HTML4.01XHTML1.0HTML5
18.2什么是csshack?
(怎么让css很好的兼容各主流浏览器)
,CSShack的目的就是使你的CSS代码兼容不同的浏览器。
当然,我们也可以反过来利用CSShack为不同版本的浏览器定制编写不同的CSS效果。
有三种表达方式:
(1).css内部hack:
主要针对类内部的hack,比如IE6能识别“_”“*”,IE7能识别“*”等(也叫类内属性前缀法);
(2).选择器hack:
例如IE6能*html.class{};
IE7能识别*+html.class{}(也叫选择器前缀法);(3)html头部引用(ifIE)hack:
针对所有IE:
--[ifIE]>
--您的代码-->
[endif]-->,针对IE6及以下版本:
--[ifltIE7]>
--您的代码-->
[endif]-->,这类Hack不仅对CSS生效,对写在判断语句里面的所有代码都会生效(也叫条件注释法)。
18.3请简述css加载方式link和@import的区别?
1.link属于XHTML标签,而@import完全是CSS提供的一种方式。
2.加载顺序的差别:
前者在页面加载的时候就同时加载进来,而后者是在页面完全加载完再加载
3.兼容性的差别:
前者可以兼容全部,后者只有在IE5以上才能被识别;
4.使用JavaScriptDOM控制样式的差别:
只能控制link标签,不能控制@import
19.display:
none和visibility:
hidden的区别是什么?
visibility:
hidden----将元素隐藏,但是还占着位置。
display:
none----将元素的显示设为无,不占任何的位置。
19.1五大浏览器的内核
火狐:
-moz-IE:
-ms-欧朋:
-o-谷歌和苹果:
-webkit-
20.说出几种IE6BUG的解决方法
1.双边距BUGfloat引起的 解决:
使用display:
inline
2.3像素问题使用float引起的解决:
使用dislpay:
inline-3px
3.超链接hover点击后失效 解决:
使用正确的书写顺序linkvisitedhoveractive
4.Iez-index问题解决:
给父级添加position:
relative
5.Png透明解决:
使用js代码
6.Min-height最小高度!
Important解决
7.img出现边框border:
none;
8.为什么没有办法定义1px左右的宽度容器(IE6默认的行高造成的overflow:
hidden,zoom:
0.08line-height:
1px可以解决)
21.域名和服务器相关知识?
22.HTTP状态码都有那些。
200OK//客户端请求成功
400BadRequest//客户端请求有语法错误,不能被服务器所理解
403Forbidden//服务器收到请求,但是拒绝提供服务
404NotFound//请求资源不存在,输入了错误的URL
500InternalServerError//服务器发生不可预期的错误
503ServerUnavailable//服务器当前不能处理客户端的请求,一段时间后可能恢复正常
23.如何优化网页加载速度?
1.减少css,js文件数量及大小(减少重复性代码,代码重复利用),压缩CSS和Js代码
2.图片的大小
3.把css样式表放置顶部,把js放置页面底部
4.减少http请求数
5.使用外部Js和CSS
24.position属性absolute与relative的区别?
absolute绝对定位//相对于浏览器定位
relative相对定位//相对于前面的容器定位
25.HTML5的有那些新标签?
25.1HTML5有哪些新特性?
用于绘画的canvas元素
•用于媒介回放的video和audio元素
•对本地离线存储的更好的支持
•新的特殊内容元素,比如article、footer、header、nav、section
•新的表单控件,比如calendar、date、time、email、url、search
25.2HTML5有哪些新的API?
1.选择器:
querySelector,querySelectorAll
document.querySelectorAll(“.head”);
2.CanvasAPI:
有关动态产出与渲染图形、图表、图像和动画的API。
3.音频与视频API。
4.离线存储API
5.通讯API
6.文件操作
7.地理位置API
8.拖放API
26.CSS3新增伪类有那些?
p:
first-of-type选择属于其父元素的首个
元素的每个
元素。
p:
last-of-type选择属于其父元素的最后
元素的每个
元素。
p:
only-of-type选择属于其父元素唯一的
元素的每个
元素。
p:
only-child选择属于其父元素的唯一子元素的每个
元素。
p:
nth-child
(2)选择属于其父元素的第二个子元素的每个
元素。
:
enabled、:
disabled控制表单控件的禁用状态。
:
checked,单选框或复选框被选中。
27.1简述call和apply的区别?
两者的作用是一样的,只是参数列表不同
27.2js中==和===的区别?
‘==’是判断值是否相等(先转换类型再判断),null==underfined这两个是相等的‘===’是判断值及类型是否完全相等。
(直接判断),注意:
NaN!
===NaN的,NaN不等于任何数,包括他自身(奇怪的东西)
27.3js中的基本数据类型?
数值类型:
number字符串类型:
string布尔类型:
boolean(true和false)对象类型:
abject(null)未定义类型:
underfined(underfined)
27.4什么是JavaScript闭包,有何作用?
一个拥有许多变量和绑定了这些变量的环境的表达式(通常是一个函数),因而这些变量也是该表达式的一部分。
闭包的特点:
1.作为一个函数变量的一个引用,当函数返回时,其处于激活状态。
2.一个闭包就是当一个函数返回时,一个没有释放资源的栈区。
27.5jQuery和JavaScript相比的优缺点?
优点:
实现了脚本和页面的分离;最少的代码做最多的事(这也是jQuery的口号);性能更好,几乎解决了所有的浏览器兼容问题;
缺点:
不能向后兼容;插件的兼容性(各版本之间不能很好的兼容),在同一个页面使用多个插件可能会出现冲突现象;稳定性方面也有待提高;
27.6全局变量和局部变量有什么区别?
在JavaScript中一对大括号代表着一个独立的空间,在这个空间当中声明的变量相对这个大括号来说就是全局变量,而相对其他大括号来说就是局部变量,局部变量只能在自己的大括号里被使用,其他大括号是不能调用的。
28.谈谈This对象的理解。
this是js的一个关键字,随着函数使用场合不同,this的值会发生变化。
但是总有一个原则,那就是this指的是调用函数的那个对象。
this一般情况下:
是全局对象Global。
作为方法调用,那么this就是指这个对象
28.1前端技术有哪些?
还有哪些相关的书籍?
JavaScriptjQueryHTML5CSS3(移动端框架:
jQuerymobilePhonegapBootstra移动端开发工具等)
《精通JavaScript》《锋利的jQuery》《编写高质量代码:
web前端开发修炼之道》《SEO教程:
搜索引擎优化入门与进阶》
29.documen.write和innerHTML有什么区别?
DOM的innerHTML是DOM元素对象的一个属性
而write是document对象的一个方法
29.1用JavaScript怎么判断谷歌浏览器?
varisChrome=window.navigator.userAgent.indexOf("Chrome")!
==-1;
alert(isChrome);
if(isChrome){
alert("是Chrome浏览器");
}else{
alert("不是Chrome浏览器");
}
30.JSON是什么?
JSON是一种轻量级的数据交换格式。
它是基于JS的一个子集。
数据格式简单,易读写,占用带宽小
{'age':
'12','name':
'back'}
31.ajax是什么?
ajax的交互模型?
同步和异步的区别?
允许浏览器与服务器端通信(进行数据交换)而无需刷新当前页面的技术
1.通过异步模式,提升了用户体验
2.优化了浏览器和服务器之间的传输,减少不必要的数据往返,减少了带宽占用
3.Ajax在客户端运行,承担了一部分本来由服务器承担的工作,减少了大用户量下的服务器负载。
2.Ajax的最大的特点是什么。
Ajax可以实现动态不刷新(局部刷新)
3.ajax的缺点:
1、ajax不支持浏览器back按钮。
2、安全问题AJAX暴露了与服务器交互的细节。
3、对搜索引擎的支持比较弱。
4、破坏了程序的异常机制。
5、不容易调试。
32.你常用那些js框架?
jQuerySenchaExtJS(4.0版本后要收费)
33.工作流程,你怎么来实现页面设计图,你认为前端应该如何高质量完成工作?
34.介绍项目经验、合作开发、独立开发。
35.开发过程中遇到困难,如何解决。
36.对前端界面工程师这个职位是怎么样理解的?
它的前景会怎么样?
前端是最贴近用户的程序员,比后端、数据库、产品经理、运营、安全都近。
1、实现界面交互
2、提升用户体验
3、有了Node.js,前端可以实现服务端的一些事情
前端是最贴近用户的程序员,前端的能力就是能让产品从90分进化到100分,甚至更好,
参与项目,快速高质量完成实现效果图,精确到1px;
与团队成员,UI设计,产品经理的沟通;
做好的页面结构,页面重构和用户体验;
处理hack,兼容、写出优美的代码格式;
针对服务器的优化、拥抱最新前端技术。
其它相关的加分项:
1.都使用和了解过哪些编辑器?
都使用和了解过哪些日常工具?