前端样式小结

div

div可以用作设计客服对话框，涉及的样式有：
word-wrap： 允许长单词换行到下一行（用来控制对话框中的文字的换行）。类似的属性有：white-space。
min-height与max-height：用来控制对话框中每条消息的对话框的最小高度和最大高度。
overflow-x与 overflow-y：用来控制对话框中的滚动方向。

div还可以用作输入框，需要设置它的样式为contenteditable为true；
contenteditable：规定是否可编辑元素的内容。可以用在div中。

outline

outline （轮廓）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。
注释：轮廓线不会占据空间，也不一定是矩形。
outline 简写属性在一个声明中设置所有的轮廓属性。可以按顺序设置如下属性：outline-color、outline-style、outline-width。

jquery html() text() val() 区别

jquery中获取对象内容的方法主要有3种，分别是html()、text()、val().
html()：获取对象包裹的所有html内容，相当于innerHTML。
text()：获取对象中所有的文本内容，不包含html标签。一半用于div、p、span等没有value属性的元素，相当于innerText。
val()：获取对象的value的值。获取的是选择对象的第一个元素的value值。该属性还适用于表单元素。

jquery attr() prop()的区别

attr()和prop的功能一样：获取匹配的元素集合中的第一个元素属性的值，或者设置匹配元素集合中的每一个元素属性的值。两者的区别在于attr()用于自定义属性，prop()用于固有属性。

jquery 向后台请求数据的三中方法

1 query post()方法
语法：$(selector).post(URL,data,function(data,status,xhr),dataType)
其中：function(data,status,xhr)
可选。表示当请求成功时运行的函数，
data - 包含来自请求的结果数据;
status - 包含请求的状态（"success"、"notmodified"、"error"、"timeout"、"parsererror"）;
xhr - 包含 XMLHttpRequest 对象;
dataType
可选。规定预期的服务器响应的数据类型。
默认地，jQuery 会智能判断。
可能的类型：
"xml" - 一个 XML 文档
"html" - HTML 作为纯文本
"text" - 纯文本字符串
"script" - 以 JavaScript 运行响应，并以纯文本返回
"json" - 以 JSON 运行响应，并以 JavaScript 对象返回
"jsonp" - 使用 JSONP 加载一个 JSON 块，将添加一个 "?callback=?" 到 URL 来规定回调
2 query get()方法
使用 AJAX 的 HTTP GET 请求从服务器加载数据
3 query $.ajax()方法

语法：$.ajax({name:value, name:value, ... })
执行异步 AJAX 请求，所有的 jQuery AJAX 方法都使用 ajax() 方法。该方法通常用于其他方法不能完成的请求。

jquery post 查看请求状态

function Ba(pageIndex, takeNum) {
            pageSizes=pageIndex;
            $.post('........', {
                pageIndex: pageIndex,       
            }, function (datasource) {
                refreshVTable(datasource["data"]);
                $('#pagelist').html(datasource["pagelist"]);
            }, 'json')
            .success(function(data) { alert("secondsuccess");console.log(data) })
          .error(function(data) { alert("error");console.log(data.status);console.log(data)})
        }

Ajax readyState 和status

1 readyState（状态值）:是XMLHttpRequest对象的一个属性，用来标识当前XMLHttpRequest对象处于什么状态。是指运行AJAX所经历过的几种状态，无论访问是否成功都将响应的步骤，可以理解成为AJAX运行步骤。readyState总共有5个状态值，分别为0~4，每个值代表了不同的含义：
0：初始化，XMLHttpRequest对象还没有完成初始化
1：载入，XMLHttpRequest对象开始发送请求
2：载入完成，XMLHttpRequest对象的请求发送完成
3：解析，XMLHttpRequest对象开始读取服务器的响应
4：完成，XMLHttpRequest对象读取服务器响应结束
**2 status（状态码）： **是XMLHttpRequest对象的一个属性，表示响应的HTTP状态码。HTTP状态码总共可分为5大类：
1xx：信息响应类，表示接收到请求并且继续处理
2xx：处理成功响应类，表示动作被成功接收、理解和接受
3xx：重定向响应类，为了完成指定的动作，必须接受进一步处理
4xx：客户端错误，客户请求包含语法错误或者是不能正确执行
5xx：服务端错误，服务器不能正确执行一个正确的请求

前端样式小结