HTML5
文章平均质量分 69
tangchangcai.
做一名正直勇敢的青年
展开
-
如何优雅的选择字体(font-family)
参考:https://segmentfault.com/a/1190000006110417#articleHeader4如何优雅的选择字体(font-family)赞 | 33收藏 | 21362.6k 次浏览大家都知道,在不同操作系统、不同游览器里面默认显示的字体是不一样的,并且相同字体在不同操作系统转载 2017-12-08 15:53:52 · 2491 阅读 · 0 评论 -
H5 canvas参考手册
HTML 5 Canvas 参考手册reference: http://www.w3school.com.cn/tags/html_ref_canvas.asp原创 2018-05-11 17:57:13 · 869 阅读 · 0 评论 -
上传视频
<input type="file" />先来了解一下: HTML DOM FileUpload 对象在 HTML 文档中 <input type="file"> 标签每出现一次,一个 FileUpload 对象就会被创建。该元素包含一个文本输入字段,用来输入文件名,还有一个按钮,用来打开文件选择对话框以便图形化选择文件。该元素的 value 属性保存了用户指定的文件...原创 2018-05-10 17:38:10 · 638 阅读 · 0 评论 -
ios下使用-webkit-overflow-scrolling:touch带来的bug
reference (请先学习): http://www.cnblogs.com/chris-oil/p/6164966.html其它案例(PS:还没有亲自验证):.panel { width: 100%; display: none; padding-top: 0px; overflow-x: hidden; / overflow-y: auto; /...转载 2018-04-24 11:30:13 · 1307 阅读 · 0 评论 -
html 5 history api 教你一些兼容ie10+的修改history记录的技能
reference:https://www.cnblogs.com/chaoyuehedy/p/5758143.html转载 2018-04-03 22:49:02 · 624 阅读 · 1 评论 -
测试H5页面
1.手机和电脑要在同一个局域网上2.把电脑的防火墙关掉原创 2018-01-08 11:02:19 · 650 阅读 · 0 评论 -
阿里云播放器的官方文档
参考:https://help.aliyun.com/document_detail/62941.html?spm=5176.doc51991.6.706.2MBrF8#h2--3转载 2018-01-24 15:48:03 · 3239 阅读 · 0 评论 -
一个网页适应多种不同屏幕的H5开发,rem的终极用法
先普及一下知识:html原生单位rem 即font size of the root element(相对于根元素font-size而变化的单位),em是相对于其设置了font-size的父元素(如果直接父元素都没有设置,就一级一级往上找,如果没找到,就会采用默认值,其它都与rem的特性一样)。适用范围:在手机端使用,因为手机中都是applewebkit内核(此时html的fontSi...原创 2017-12-04 12:03:40 · 1272 阅读 · 0 评论 -
兼容IE10上传并预览图片的方法(ie9暂时没有弄好)
以下代码会用到:1.jQuery 2.layui.all.js(要把整个插件downloaded) 3.jQuery.form.jsjQuery.form.js 使用很简单的,请参考:https://www.cnblogs.com/azhw/p/4661838.htmlhtml: <form id="designer_form" class="layui-form"...原创 2018-01-05 14:14:11 · 1766 阅读 · 0 评论 -
在移动端html页面上拨打电话,发短信的方法
1.打电话://已测试这种方式塞班、安卓(不可以存号码)与iphone都支持拨打电话以下还有几种方法没有测试的: 拨打电话在铃看到的一种方式 拨打电话接下来看发送短信的方法短信下单以下为:2013年11月29号更新因微信屏蔽一键拨号功能,所以需要在要拨号的页面的URL后面增加 “#mp.weixin.qq.com”,如在原创 2017-12-29 14:36:45 · 7287 阅读 · 0 评论 -
实践原生的html5 websoket
实例代码:// 创建一个Socket实例var wsUri ="ws://192.168.1.107/webSocket/9999";var websocket;var interval;//心跳是给后台判断是否还要前端发送数据function initWebSocket() { websocket = new WebSocket(wsUri); //只是打开连接原创 2018-01-13 11:33:53 · 288 阅读 · 0 评论 -
前端websockt可重连功能的插件
详情参考:https://www.cnblogs.com/HendSame-JMZ/p/6383443.html下载两个包后,直接引入html:https://github.com/tangcc8/reconnecting-websockethttps://github.com/tangcc8/offline效果:最终的效果是:当网络断开连接后,会先重连3000次,如果转载 2018-01-13 10:54:46 · 1468 阅读 · 0 评论 -
html5 websoket 的使用方法
参考:https://www.cnblogs.com/wei2yi/archive/2011/03/23/1992830.html认识HTML5的WebSocket在HTML5规范中,我最喜欢的Web技术就是正迅速变得流行的WebSocket API。WebSocket提供了一个受欢迎的技术,以替代我们过去几年一直在用的Ajax技术。这个新的API提供了一个方法,从客户端使用简转载 2018-01-12 16:11:17 · 1275 阅读 · 0 评论 -
html5 websocket的原理,只能在支持的设备上使用
参考:http://blog.csdn.net/frank_good/article/details/50856585偶然在知乎上看到一篇回帖,瞬间觉得之前看的那么多资料都不及这一篇回帖让我对 websocket 的认识深刻有木有。所以转到我博客里,分享一下。比较喜欢看这种博客,读起来很轻松,不枯燥,没有布道师的阵仗,纯粹为分享。废话这么多了,最后再赞一个~一、webs转载 2018-01-12 15:59:32 · 1256 阅读 · 0 评论 -
web前端cookie的使用方法
补充参考网站有祥细说明:https://segmentfault.com/a/1190000004743454我自己封装的document.cookie(不是window.cookie)存取删除使用方法:var component = { // addCookie : function(name,value,expiresMinis){ var cook原创 2017-12-25 12:02:52 · 6223 阅读 · 0 评论 -
原生table的常用属性,border-collapse:collapse,separate,none;cellspacing="10"
原生的table的常用属性://有!DOCTYPE表格属性border-collapse才能兼容ie8。代码如下 :<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>table 的常用属性</t原创 2019-01-07 22:18:07 · 2842 阅读 · 0 评论