首先学习 HTML，css,学习div+css布局。

（1）首先在菜鸟教程（www.runoob.com）或（www.w3cschool.com）上学习基础的HTML标签。通过在（sublimeText）之类的文本编辑器编写HTML各个标签然后在浏览器里运行查看效果。

（2）开始学习css调整样式。

移动端适配

第一个meta标签表示：强制让文档的宽度与设备的宽度保持1:1，并且文档最大的宽度比例是1.0，且不允许用户点击屏幕放大浏览；

第二个meta标签是iphone设备中的safari私有meta标签，它表示：允许全屏模式浏览；

移动端字体设置

body{font-family:Helvetica;}

终端自适应的媒体查询

html{font-size:10px}（1rem=10px;）

@mediascreenand(min-width:321px)and(max-width:375px){html{font-size:11px}}

@mediascreenand(min-width:376px)and(max-width:414px){html{font-size:12px}}

@mediascreenand(min-width:415px)and(max-width:639px){html{font-size:15px}}

@mediascreenand(min-width:640px)and(max-width:719px){html{font-size:20px}}@mediascreenand(min-width:720px)and(max-width:749px){html{font-size:22.5px}}

@mediascreenand(min-width:750px)and(max-width:799px){html{font-size:23.5px}}

@mediascreenand(min-width:800px){html{font-size:25px}}

javascript

ajax

data类型

dataType

类型：String

预期服务器返回的数据类型。如果不指定，jQuery 将自动根据 HTTP 包 MIME 信息来智能判断，比如 XML MIME 类型就被识别为 XML。在 1.4 中，JSON 就会生成一个 JavaScript 对象，而 script 则会执行这个脚本。随后服务器端返回的数据会根据这个值解析后，传递给回调函数。可用值:

•"xml": 返回 XML 文档，可用 jQuery 处理。

•"html": 返回纯文本 HTML 信息；包含的 script 标签会在插入 dom 时执行。

•"script": 返回纯文本 JavaScript 代码。不会自动缓存结果。除非设置了 "cache" 参数。注意：在远程请求时(不在同一个域下)，所有 POST 请求都将转为 GET 请求。（因为将使用 DOM 的 script标签来加载）

•"json": 返回 JSON 数据。

•"jsonp": JSONP 格式。使用 JSONP 形式调用函数时，如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名，以执行回调函数。

•"text": 返回纯文本字符串

JavaScript高级程序设计

JavaScript包括核心语法ecmascript和和DOM和bom

五种简单类型 null undefined string boolean number

boolean()方法转换数值为boolean类型

为false的数据（''，null,undefined,0,false,NaN）

前端学习历程

前端学习历程

首先学习 HTML，css,学习div+css布局。

推荐阅读更多精彩内容