美文网首页
前端样式小结

前端样式小结

作者: 写给猫 | 来源:发表于2018-10-17 17:34 被阅读0次
    div

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

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

    outline

    outline (轮廓)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用。
    注释:轮廓线不会占据空间,也不一定是矩形。
    outline 简写属性在一个声明中设置所有的轮廓属性。可以按顺序设置如下属性:outline-coloroutline-styleoutline-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:服务端错误,服务器不能正确执行一个正确的请求

    相关文章

      网友评论

          本文标题:前端样式小结

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