美文网首页
前端样式小结

前端样式小结

作者: 写给猫 | 来源:发表于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:服务端错误,服务器不能正确执行一个正确的请求

相关文章

  • 前端样式小结

    div div可以用作设计客服对话框,涉及的样式有:word-wrap: 允许长单词换行到下一行(用来控制对话框中...

  • CSS学习之CSS基础

    标签: 前端 css 样式 CSS样式 css全称为"层叠样式表(cascading style sheets)...

  • 查看自己的前端样式被哪个文件覆盖

    1 查看前端样式 2 复制 覆盖样式的关键字 3 在前端工具中搜索关键字,看哪些文件覆盖了样式 4 style中s...

  • css 样式小结

    css多行省略…… overflow: hidden; text-overflow: ellipsis; ...

  • CSS编译神器——SASS(SCSS)

    前端的小伙伴们有福利啦!!! 什么?听说!css样式还可以被编译执行了。学过前端的小伙伴都知道,css样式...

  • 前端小结

    昨天与后台沟通,在请求拦截那一块,处理很长时间才解决的,需求是当前端向服务器发送请求,去判断当前的状态,如果判断未...

  • 前端代码参考网站

    前端代码样式的有着各种变化。设计师重在了解代码样式, 拓展见识,学习最新设计趋势,设计出可落地的新款界面。前端人员...

  • 使用Editor.md通过Editor.getHTML()保存h

    项目使用上拉Editor.md markdown编辑器后,在前端页面上发现所有的样式与预览的样式都丢了,原因是前端...

  • 前端样式规范

    前端代码所有涉及 .html文件修改的,告知下郑建超 不影响功能和美观的情况下,页面尽量紧凑,不出现滚动条 搜索条...

  • 前端样式规范

    一般格式规则 字母大小写 仅使用小写。 所有代码均使用小写,该规则适用于 CSS 选择符、属性和属性值(字符串除外...

网友评论

      本文标题:前端样式小结

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