前端学习历程

首先学习 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高级程序设计

你可能感兴趣的:(前端学习历程)