XHTML和HTML的区别
HTML4.0之后的一个更严谨更纯净的HTML版本,与HTML最大的却别在于
标签必须小写
必须有结束标记
标签嵌套一定要正确
Doctype是什么?严格模式与混杂模式怎么声明,如何触发这两种模式?
Doctype是位于HTML页面的第一行,用于告诉浏览器使用何种DTD规则解析HTML
DTD是一套关于标记符的语法规则,其中包含有三种文档规则类型
S(strict)T(Trannsitional)F(Frameset)
现在使用最多的文档声明是HTML5
基本没有XHTML 1.0的严格要求了,简化了很多东西
内嵌元素有哪些?行元素又有哪些?CSS的盒模型?
内嵌元素有:span img a input select b i
行元素有:div h1-6 p ul from
CSS盒模型:border margin padding
默认盒模型:
box-sizing:border-box;
width = width+padding+border;
height = height+padding+border;
box-sizing:content-box;
width = width;
height = height;
css引入的方式有哪些?link和@import的区别在哪?
内联 内嵌 link引入和import导入
却别:是否重复加载
css2.1以下不支持import
Link支持JavaScript改变样式,import不支持
css选择符有哪些?优先级算法是如何计算?内联和important哪个优先级高?
标签选择符 类选择符 id选择符
id class 标签选择
important的优先级最高
前端页面有哪三层构成?分别是什么?作用是什么?
HTML结构成,css表示层 ,js行为层
你做页面主要在哪些浏览器做测试,他们的内核是?
IE IE内核
Chrome webkit
Firefox gecko
opera presto
标签上的title和alt属性的区别是什么?
alt当图片不显示时,用alt的作为图片显示
title当鼠标悬浮时显示该提示信息
描述css reset的作用和用途
Reset重置浏览器的css默认属性,浏览器的品种不同,默认的样式不用,reset使他们样式统一,以便修改;
CSS sprites如何使用?
css精灵把一堆小图整合到一张大图上,减少对服务器的请求数量。不过现在比较多的使用时iconfont;
你如何对网站文件和资源文件进行优化?
使用iconfont,减少对服务器的请求数量,和文件大小
使用自动构建工具对项目css和和js合并压缩混淆
使用CDN对资源托管,减少服务器的压力
合理利用缓存
什么是语义化的HTML?
让开发人员直观的认识HTML标签,同时也对搜索引擎友好,利于别抓取;
清浮动的几种方式;各自优缺点
使用空标签加上clear:both;(无端增加无意义标签)(增加 zoom:1兼容IE)
使用after伪类(IE不兼容)
CSS3 弹性盒子常用功能
.ub{display:box;}
.ub-ver{box-orient:vertical;}
.ub-ac{box-align:center;}
.ub-pc{box-pack:center;}
.ub-f1{box-flex:1;}
如何通过媒体查询为不同的设备和大小配置不同的样式?(css media)
横屏时
@media screen and (orientation:landscape){
}
竖屏时
@media screen and (orientation:portrait){
}
<960
@media screen and (max-width:959px){
}
bootstrap 栅格系统
.row
.col-xs- 超小屏手机 <768
.col-sm- 平板 >=768
.col-md- 桌面显示器 >=992
.col-lg- 大屏幕 >=1200
手机端页面响应
content=”width=device-width”
javascript的typeof返回哪些数据类型?
Object number function boolean undefined;
类型转换函数
强制:parseInt,parseFloat,number
数组方法pop(),push(),unshift(),shift(),splice,slice,indexOf,toLowerCase,toUpperCase;
push 尾部添加 pop 尾部删除
unshift头部添加 shift头部删除;
splice添加和删除元素,0不会删除 slice(start,end)返回新的数据
indexOf(seearchValue,fromeIndex)返回首次出现的位置
toLowerCase 转小写 toUpperCase 转大写
事件绑定和普通事件有什么却别
事件绑定是在DOM加载完成后绑定至DOM上
ajax请求的时候GET和POST的方式却别在于
参数的位置不一样,一个在URL后面,一个在虚拟载体里面
GET的安全性低,但是可以通过URL定位到某个页面,利于分享链接
call和apply的区别
Object.call(this,obj1,obj2,obj3)
Object.apply(this,arguments);
什么是事件委托?
利用事件的冒泡原理,让自己所触发的事件让父级元素代替执行(jQuery on())
什么是闭包?闭包有什么作用?
闭包是一个特定的语法作用区域,该作用域中的变量或者函数不会影响到其他作用域
可以有效的避免多人开发时的命名冲突,和全局变量的污染;
如何阻止事件冒泡,和默认事件
e.preventDefault();
e.stopPropagation();
javascript的本地对象,内置对象和宿主对象
本地对象为array object regexp等可以实例化的对象
内置不可实例化的对象gloab math
宿主为浏览器自带的document window
angularJS是一个用来开发web单页应用的前端框架,为前端开发提供一套MVC的开发模式,方便做对各个模块做测试
mvc将视图和控制器按模块分离,方便开发和维护
es6新增特性
引入模块的概念
支持类的使用
增加字符串模板
特定作用域等