前端知识总结（5.14）

1.JavaScript

JavaScript是一种动态类型，弱类型个，基于原型，直译式的脚本语言。
JavaScript是一门单线程的语言。
浏览器端的JavaScript包含ECMAScript，DOM对象以及BOM对象。
JavaScript语言不仅可以在浏览器环境运行，也可以在node提供的服务器端的平台运行。

2.web页面级优化

1.减少HTTP请求的次数。http协议是无状态的应用层协议，每次http请求都需要建立通信链路、进行数据传输，而在服务器端每个http都需要启动独立的线程去处理，这些通信和服务的开销都很昂贵。所以减少http请求的数目可有效提高访问性能

2.进行资源合拼和压缩。合并CSS、合并javascript、合并图片，将浏览器一次访问需要的javascript和CSS合并成一个文件，这样浏览器就只需要一次请求。在服务器端对文件进行压缩，在浏览器端对文件解压缩，可有效减少通信传输的数据量

3.Inline images，使用data: URL scheme的方式将图片嵌入到页面或CSS中嵌入页面，因为直接嵌入页面增大了页面的体积，而且无法利用浏览器缓存。所以使用在CSS中的图片则更为理想一些

4.将外部脚本置于低端，浏览器在加载javascript后立即执行，有可能会阻塞整个页面，造成页面显示缓慢，因此javascript最好放在页面最下面，

5.减少不必要的HTTP跳转，对于以目录形式访问的HTTP链接，很多人都会忽略链接最后是否带’/’，假如你的服务器对此是区别对待的话，那么你也需要注意，这其中很可能隐藏了301跳转，增加了多余请求，

.3HTML5 中的地理定位 api

地理定位是HTML5中新增的API特性，它允许JavaScript程序向浏览器询问用户真实的地理位置。识别地理位置的一些应用就可以使用它来显示地图、导航和其它一些与用户当前位置有关的信息。 Geolocation API存在于navigator对象中，只包含3个方法：1、getCurrentPosition //当前位置。2、watchPosition //监视位置。3、clearWatch //清除监视。

4.常用控件

button 定义可点击的按钮（大多与 JavaScript 使用来启动脚本）
checkbox 定义复选框。
color 定义拾色器。
date 定义日期字段（带有 calendar 控件）
datetime 定义日期字段（带有 calendar 和 time 控件）
datetime-local 定义日期字段（带有 calendar 和 time 控件）
month 定义日期字段的月（带有 calendar 控件）
week 定义日期字段的周（带有 calendar 控件）
time 定义日期字段的时、分、秒（带有 time 控件）
email 定义用于 e-mail 地址的文本字段
file 定义输入字段和 “浏览…” 按钮，供文件上传
hidden 定义隐藏输入字段
image 定义图像作为提交按钮
number 定义带有 spinner 控件的数字字段
password 定义密码字段。字段中的字符会被遮蔽。
radio 定义单选按钮。
range 定义带有 slider 控件的数字字段。
reset 定义重置按钮。重置按钮会将所有表单字段重置为初始值。
search 定义用于搜索的文本字段。
submit 定义提交按钮。提交按钮向服务器发送数据。
tel 定义用于电话号码的文本字段。
text 默认。定义单行输入字段，用户可在其中输入文本。默认是 20 个字符。
url 定义用于 URL 的文本字段。

5.14至此。