web前端知识复习（1）

来源：互联网发布：淘宝儿童玩具警车视频编辑：程序博客网时间：2024/05/17 23:40

1.对Web标准的理解

Web标准不是某一个标准，而是由一系列标准组合而成。网页主要由三部分组成：结构、表现和行为。对应的标准也分三方面：结构化标准语言主要包括XHTML和HTML以及XML，表现标准语言主要包括CSS，行为标准主要包括对象模型（如W3CDOM）、ECMAScript等。这些标准大部分由W3C起草和发布，也有一些是其他标准组织制订的标准。我简单了解一下这些标准：

1．结构标准语言

（1）、XML

XML是The Extensible MarkupLanguage(可扩展标识语言)的简写。目前推荐遵循的是的XML1.0，和HTML基本一样，XML是一种能定义其他语言的语。XML最初设计的目的是弥补HTML的不足，以强大的扩展性满足网络信息发布的需要，后来逐渐用于网络数据的转换和描述，算是最理想的一种语言。

（2）、XHTML

XHTML是The ExtensibleHyperText Markup Language可扩展标识语言的缩写。最初是1989年由TimBerners-Lee发明的。XML虽然数据转换能力强大，完全可以替代HTML，但面对成千上万已有的站点，直接采用XML还为时过早。简单的说，建立XHTML的目的就是实现HTML向XML的过渡。

2.表现标准语言

CSS是Cascading StyleSheets层叠样式表的缩写。W3C创建CSS标准的目的是以CSS取代HTML表格式布局、帧和其他表现的语言。

3.行为标准

（1）、DOM

DOM是Document ObjectModel文档对象模型的缩写。DOM是一种与浏览器，平台，语言的接口，使得你可以访问页面其他的标准组件。简单理解，DOM解决了Netscaped的Javascript和Microsoft的Jscript之间的冲突，给予web设计师和开发者一个标准的方法，让他们来访问他们站点中的数据、脚本和表现层对像。

(2)、ECMAScript

ECMAScript是ECMA(EuropeanComputer Manufacturers Association)制定的标准脚本语言（JAVAScript）。

2.css rest的作用和用途？css sprites是什么？

Reset重置浏览器的css默认属性浏览器的品种不同，样式不同，然后重置，让他们统一

Css 精灵把一堆小的图片整合到一张大的图片上，减轻服务器对图片的请求数量

3.javascript原型，和原型链有什么特点，如何实现继承？

http://www.cnblogs.com/TomXu/archive/2012/01/05/2305453.html

4.你如何对网站的文件和资源进行优化?期待的解决方案包括：
文件合并
文件最小化/文件压缩
使用CDN托管
缓存的使用

清除浮动的几种方式，各自的优缺点
1.使用空标签清除浮动 clear:both（理论上能清楚任何标签，，，增加无意义的标签）
2.使用overflow:auto（空标签元素清除浮动而不得不增加无意代码的弊端,,使用zoom:1用于兼容IE）
3.是用afert伪元素清除浮动(用于非IE浏览器)

6.gulp/grunt和webpack？

Gulp / Grunt 是一种工具，能够优化前端工作流程。比如自动刷新页面、combo、压缩css、js、编译less等等。自动化。对于需要反复重复的任务，例如压缩（minification）、编译、单元测试、linting等，自动化工具可以减轻你的劳动，简化你的工作。 browserify/webpack : 是一个预编译模块的方案，相比于上面 ，这个方案更加智能。没用过browserify，这里以webpack为例。webpack是什么，提到这个概念，很多人可能立马说出来，模块化加载器兼打包工具，可以把各种资源都作为模块来使用和处理等等webpack是近期最火的一款模块加载器兼打包工具，它能把各种资源，例如JS（含JSX）、coffee、样式（含less/sass）、图片等都作为模块来使用和处理7.敏捷开发敏捷开发以用户的需求进化为核心，采用迭代、循序渐进的方法进行软件开发。在敏捷开发中，软件项目在构建初期被切分成多个子项目，各个子项目的成果都经过测试，具备可视、可集成和可运行使用的特征。换言之，就是把一个大项目分为多个相互联系，但也可独立运行的小项目，并分别完成，在此过程中软件一直处于可使用状态。

0 0