html
THINK_OF_
这个作者很懒,什么都没留下…
展开
-
meta标签大全
meta的标签的使用是我在前端学习中曾经困惑过一段时间的问题。一方面不是很了解meta标签的用途,另一方面是对于meta标签里的属性和值不是懂,也不知道从哪里冒出来的,所以这篇文章专门整理下meta标签,一个必用且关键的标签。什么是meta标签?引自下W3school的定义说明一下。元数据(metadata)是关于数据的信息。标签提供关于 HTML 文档的元数据。元数据不会显示在页面上,但是对于机...转载 2018-03-10 15:50:46 · 265 阅读 · 0 评论 -
h5打电话发短信写邮件怎么实现
// 一、打电话<a href="tel:0755-10086">打电话给:0755-10086</a>// 二、发短信,winphone系统无效<a href="sms:10086">发短信给: 10086</a>// 三、写邮件//注:在添加这些功能时,第一个功能以"?"开头,后面的以"&"开头//转载 2018-03-24 14:14:37 · 1094 阅读 · 1 评论 -
神奇的Shadow DOM
原文出处: 凹凸实验室 你有好奇过这个问题吗,为什么只用video标签包裹着source标签,就可以完成一系列视频功能:播放/暂停按钮、进度条、视频时间显示、音量控制等等?既然 DOM 源码这么干净,你有想过实现这些组件的代码是从哪儿来的吗?1. 简介Shadow DOM它允许在文档(document)渲染时插入一棵DOM元素子树,但是这棵子树不在主DOM树中。因此开发者可利用Shadow D...转载 2018-03-14 16:38:43 · 527 阅读 · 0 评论 -
浅谈script标签的async和defer
不对script添加async和defer属性时,当浏览器引擎解析到script标签的时候才会下载js文件,下载完成立马执行其中的代码。async:表示立即下载脚本,但不妨碍页面中的其他操作,如下载其他资源或者等待下载其他脚本,只对外部脚本有效defer:表示脚本可以延迟到文档完全被解析和显示之后再执行,只对外部脚本有效。简单分析: 1.当你的js文件资源不需要依赖其他js文件或者操作dom...原创 2018-04-07 14:15:36 · 288 阅读 · 0 评论 -
浅述HTMLCollection和NodeList
HTMLCollection和NodeList的共同点:都是类数组对象,都有length属性都有共同的方法:item,可以通过item(index)或者item(id)来访问返回结果中的元素都是实时变动的,document上的更改会反映到相关对象上HTMLCollection和NodeList的区别是:NodeList可以包含任何节点类型(如textNode,commentNode等),HTMLC...原创 2018-04-22 14:35:02 · 852 阅读 · 0 评论 -
js解决input number类型上下滚动,禁用滚轮事件
1.去掉input在type="number"时的上下箭头<style> input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{ -webkit-appearance:textfield; } input[type="number"]{ -m...原创 2018-08-15 13:51:40 · 3787 阅读 · 0 评论