摘要: ###1. <progress>标签 进度条 value属性:规定进程的当前值。默认为0 max属性:规定需要完成的值。 PS:这里没有最小值设置,或者说最小值一律为0 <progress max="50" value="20" id="progress"></progress> 小案例:设置定时器 阅读全文
posted @ 2019-09-27 23:15 ---空白--- 阅读(3147) 评论(0) 推荐(0) 编辑
摘要: 1.提示占位 placeholder <input type="text" name="userName" placeholder="请输入用户名"> placeholder的文本默认是浅灰色,如果要修改,可以通过伪元素来进行设置 input::placeholder{ color: red; } 阅读全文
posted @ 2019-09-27 21:14 ---空白--- 阅读(522) 评论(0) 推荐(0) 编辑
摘要: 1.基本说明 FileReader可以主要用于将文件内容读入内存,通过一系列异步接口,可以在主线程中访问本地文件 本地文件一般通过文件域进行选择,选中后再使用FileReader进行访问 2.创建文件读取对象 var reader = new FileReader() 3.读取文件的方法 以异步的形 阅读全文
posted @ 2019-09-27 17:17 ---空白--- 阅读(557) 评论(0) 推荐(0) 编辑
摘要: H5新增了电子邮箱,手机号码,网址,数量,搜索,范围,颜色选择,时间日期等input类型 1.电子邮箱 type="email" 提供电子邮箱格式验证 如果格式不对,会阻止表单提交 2.手机号码 type="tel" 并非用来验证手机号码,而是用来在移动端浏览器调用数字键盘 3.网址 type="u 阅读全文
posted @ 2019-09-27 16:01 ---空白--- 阅读(437) 评论(0) 推荐(0) 编辑
摘要: 1.常用的语义标签 意义:语义标签便于阅读代码,也便于搜索引擎解析文档结构与内容 标签 含义 article 定义页面独立的内容区域 aside 定义侧边栏内容 header 定义了文档的头部区域 section 定义文档中的区块 nav 定义文档中的区块 footer 定义 section 或 d 阅读全文
posted @ 2019-09-27 14:09 ---空白--- 阅读(259) 评论(0) 推荐(0) 编辑
摘要: 1.写法对比 传统函数 //传统函数 function sum(n1,n2){ return n1+n2; } console.log(sum(1,2)); //3 箭头函数 //求和 var sum = (n1,n2)=> { return (n1+n2) } //等价于 var sum = (n 阅读全文
posted @ 2019-09-25 23:33 ---空白--- 阅读(701) 评论(0) 推荐(0) 编辑
摘要: 1.let声明 1.let不像var有变量声明提升,未声明直接使用会报错 console.log(a); //undefined var a; console.log(b); //报错 let b; 2.在ES5中,全局变量是挂载在顶层对象(浏览器是window)中。而let不会 var a = 1 阅读全文
posted @ 2019-09-25 17:08 ---空白--- 阅读(273) 评论(0) 推荐(0) 编辑
摘要: 1.前言 定义 :当一个Dom元素触发事件时,系统会生成一个对象来记录事件触发时的一些信息,比如鼠标坐标,按键信息,并将此作为参数传入回调函数中 document.querySelector('#box').onclick = function(e) { //IE8不需要传递参数,直接用window 阅读全文
posted @ 2019-09-25 16:50 ---空白--- 阅读(168) 评论(0) 推荐(0) 编辑
摘要: 1.addEventListener() 语法:node.addEventListener(事件名称,回调函数,是否使用事件捕获传递) 第三个参数:可以是布尔值,就用来描述是否使用事件捕获传递,默认为false,即冒泡传递,如果设为true,则代表为捕获传递,也可以是一个配置对象 <script> 阅读全文
posted @ 2019-09-25 16:40 ---空白--- 阅读(692) 评论(0) 推荐(0) 编辑
摘要: 1.Flex容器 用途:flex布局可以让块级子元素排列在同一行,同时控制其换行,对其方式等 基本用法:设置父容器为 display: flex(如果想要容器以行内元素展示,则将其设定为inline-flex) 兼容性:IE10部分支持2012,Android4.1/4.2-4.3部分支持2009 阅读全文
posted @ 2019-09-25 12:18 ---空白--- 阅读(2087) 评论(0) 推荐(0) 编辑