虽然使用绝对定位可以实现页面布局，但由于调整某个盒子模型时其他盒子模型的位置并不会跟着改变，所以并不是布局的首选方式。而使用浮动的盒子模型可以向左或向右移动，直到它的外边缘碰到包含它的盒子模型边框或另一个浮动盒子模型的边框为止。并且由于浮动的盒子模型不在文档的普通流中，所以文档的普通流中的盒子模型表 ...
分类：
Web程序 时间：
2019-12-11 09:30:40
阅读次数：
119
前端的实现动画效果的方法比较多： 1.Javascript 中可以通过定时器 setTimeout 来实现 2.css3 可以使用 transition 和 animation 来实现 3.html5 中的 canvas 也可以实现。 除此之外，html5 还提供一个专门用于请求动画的API，那就是 ...
分类：
其他好文 时间：
2019-12-10 16:54:51
阅读次数：
109
之前仿造uploadify写了一个HTML5版的文件上传插件，没看过的朋友可以点此先看一下~得到了不少朋友的好评，我自己也用在了项目中，不论是用户头像上传，还是各种媒体文件的上传，以及各种个性的业务需求，都能得到满足。小小开心了一把。 但无论插件再怎么灵活，也难以应付所有的需求，比如，你要上传一个2 ...
分类：
Web程序 时间：
2019-12-10 16:48:50
阅读次数：
114
可兼容移动端视图 效果图如下：太极图是可以旋转的 具体实现如下： <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, ini ...
分类：
Web程序 时间：
2019-12-09 12:00:41
阅读次数：
228
有不少公司将nodejs的socket.io作为websocket的解决方案，很遗憾的是socket.io是对websocket的封装，并不支持html5原始的websocket协议，微信小程序使用的websocket却是接近于html5原始websocket协议，socket.io居然没有用武之地 ...
分类：
Web程序 时间：
2019-12-08 12:53:56
阅读次数：
248
什么是<!DOCTYPE html>？ 在HTML文档初，往往会有这么一句话<!DOCTYPE html>，那么它的意义是什么呢？它是html5标准网页声明,全称为Document Type HyperText Mark-up Language，意思为文档种类为超文本标记性语言或超文本链接标示语言， ...
分类：
Web程序 时间：
2019-12-08 12:37:24
阅读次数：
133
1 会话存储 使用html5的 sessionStorage 对象临时保存会话 // 保存会话 sessionStorage.setItem('user', username) // 删除会话 sessionStorage.removeItem('user', username) 2 将所有未登录会 ...
分类：
其他好文 时间：
2019-12-07 21:07:18
阅读次数：
87
WebSocket协议是基于TCP的一种新的协议。WebSocket最初在HTML5规范中被引用为TCP连接，作为基于TCP的套接字API的占位符。它实现了浏览器与服务器全双工(full-duplex)通信。其本质是保持TCP连接，在浏览器和服务端通过Socket进行通信。 本文将使用Python编 ...
分类：
Web程序 时间：
2019-12-07 20:55:08
阅读次数：
120
移动端延迟300ms的原因以及解决方案 一、前言 移动端浏览器提供一个特殊的功能：双击(double tap)缩放。 二、移动端延迟300ms的原因 为什么要用触摸事件？触摸事件是移动端浏览器特有的html5事件。 因为移动端的click有很大延迟（大约300ms），300ms延迟来自判断双击和长按 ...
分类：
移动开发 时间：
2019-12-07 16:36:41
阅读次数：
139
vue中实现本地储存的方法：localStorage，在HTML5中，新加入了一个localStorage特性，这个特性主要是用来作为本地存储来使用的，解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k)，localStorage中一般浏览器支持的是5M大小，这个在 ...
分类：
其他好文 时间：
2019-12-06 19:13:48
阅读次数：
79
