随笔分类 -  HTML5

WebRTC初学Demo
摘要：文章目录 简介 实现基本的数据通道 文件传输 修改传输速度限制 选择并读取文件数据 自动下载文件 完整代码 音视频通话 https 访问音视频流 完整代码 屏幕共享 捕捉屏幕 完整代码 NAT穿透之STUN/TURN 信令服务器 信令服务实现 完整代码 详细请访问 简介 WebRTC（网页实时通信技 阅读全文
posted @ 2023-06-12 14:19 笠航 阅读(766) 评论(0) 推荐(1)
canvas获取浏览器指纹-唯一的设备标识
摘要：<meta charset="utf-8"> <title>canvas获取浏览器指纹-唯一的设备标识</title> <script> function bin2hex(str) { var result = ""; for (i = 0; i < str.length; i++ ) { resu 阅读全文
posted @ 2021-01-04 17:08 笠航 阅读(1325) 评论(0) 推荐(0)
浏览器唯一标识
摘要：微信提供的浏览器指纹：fbaa833f9f71edf80f23d205b75e1f2c 通过canvas生成指纹：1681af93 微信的，修改部分UA即可伪造指纹 <script src="https://wx.gtimg.com/wxpay_h5/fingerprint2.min.1.5.1.j 阅读全文
posted @ 2021-01-04 16:32 笠航 阅读(1339) 评论(1) 推荐(0)
Canvas简单验证码识别
摘要：有感于canvas无穷的魅力，使用canvas折腾了一个简单的验证码识别。当然是最简单的验证码识别了，不过准确率还好能达到100%。 首先看一下我们准备识别的验证码，绿色的背景，白色的噪点，黑色的文字（数字0-9），位置和颜色固定，没有旋转，够简单吧。 思路： 1、收集验证码样本，要包括0-9所有的 阅读全文
posted @ 2019-07-01 18:46 笠航 阅读(686) 评论(0) 推荐(0)
ArrayBuffer与字符串的互相转换
摘要：ArrayBuffer与字符串的互相转换 ArrayBuffer转为字符串，或者字符串转为ArrayBuffer，有一个前提，即字符串的编码方法是确定的。假定字符串采用UTF-16编码（JavaScript的内部编码方式），可以自己编写转换函数。 PHP接收二进制流并生成文件 php 字符串转二进制 阅读全文
posted @ 2019-05-12 12:46 笠航 阅读(34635) 评论(0) 推荐(1)
h5页面在ios机上禁止长按复制
摘要：（注意，增加之后需要对input的另外设置，不然输入框无法输入）场景：H5出现一个按钮需要长按几秒展示动画的，如：skcs.net-tactic.com/wap/peace/index，这时就需要用到禁止苹果的 ios机默认存在长按复制选择，用以下代码取消： *{ -webkit-touch-cal 阅读全文
posted @ 2019-04-21 23:35 笠航 阅读(2182) 评论(0) 推荐(0)
localStorage单页面及不同页面监听变动
摘要：分析 H5本地存储有两个API，一个是Web Storage，还有一个是Web SQL。不管是哪一个，都是基于JavaScript语言来使用，而Web Storage提供了两种存储类型 API： sessionStorage 和 localStorage，二者的差异主要是数据的保存时长及数据的共享方 阅读全文
posted @ 2018-12-29 16:08 笠航 阅读(3909) 评论(0) 推荐(1)
localstorage跨域解决方案
摘要：localstorage也存在 跨域的问题， 【解决思路如下】 在A域和B域下引入C域，所有的读写都由C域来完成，本地数据存在C域下; 因此 A哉和B域的页面必定要引入C域的页面; 当然C域最好是主域，原因后面会提到(在localstorage 不方便的情况下使用cookie); 【A域】【B域】需 阅读全文
posted @ 2018-12-29 14:50 笠航 阅读(13139) 评论(0) 推荐(0)
localStorage 存满了怎么办？
摘要：先来几道面试题 1、a.meituan.com 和 b.meituan.com 这两个域能够共享同一个 localStorage 吗？ 2、在 webview 中打开一个页面：i.meituan.com/home.html，点击一个按钮，调用 js 桥打开一个新的 webview：i.meituan 阅读全文
posted @ 2018-12-28 20:46 笠航 阅读(2572) 评论(0) 推荐(0)
localStorage使用总结
摘要：HTML5 的本地存储 API 中的 localStorage 与 sessionStorage 在使用方法上是相同的，区别在于 sessionStorage 在关闭页面后即被清空，而 localStorage 则会一直保存。我们这里以 localStorage 为例，简要介绍下 html5 的本地 阅读全文
posted @ 2018-12-28 18:32 笠航 阅读(1882) 评论(4) 推荐(1)
html5实现移动端下拉刷新（原理和代码）
摘要：这篇文章给大家介绍的内容是关于html5实现移动端下拉刷新（原理和代码），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。 移动端的下拉刷新是一个很常见的功能，也有许多开源库实现了这个功能，不过为了学习，还是先自己写一个例子学习一下。其中用到了一些touch事件和一些DOM属性CSS3 阅读全文
posted @ 2018-12-26 17:13 笠航 阅读(1095) 评论(0) 推荐(0)
html5水平方向重力感应
摘要：html5图片随手机重力感应而移动 转自：http://resource.haorooms.com/softshow-29-263-1.html 阅读全文
posted @ 2018-12-26 16:59 笠航 阅读(718) 评论(0) 推荐(0)
HTML5触摸事件(touchstart、touchmove和touchend) （转）
摘要：HTML5中新添加了很多事件，但是由于他们的兼容问题不是很理想，应用实战性不是太强，所以在这里基本省略，咱们只分享应用广泛兼容不错的事件，日后随着兼容情况提升以后再陆续添加分享。今天为大家介绍的事件主要是触摸事件：touchstart、touchmove和touchend。 一开始触摸事件touch 阅读全文
posted @ 2018-12-26 15:55 笠航 阅读(268) 评论(0) 推荐(0)
HTML5 -canvas拖拽、移动 绘制图片可操作移动，拖动
摘要：关于canvas 的基础知识就不多说了，可以进这个网址学习 http://www.w3school.com.cn/html5/html_5_canvas.asp 对于canvas 和 SVG 其实一开始个人是比较倾向于SVG多一点，不过后来工作需要，又学习了下canvas, 这两个之间主要不同是 c 阅读全文
posted @ 2018-09-09 22:03 笠航 阅读(10508) 评论(0) 推荐(0)
HTML5 manifest离线缓存技术
摘要：干什么用的？ 离线缓存为的是第一次请求后，根据manifest文件进行本地缓存，并且在下一次请求后进行展示（若有缓存的话，无需再次进行请求而是直接调用缓存），最根本的感觉是它使得WEB从online可以延伸到了offline领域。 应用场景h5游戏及一些页面内容不经常会变动，相对较为固定的内容。 一 阅读全文
posted @ 2018-09-08 21:44 笠航 阅读(1391) 评论(0) 推荐(0)