
Html 5
文章平均质量分 92
蚩尤后裔-汪茂雄
朝为田舍郎,暮登天 子堂;将相本无种,男儿当自强。
展开
-
HTML5 前端原生 WebSocket 通信
HTML5 WebSocketWebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。 WebSocket 使得客户端和服务器之间的数据交换变得更加简单,允许服务端主动向客户端推送数据。 WebSocket 中,浏览器和服务器只需要完成一次握手,两者之间就直接可以创建持久性的连接,并进行双向数据传输。很多网站为了实现推送技术,所用的技术都是 Aj...原创 2018-10-19 12:20:51 · 3213 阅读 · 1 评论 -
H5 设备运动事件 DeviceMotionEvent
目录DeviceMotionEvent 简 介devicemotion 设备运动摇一摇改变背景色DeviceMotionEvent 简 介官方文档地址:https://w3c.github.io/deviceorientation/html 5 提供了几个新的 DOM 事件来获得设备物理(主要针对移动端)方向及运动的信息,包括:陀螺仪、罗盘及加速计。1)deviceo...原创 2018-10-16 09:43:57 · 10890 阅读 · 13 评论 -
JavaScript GET 和 POST 请求的区别详解
目录w3school: GET 对比 POSTGET 方法参数写法是固定的吗?POST 方法比 GET 方法安全?GET 方法的长度限制是怎么回事?POST 方法会产生两个TCP数据包?w3school: GET 对比 POST分类 GET POST 后退按钮/刷新 无害 数据会被重新提交(浏览器应该告知用户数据会被重新提交)。 书签 ...原创 2019-03-12 09:31:58 · 1267 阅读 · 0 评论 -
H5 File 对象获取 Input type=file 文件详细信息
目录H5 File 对象概述编码示例accept 属性过滤文件类型需求分析1、假如现在需要获取用户上传文件的详细信息,如 文件名称、文件大小、文件类型、上传修改时间等等。H5 File 对象概述1、文件上传表单如下所示:method 必须是 post、enctype 必须是multipart/form-data 类型、如果是多文件上传,则在 type=file 中...原创 2019-04-10 13:50:58 · 9088 阅读 · 0 评论 -
Html5 + fromData + Spring MVC 单文件、多文件上传
目录Html5 单文件上传前台 h5 页面后台 action$.Ajax 单文件上传前台$.ajax后台 actionHtml5 单文件上传前台 h5 页面后台 action1、后台使用 SpringMVC 做文件上传,其底层也是依赖 Apache 的 fileUplaod 库import com.google.gson.Gson;im...原创 2018-04-14 13:40:19 · 2183 阅读 · 1 评论 -
Html 5 Input type=range 滑动条
目录Input type=range 概述单个滑动条编码示例多个滑动条编码示例修改滑动条默认样式Input type=range 概述1、HTML5 拥有多个新的表单输入类型,这些新特性提供了更好的输入控制和验证,range 就是其中一个。2、range 类型用于应该包含一定范围内数字值的输入域,可以设定对所接受的数字进行限定:属性 值 描述 max...原创 2019-03-25 11:42:26 · 7090 阅读 · 0 评论 -
HTML5 Geolocation(地理定位)
目录HTML5 GeolocationgetCurrentPosition() 方法编码示例获取位置信息百度地图展示位置使用方法HTML5 Geolocation1、HTML5 Geolocation(地理定位)用于定位用户的位置2、鉴于该特性可能侵犯用户的隐私,除非用户同意,否则用户位置信息不可用。(所以通常是弹窗提示用户进行授权)3、Internet E...原创 2018-12-23 16:20:23 · 2284 阅读 · 0 评论 -
HTML DOM Image 对象
目录Image 对象Image 对象的属性标准属性Image 对象事件编码示例常用操作事件操作Image 对象 Image 对象代表嵌入的图像,<img> 标签每出现一次,一个 Image 对象就会被创建。 需要理解的是:为了可以方便的在 JavaScript 中来操作 <audio>和<video>...原创 2018-11-14 09:16:55 · 2153 阅读 · 0 评论 -
前端 JavaScript 常用插件/框架/工具库汇总
很多时候 web 网页上需要判断或监听浏览器(系统)的网络状态。Navigator onLine 属性onLine 属性是一个只读的布尔值,声明了系统是否处于脱机模式,如果系统属于脱机状态,则返回 false,否则返回 true。注:在 IE 4+ 中,用户可以在浏览器中选择脱机工作,当脱机工作被选后,系统就进入了脱机状态,内容将从缓存进行读取。语法:navigator.onLin...原创 2018-11-06 15:10:56 · 4421 阅读 · 1 评论 -
Html meta 标签定义页面元信息,H5唤醒打电话和发短信
目录定义与用法meta 标签属性name 属性http-equiv 属性content 属性name viewport 移动端优化HTML 4 与 5 差异常用实例定义与用法<meta> 元素可提供有关页面的元信息(meta-information),通常用于指定网页的描述,关键词,文件的最后修改时间,作者、搜索引擎和更新频度及其他元数据。 ...原创 2018-10-17 17:43:53 · 6747 阅读 · 1 评论 -
HTML5 音频 / 视频 DOM 操作
目录HTML5 音频 / 视频 DOM 操作HTML5 Audio/Video 方法HTML5 Audio/Video 属性HTML5 Audio/Video 事件HTML5 音频 / 视频 DOM 操作HTML5 DOM 为 <audio> 和 <video> 元素提供了操作的方法、属性和事件,关于 <audio> 和 <vide...原创 2018-10-16 13:15:57 · 866 阅读 · 0 评论 -
H5 FormData 表单数据对象详解 与 Json 对象相互转换
目录FormData 表单对象概述常用方法添加、获取数据修改、删除数据判断是否含有指定 keyentries 遍历数据项目实例FormData 表单对象概述1、FormData 是 Html5 新加进来的一个类,可以模拟表单数据2、利用FormData对象,可以通过JavaScript键值对来模拟一系列表单控件,可以使用 JQuery 的 $.Ajax ...原创 2018-04-15 11:37:23 · 5828 阅读 · 1 评论 -
Html 5 网络存储之 LocalStorage,SessionStorage,Cookie
目录网络存储 简述localStorage 本地存储增删改查操作JSON 转换浏览器清理缓存SessionStorage 会话存储SessionStorage 操作网络存储 简述1、HTML 中,为了在本机存储用户数据,通常使用 JavaScript cookie。HTML 5 开始引入了 Web 存储,网站利用它在本机上存储用户数据。2、cookie中每条...原创 2018-06-26 09:25:13 · 4970 阅读 · 1 评论