文章分类 - web
摘要：直到现在，仍然不存在一项旨在网页上显示视频的标准。 今天，大多数视频是通过插件（比如 Flash）来显示的。然而，并非所有浏览器都拥有同样的插件。 HTML5 规定了一种通过 video 元素来包含视频的标准方法。 视频格式 当前，video 元素支持三种视频格式： 格式 IE Firefox Op
阅读全文
摘要：新的 form 属性： autocomplete novalidate 新的 input 属性： autocomplete autofocus form form overrides (formaction, formenctype, formmethod, formnovalidate, form
阅读全文
摘要：HTML5 拥有若干涉及表单的元素和属性。 datalist keygen output 浏览器支持 Input type IE Firefox Opera Chrome Safari datalist No No 9.5 No No keygen No No 10.5 3.0 No output
阅读全文
摘要：email url number range Date pickers (date, month, week, time, datetime, datetime-local) search color 浏览器支持 | Input type | IE | Firefox | Opera | Chrom
阅读全文
摘要：转自阮一峰老师：http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html 一、什么是Flex布局？ Flex是Flexible Box的缩写，顾名思义为“弹性布局”，用来为盒装模型提供最大的灵活性。 任何一个容器都可以指定为Flex 布局。 .
阅读全文
摘要：拖放（Drag 和 drop）是 HTML5 标准的组成部分。 拖放是一种常见的特性，即抓取对象以后拖到另一个位置。 在 HTML5 中，拖放是标准的一部分，任何元素都能够拖放。 浏览器支持 Internet Explorer 9、Firefox、Opera 12、Chrome 以及 Safari
阅读全文
摘要：SVG 指可伸缩矢量图形 (Scalable Vector Graphics) SVG 用于定义用于网络的基于矢量的图形 SVG 使用 XML 格式定义图形 SVG 图像在放大或改变尺寸的情况下其图形质量不会有损失 SVG 是万维网联盟的标准 SVG优势 SVG 图像可通过文本编辑器来创建和修改 S
阅读全文
摘要：canvas 元素用于在网页上绘制图形。 HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。 画布是一个矩形区域，您可以控制其每一像素。 canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。 规定元素的 id、宽度和高度,默认宽高300 <canvas
阅读全文
摘要：基本使用： <audio controls="controls"> <source src="my.mp3" type="audio/mp3"> </audio> 属性： - controls:属性添加音频的控件，播放，暂停和音量控件 - autoplay:使音频自动播放，默认是false - ll
阅读全文
摘要：1，localStorage 特点： - 永久存储 - 多窗口共享 - 容量大约20M 常用方法 window.localStorage.setItem(key,value); //设置存储内容 window.localStorage.getItem(key); //获取存储内容 window.lo
阅读全文
摘要：移动端web开发 HTML5 HTML5 是最新的 HTML 标准。 HTML5 是专门为承载丰富的 web 内容而设计的，并且无需额外插件。 HTML5 拥有新的语义、图形以及多媒体元素。 HTML5 提供的新元素和新的 API 简化了 web 应用程序的搭建。 HTML5 是跨平台的，被设计为在
阅读全文
摘要：/* //基本 show([s,[e],[fn]]) 显示元素 hide([s,[e],[fn]]) 隐藏元素 //滑动 slideDown([s],[e],[fn]) 向下滑动 slideUp([s,[e],[fn]]) 向上滑动 //淡入淡出 fadeIn([s],[e],[fn]) 淡入 fa
阅读全文
摘要：文本操作 /* $("选择符").html() // 读取指定元素的内容,如果$()函数获取了有多个元素,则提取第一个元素 $("选择符").html(内容) // 修改内容,如果$()函数获取了多个元素, 则批量修改内容 $("选择符").text() // 效果同上,但是获取的内容是纯文本,不包
阅读全文
摘要：三种用法: on 和 off // 绑定事件 $().on("事件名",匿名函数) // 解绑事件,给指定元素解除事件的绑定 $().off("事件名") 直接通过事件名来进行调用 $().事件名(匿名函数) 组合事件,模拟事件 $().ready(匿名函数) // 入口函数 $().hover(m
阅读全文
摘要：/* // 查找子代标签： $("div").children(".test") $("div").find(".test") // 向下查找兄弟标签 $(".test").next() $(".test").nextAll() $(".test").nextUntil() // 向上查找兄弟标签
阅读全文
摘要：其实就是$加css选择器 基本选择器 /* #id # id选择符 element # 元素选择符 .class # class选择符 selector1, selector2, selectorN # 同时获取多个元素的选择符 $("#id") $(".class") $("element") $
阅读全文
摘要：jQuery的引入 <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js"></script> 也可以下载到项目里面 <script src="jquery3.6"></script> //本地目录
阅读全文
摘要：onload事件 <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script> window.onload = function (){ ele = document.getElementById("i1")
阅读全文
摘要：文本操作 <div class="c1"><span>click</span></div> <script> var ele =document.querySelector(".c1"); ele.onclick = function (){ // 查看标签文本 console.log(this.i
阅读全文
摘要：静态绑定 ：直接把事件写在标签元素中 <div id="div" onclick="foo(this)">click</div> <script> function foo(self){ // 形参不能是this; console.log("foo函数"); console.log(self); }
阅读全文
浙公网安备 33010602011771号