美文网首页
前端学习历程

前端学习历程

作者: kohinoor | 来源:发表于2016-07-29 10:54 被阅读23次

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

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

    (2)开始学习css调整样式。

    移动端适配

    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no,maximum-scale=1.0">

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

    <meta name="app-mobile-web-app-capable" content="yes">

    第二个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高级程序设计

    <script async(异步脚本立即下载无顺序) defer(延迟下载有顺序)>

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

    五种简单类型 null undefined string boolean number

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

    为false的数据('',null,undefined,0,false,NaN)

    相关文章

      网友评论

          本文标题:前端学习历程

          本文链接:https://www.haomeiwen.com/subject/qmaalttx.html