line-height 对于一个可爱的前端小姐姐来说,这应该是经常见面的老朋友了。但有一天我突然发现我并没有那么了解他,他并不像看上去那么简单。 事情是这样的...在随机工作的时候,写了一个这样的模板:<div> <...
Content 属性确实非常熟悉。或许很多童鞋和我一样,在清空浮动时第一次遇到: .clearfix:after{ content: "."; display: block; height: 0; clear...
什么是选择器优先级(特异性)直接复制MDN对优先级的定义:浏览器通过Priority来确定哪些属性值对元素最重要,然后将这些属性值用于元素。优先级是基于由不同类型的选择器组成的匹配规则。 这句话也很抽象,暂且忽略吧。不过我们可以先看一个...
CSS 阴影技术和详细信息标题。 CSS Shadow,但不一定是 box-shadow 和 filter:drop-shadow,为什么?因为阴影还可以使用其他属性来模拟,并且有很多不同的阴影。现在我来告诉你~单面投影我们先来说说单面投影...
拖放是HTML5提供的新功能。该函数添加了拖动事件的API并定义了可拖动的属性。例如,h5之前实现的拖放功能实际上是一种模拟方法。当鼠标onmousedown时,它会获取一些当前信息,然后不断更新推送值,当onmousemoveleft和t...
Geolocation是一个函数,因此而得名,用于获取用户位置信息。通过getCurrentPosition()获取位置信息数组。 getCurrentPosition()有两个回调函数参数,一个成功回调和一个失败回调,用于获取地理位置。...
HTML5 允许您通过创建缓存清单文件来创建 Web 应用程序的离线版本。如果要启用应用程序缓存,则需要将 manifest 属性添加到 文档标签:定义清单的每个页面在用户访问时都会被缓存。如果未设置清单属性,则不会缓存页面(除非直接在清...
如果说离线存储是Web资源文件的存储,那么Web存储就是应用程序中数据的存储。 Web存储提供两种存储方式:localStorage,无时间限制的数据存储sessionStorage,即网页未关闭时的存储。当网页窗口关闭时,数据将被破坏。...
WebSocket 是 HTML5 开始提供的在单个 TCP 连接上进行全双工通信的协议。 WebSocket使得客户端和服务器之间的数据交换变得更加容易,允许服务器主动推送数据给客户端。在WebSocket API中,浏览器和服务器只需要...
Web Workers 在后台运行 JavaScript,独立于其他脚本,不会影响页面的性能。当 Web Worker 在后台运行时,您可以继续执行您想做的任何操作:单击、选择等。 Web作品的应用大致分为三个部分:1.创建网络工作者文件。...