易迅前端团队
易迅前端团队
# 认识 HTTP 2.0 [HTTP 2.0](http://www.rfc-editor.org/rfc/rfc7540.txt) 来了,从1.1到2.0,递增了一个大版本号,那么 HTTP 2.0 会给我们带来怎么样的技术革新呢?今天我们一起学习了解一下 HTTP 2.0 。 ## HTTP 2.0 是什么? 即超文本传输协议2.0版本,虽然协议的名字已经不是那么符合实际了(HTTP 1.0 开始即可传输二进制流等非文本内容)。 我们来看看它的宣言草稿: > HTTP 2.0 应该满足如下条件: > - 相对于使用 TCP 的...
# form元素与表单提交 这里我们介绍一下form元素与表单提交方面的知识。 ## form元素 form元素的DOM接口是`HTMLFormElement`,继承自`HTMLElement`,因而它与其他的HTML元素拥有相同的默认属性,不过它自身还有几个独有的属性和方法: | 属性值 | 说明 | | --- | --- | | accept-charset | 服务器能够处理的字符集,多个字符集用空格分割 | | action | 接受请求的URL,该值可以被form元素中的input或button元素的formaction属性覆盖 | | elements | 表单中所有控件集合(HTMLCollection)...
# CSS开发者大会归来——如何用CSS创建一个内凹圆角 写本篇文章是介绍一下在8.8号举办的第二届CSS开发者大会上,由[CSS魔法](https://github.com/cssmagic)为大家讲述的一个CSS技巧——纯CSS创建一个内凹圆角。希望能有更多的人,通过这个案例,重新燃起对CSS的那份激情。 ### 进入正片,有一个传说,它是这样的... 在设计师给到一个这样tab标签页的设计稿时  你很可能会对设计师说,不行,这个实现不了。因为你注意到,每一个标签页,底部都带有两个延伸出的图形。先劝你慢点回绝设计师的要求,因为我们将难点分解出来后,剩下的问题就是如何创建这么一个内凹圆角。  简单直接的,当然是用图片了。 但是这里我们将要见到一个用纯CSS实现内凹圆角的过程。 CSS怎么实现? 面对这个疑问,可能大多数人首先想到的是用一个白色扇形,叠加在图形上,就可以产生内凹圆角效果。但很可惜,这个方案在我们的场景下是自欺欺人的,因为我们的扇形区域应该是透明的。 那么我们CSS中,还有哪些属性,和圆形相关并且能够给我们提供透明圆形呢? (思考ING) ### 渐变 对!就是渐变! 首先我们先看一下线性渐变  上图取自Photoshop中渐变面板,长条形区域的上方两端有两个色标,一个是黑色表示透明100%,一个是白色表示透明0。下方只有一个色标,表示渐变是从绿色到透明色。当我们增加一个透明度100%的色标  两个透明度100%的色标之间并没有渐变效果产生,当我们再加一个透明度0的色标  两个透明度0的色标之间,也没有产生渐变。那么我们将中间两个色标重叠,会怎么样呢?  神奇!渐变效果没了!产生的是两个截然分明的区域。 我们再将这个方法使用在径向渐变上,就会得到一个透明的圆形  将径向渐变的圆心偏移至顶点...