没有烦恼，只有花香

0%

发表于

知识点总结

  1. 技术 Ajax 第一次提出是 2005 年，全名为 Asynchronous JavaScript and XML 。
  2. 由 Jesse James Garrett 提出 Ajax 的从此改变了人们与 Web 的“单击，等待”的交互模式。
  3. Ajax 技术的核心是 XMLHttpRequest 对象（简称XHR），在 XHR 出现之前通过其他 hack 手段实现的。比如通过 Java applet 或者 Flash 等中间层向服务器发送请求。
  4. 早在 1998 年就有人采用不同的手段实现与服务器的异步通信，Ajax 技术提出前被称为远程脚本（remote scripting）。
  5. XML 可扩展标记语言（全名：Extensible Markup Language）是一种标记语言。它被设计用来传送及携带数据信息，用于与服务器通信，和 Ajax 并没有必要的关系，由于 XML 文件格式文件庞大, 格式复杂, 传输占用带宽缺点，现在已被 JSON 代替。
  6. 第一款引入 XHR 对象的浏览器是微软的 IE5，通过 MSXML 库中的一个 ActiveX 对象实现的。
  7. 使用 XHR 对象时，要调用第一个方法是 open()，它接受三个参数：请求类型、请求的 URL 和表示是否异步的布尔值。
  8. open() 只是启动了一个发送请求以备发送，参数 URL 可以是相对路径、或绝对路径。
  9. 发送请求的方法是 send()，它接受一个参数，作为请求主体的发送数据。
  10. send() 发送后，在服务器响应后，响应数据会填充到 XHR 对象的属性中：responseText（响应主体返回的文本）、response XML（XML DOM 文档）、status（响应的 HTTP 状态码）、statusText（HTTP 状态的说明）。
  11. 收到响应后先检查 ststus 属性，200 成功、304 未修改可用缓存的。
  12. 在异步请求中，需要通过 onreadystatechange 方法对 XHR 对象的 readyStste 属性检测来判断响应是否完成。为了兼容浏览器，该方法最好在 open() 之前指定，且使用 XHR 直接检测属性而不是 this 代替。
  13. readyState 可取的值如下。
    • 0：未初始化。尚未调用 open() 方法。
    • 1：启动。已经调用 open() 方法，但未调用 send() 方法。
    • 2：发送。已经调用 send() 方法，但未接受到响应。
    • 3：接受。已经接受到部分响应数据。
    • 4：完成。已接收全部数据。可在客户端使用了。
  14. 在接受响应前可以使用 abort() 方法来取消异步请求。不建议之后重用，且应当解引用 XHR 对象。

发表于

HTML

html 初级篇 - 基础标签

  1. HTML(hyperText markup language)，中文是超文本标记语言。
  2. HTML文件只有一个根标签()
    结构化标签<head></head>、<body></body>
  3. <meta charset="utf-8"> gb2312 国家标准 gbk 国家标准扩展版 unicode
  4. <title></title>, lang = "en"告诉搜索引擎爬虫网站关于什么内容的
  5. 物理地址 IP 域名地址 SEO搜索引擎优化
  6. <meta content="" name="keyword">
  7. <p></p> paragraph 段落标签 ,
    <h1></h1> header 标题
    <strong></strong> 加粗
    <em></em> 斜体
    <del></del> 中划线
    <address></address> 斜体独占一行
  8. <div></div> <span></span>

html 进阶篇 - 高级标签

  1. 空格、回车，文字分割符
  2. html编码 &nbsp; 空格 &lt; 小于 &gt; 大于
  3. <br>, <hr>,
  4. <ol type="1|a|A|i|I" reversed="reversed" start="3"><li></li></ol> 有序列表
  5. <ul type="disc|square|circle style="list-style: none;"><li></li><ul> 无序列表
  6. <img src="fy.jpg" alt="这是范爷" title="this is fy"> <!-- alt图片占位符 --> <!-- title图片提示符 --> 绝对路径 相对路径 网上url
  7. <a href="url|#id|tel:136********|mailto:***@alibaba-inc.com|javascript:alert(!);" target="_blank></a> href ( hyperText reference ) 超链接，锚点，打电话，发邮件，协议限定符
  8. <form method="get" action=""><input type="text|password|submit" name="" value=""></form>
  9. <input type="radio" name="sex" value="male" checked="checked"><input type="checkbox" name="hobit">
  10. <input style="color:#999" type="text" name="keyworld" onfocus="if(this.value == '请输入关键字'){this.value = '';this.style.color='#424242'}" onblur="if(this.value==''){this.value='请输入关键字'}>
    1
    2
    3
    4
    5
    6
    <input type="radio" value="banana" name="frult">
    <select name="province">
       <option value="beijing">beijing</option>
       <option value="beijing">shanghai</option>
       <option value="beijing">tianjin</option>
    </select>

    css初级篇 - css引入css基础选择器选择器权重

主流浏览器

1. 一定市场份额
2. 自主研发内核

名称 内核
IE Trident
Google Chrome Webkit/blink
Firefox Gecko
Safari Webkit
Operia Presot

css全称cascading style sheet, 层叠样式表

css引入方式

1.行间样式
2.页面级css
3.外部css文件

比较运算符, 逻辑运算符