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新增特性

引入模块的概念
支持类的使用
增加字符串模板
特定作用域等

typescript新增静态类型注解

参考文档

css reset
前端基础