JBL T280TWS X 真无线蓝牙耳机 入耳式防水防汗音乐运动跑步耳机 通话降噪耳机
首页 编程 HTML / CSS
postman中form-data、x-www-form-urlencoded、raw、binary的区别介绍
1、form-data:  就是http请求中的multipart/form-data,它会将表单的数据处理为一条消息,以标签为单元,用分隔符分开。既可以上传键值对,也可以上传文件。当上传的字段是文件时,会有Content-Type来表名文件类型;content-disposition,用来说明字段的一些信息; 由于有boundary隔离,所以multipart/form-data既可以上传文件,也可以上传键值对,它采用了键值对的方式,所以可以上传多个文件。 2、x-www-form-urlencoded: 就是application/
2022-01-18 9
MIME类型中application/xml与text/xml的区别介绍
RFC2376 文档 定义了application/xml 和 text/xml 媒体类型。 RFC7303 文档 也定义了application/xml 媒体类型。 RFC3023 文档 一次定义了application/xml 和 text/xml 等所有的 XML 相关媒体类型。 相关讨论 XML(Extensible Markup Language) 是 SGML(Standard Generalized Markup Language)的一个子集。SGML 也分配了媒体类型( text/sgml 和 application/sgml),但兼容性较差。 X
2022-01-18 5
HTTP中的Content-type详解
Content-Type Content-Type(MediaType),即是Internet Media Type,互联网媒体类型,也叫做MIME类型。在互联网中有成百上千中不同的数据类型,HTTP在传输数据对象时会为他们打上称为MIME的数据格式标签,用于区分数据类型。最初MIME是用于电子邮件系统的,后来HTTP也采用了这一方案。 在HTTP协议消息头中,使用Content-Type来表示请求和响应中的媒体类型信息。它用来告诉服务端如何处理请求的数据,以及告诉客户端(一般是浏览器)如何解析响应的数据,比如显示图片,解析并展示html等等。 Content-Type的
2022-01-18 10
POST提交数据常见的四种方式
HTTP/1.1 协议规定的 HTTP 请求方法有 OPTIONS、GET、HEAD、POST、PUT、DELETE、TRACE、CONNECT 这几种。其中 POST 一般用来向服务端提交数据,本文主要讨论 POST 提交数据的几种方式。 我们知道,HTTP 协议是以 ASCII 码传输,建立在 TCP/IP 协议之上的应用层规范。规范把 HTTP 请求分为三个部分:状态行、请求头、消息主体。类似于下面这样: <method> <request-URL> <version> <
2022-01-18 10
Html5获取用户当前位置的几种方式
前言 前段时间写到H5获取用户当前位置,百度了好多种办法都没实现,包括H5自带的方法,具体问题不知道出在哪里了,基本都是报错啥的,下面一起看看吧~ 一、使用H5自带的获取位置 先使用navigator.geolocation判断浏览器是否支持,如果不支持就提示或者使用其他方法。 if(navigator.geolocation) { navigator.geolocation.getCurrentPosition((res)=> { console.log(res);//这里会返回经纬度,然后还要通过经纬度转换地区
2022-01-18 7
html粘性页脚的具体使用
本学期在软件设计大作业时要实现一个粘性页脚功能,即不管页面内容怎么变,页脚始终要滑到页面的最下方才能出现。 本次作业采用bootstrap框架 网上方法 1、html标签 将html显示高度占满(class=“h-100”)。 <html lang="en" class="h-100"> 2、body标签 设置body弹性布局,并将高度占满(class=“d-flex flex-column h-100”)。 <body class="d-flex flex-column h-100">
2022-01-18 5
CSS三大特性继承性、层叠性和优先级详解
1.css属性的继承 CSS中有些属性是可继承的,何为属性的继承? 一个元素如果没有设置某些属性的值,就会跟随(继承)父元素的属性值。当然,一个元素如果有设置自己的属性值,就会使用自己的。 比如color、font-size等属性是可以继承的,怎样查看某些属性是继承父元素的,还是自己设置的呢?(可通过浏览器调试工具查看) 示例代码如下:给父级div设置字体样式; .box { color: red; font-size: 16px; } <div class="box"> <span&am
2022-01-18 6
使用CSS设置滚动条样式
因为在现在的大部分项目中很多都用到了滚动条,有时候用到模拟的滚动条,现在说下滚动条的CSS也能解决。 比如网易邮箱的滚动条样子很好看,就是利用的CSS来设置的,而且是webkit浏览器的。如图所示: 下面就讲解这几个属性怎么使用,代表什么意思。 一:webkit下面的CSS设置滚动条 主要有下面7个属性 ::-webkit-scrollbar 滚动条整体部分,可以设置宽度啥的 ::-webkit-scrollbar-button 滚动条两端的按钮 ::-webkit-scrollbar-track  外层轨道 ::-we
2022-01-18 6
在CSS中使用when/else的方法
目录 when/else 语法 更多用法 组合使用 内联使用 新的媒体查询写法 总结 大家都知道CSS已经有@media、@support 查询形式的条件,可以非常灵活地选择对应的样式,然而还有一个新的提议叫做 when/else,这语法似乎看起来更加明了方便 在这篇文章完稿前,when 的提议已经被 CSSWG 通过了,而 else 是一个单独的提案,目前是一个4级规范 让我们来看看 when/else 是如何使用的吧 when/else 语法 先来看看
2022-01-18 5
CSS使用伪类控制边框长度的方法
前言: 如图: 我们需要实现一个边框长度比容器长度小一些的边框时,以往大多数都是使用div嵌套。现在只需要使用伪类就可以实现这个效果,并且使用起来很方便。 这里使用的是微信小程序编写的, 所以标签会是view,和html不冲突 html: <view class="swiper-tab"> <view class="swiper-tab-item {{currentTab=='1'?'active':''}}" data-current="1" bindtap="clickTab">安全帽监控
2022-01-18 6
浅谈css实现背景颜色半透明的两种方法
在页面布局时,为了给用户不一样的视觉效果,需要设置div的背景颜色为半透明状态,你知道怎么设置吗? 接下来,就和大家聊聊如何用两种方式使div的背景颜色变成半透明,以及两种方式的优劣。感兴趣的朋友可以过来看看,希望对你有所帮助。 首先,我们用大家比较熟悉的CSS属性opacity来改变div的背景颜色。 描述: 外面大的div背景颜色为黄色,里面小的div的背景颜色为红色,现在我们需要设置大的div的背景颜色变成半透明状态,我们将opacity的属性值设为0.5,代码如下: HTML部分: <divclass="aa">
2021-12-06 18
HTML怎么设置下划线?html文字加下划线方法
HTML中的下划线曾经是将文本包含在<u></u>标签中的问题,但是这种方法已被放弃,而更倾向于使用更多功能的CSS。一般来说,下划线被认为是引起人们对文本注意的一种方式,那么HTML怎么设置下划线?html文字加下划线方法?下面我们来总结一下。 1.使用“text-decoration”CSS样式属性,使用<u>标签不再是强调文本的正确方法。而是使用“text-decoration”CSS属性,语法为:< span style = “text-decoration:underline;”
2021-12-06 13
使用 CSS 轻松实现一些高频出现的奇形怪状按钮
背景 在群里会有同学问相关的问题,怎么样使用 CSS 实现一个内切角按钮呢、怎么样实现一个带箭头的按钮呢? 本文基于一些高频出现在设计稿中的,使用 CSS 实现稍微有点难度和技巧性的按钮,讲解使用 CSS 如何尽可能的实现它们。 先让我们来看看这些经常会出现的按钮形状: 矩形与圆角按钮 正常而言,我们遇到的按钮就这两种 -- 矩形和圆角: 它们非常的简单,宽高和圆角和背景色。 <div class='btn rect'>rect</div> <div c
2021-12-06 63
DIV CSS实现网页背景半透明效果
一、DIV CSS半透明基础介绍 设置DIV半透明CSS代码: div{filter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.5;} 说明: 1、filter:对win IE设置半透明滤镜效果,filter:alpha(Opacity=80)代表该对象80%半透明,火狐浏览器不认 2、-moz-opacity:对mozilla firefox火狐浏览器实现半透明,win IE不认此属性,-moz-opacity:0.5相当于设置半透明为50% 3、opacity:对除IE外所有浏览器支持包括谷歌,放最后主要针对
2021-12-06 19
CSS实现五种常用的2D转换
CSS 中的 2D 转换允许我们在二维空间中执行一些基本的变换操作,例如移动、旋转、缩放或扭曲等,变换后的元素与绝对定位的元素类似,不会影响周围的元素,但可以和周围的元素重叠,不同的是,转换后的元素在页面中任然会占用为转换之前的空间。 借助 CSS 中的 transform 属性以及下列转换函数就可以实现 2D 转换: matrix():以一个包含六个值(a, b, c, d, e, f)的变换矩阵的形式指定一个 2D 变换,相当于直接应用一个 [a,b,c,d,e,f] 的变换矩阵; translate():将对象沿 X 轴和 Y 轴平移,该函数需要提供 1~2 个参数
2021-12-06 18
CSS巧用渐变实现高级感背景光动画
实现 这个效果想利用 CSS 完全复制是比较困难的。CSS 模拟出来的光效阴影相对会 Low 一点,只能说是尽量还原。 其实每组光都基本是一样的,所以我们只需要实现其中一组,就几乎能实现了整个效果。 观察这个效果: 它的核心其实就是角向渐变 -- conic-gradient(),利用角向渐变,我们可以大致实现这样一个效果: <div></div> div { width: 1000px; height: 600px; background:
2021-12-06 19
在HTML中引入CSS的几种方式介绍
目录 1、直接在html标签元素内嵌入css样式 2、在html头部head部分内style声明 3、使用@import引用外部CSS文件方法 4、使用link来调用外部的css文件 使用link来引用外部的css的优势 下面是一些补充 使用不同的方法来引用css样式表,最终到达的效果相同,但是使用不同方法应用的css文件将影响到SEO及网页打开速度效率。 html引用css方法如下 接下来我们将逐个讲解html引用css方法的例子 1、直接在html标签元素内嵌入css样式
2021-12-06 19
div与span之间的区别与使用介绍
目录 一、DIV与SPAN的区别与特点 二、span标签小结 三、扩展与提升 四、图例实例演示效果 问:DIV与SPAN之间有什么区别? 具体步骤: 接下来了解在div+css开发的时候在html网页制作,特别是标签运用中div和span的区别及用法。新手在使用web标准(div css)开发网页的时候,遇到第一个问题是div与span有什么区别,什么时候用div,什么时候用span标签 以下是在没有对开发网页页面设置css样式时候情况下,系统默认情况下的介绍 一、DIV与SPAN的区别与特点 d
2021-12-06 19
Unicode中的CJK(中日韩统一表意文字)字符小结
CJK,是CJK Unified Ideographs的缩写,意思是“中日韩统一表意文字”,把分别来自中文、日文、韩文、越文中,本质、意义相同、形状一样或稍异的表意文字赋予相同编码,其中主要为汉字,但也有仿汉字如日本国字、韩国独有汉字、越南的喃字等。这个字符集数量很大,大都可以使用汉字输入法直接输出,一般并不会通过查找Unicode码来显示。但其中包括一些偏旁部首、标点符号、特殊字符等,有时需要通过Unicode码来获取。 1. CJK中的偏旁部首CJK Radicals Supplement: Unicode
2021-12-06 13
HTML5 新增内容和 API详解
classList 属性 该属性用于在元素中添加,移除及切换 CSS 类。 classList 属性返回元素的类名,作为 DOMTokenList 对象: <div id="div" class="test1 test2">classList</div> <script> document.getElementById("div").classList; // DOMTokenList(2) ["test1", "test2", value: "test1 test2"
2021-11-17 35
Html5同时支持多端sdk的小技巧
需求 在实际项目中,我们通常会需要做一些跨多平台的页面。比如说一个活动页面,需要在微信小程序里展示,也需要在自家公司的app里面展示,还需要在支付宝等平台里面展示。这时候一个h5就是很符合你的需要了。如果这个时候需求再复杂一些,比如说在这个活动页面需要调些扫码功能,或者需要调起支付功能,等原生方法调用的需求,那么这个时候你需要一个中间件,来处理不同端的原生方法。 中间件实现原理 原理很简单,我们在抽象出来一个类,在这类里面,我们将需要用到原生的方法进行实现,其他终端对这个类进行继承并重写所有的方法。 偷懒的话,可以不要pc调试类,直接在父类实现pc调试类里的所有
2021-11-17 41