HTML5
陆康永
是时候开始明确自己写博客是为了什么,以前搞不懂,感觉挺浪费时间的,而且自己的水平写出了的博客可参考价值也不大,权当给以后的自己一个了解过去自己的机会,避免继续踩坑。
展开
-
1.跨浏览器通讯之iframe 以及window.open
同一域名下通讯: 1.iframe之间通讯: 效果以及代码:http://sandbox.runjs.cn/show/3ntvrlml 2.BOM对象实现通讯: 效果以及代码:http://sandbox.runjs.cn/show/owl7v6pmHTML5实现iframe:域名为http://localhost:8080下的页面:原创 2016-03-06 14:35:46 · 1890 阅读 · 0 评论 -
video 在安卓版本上小窗口播放,IOS 微信 video小屏幕播放,微信全屏video
目录:安卓和ios微信video小窗口播放(太水,可以直接跳过)noscript标签video移动端上面不得不说的辛酸腾讯关于video的说明文档:https://x5.tencent.com/tbs/guide/video.html一个video html标签包含以下几个常见的属性:x-webkit-airplay="true" //支持Airplay的设备(如:音箱、Apple TV...原创 2018-03-30 00:08:01 · 7600 阅读 · 3 评论 -
history.pushState的实际使用笔记
history.pushState是HTML5的特殊,IE8+支持意思是在不刷新浏览器的情况下给浏览器记录插入队列的意思.“插菊花“参考地址:https://developer.mozilla.org/zh-CN/docs/Web/API/History/pushStatehistory.pushState(state, title, url);原创 2017-12-05 12:01:19 · 6489 阅读 · 0 评论 -
Referrer的重要性 HTTP请求中有一个referer的报文头,用来指明当前流量的来源参考页。例如在www.sina.com.cn/sports/上点击一个链接到达cctv.com首页,那么就
Referrer的重要性HTTP请求中有一个referer的报文头,用来指明当前流量的来源参考页。例如在www.sina.com.cn/sports/上点击一个链接到达cctv.com首页,那么就referrer就是www.sina.com.cn/sports/了。在Javascript中,我们可以通过document.referrer来获取同样的信息。通过这个信息,我们就可以知道访客是从转载 2017-12-22 19:43:08 · 12411 阅读 · 0 评论 -
getSelection和range的笔记
div contenteditable光标测试 .div { width: 600px; height: 200px; border: 1px solid #CCC } $(document).ready(function(e) { $('.toEnd').click(f原创 2017-10-24 10:59:40 · 2647 阅读 · 0 评论 -
监听浏览器hash变化和html5 pullstate特性
最近在学vue,用到了路由,虽然之前用正美大神的avalon的时候也用到了路由,但是却没有现在这样迫切的想知道前端路由的实现原理,触发浏览器地址管理机制的情况大致有三种:1.a链接跳转2.浏览器地址栏hash改变,可以直接通过js改变window.location.hash3.使用HTML5特效 pullstate第一个会导致当前窗口刷新,第二个和第三个不会导致原创 2017-02-16 00:49:40 · 5439 阅读 · 0 评论 -
[作者张鑫旭]JS Range HTML文档/文字内容选中、库及应用介绍
一、前面的些话本文的内容基本上是基于“区域范围对象(Range objects)”这个概念来说的。这个玩意,可以让你选择HTML文档的任意部分,并可以拿这些选择的信息做你想做的事情。其中,最常见的Range是用户用鼠标选择的内容(user selection)。本文有不少篇幅就是讲如何将用户的这种选择转换为W3C Range或Microsoft Text Range对象。转载 2017-01-01 17:48:22 · 1467 阅读 · 0 评论 -
HTML5 简单富文本编辑器
富文本编辑器 编辑区 字体颜色: Black Red Green原创 2017-01-01 01:32:39 · 12711 阅读 · 2 评论 -
H5选择器之大放异彩 仿jquery链式调用 IE8+完美运行
写在前面:本章主要是关于html5新增选择器和在HMTL5选择器基础上进行仿jquery链式调用的demo这是不使用HTML5选择器下的仿jquery链式调用的demo,可以和下面的代码对比能看出html5的简约方便 querySelector div1 p1原创 2016-06-11 13:46:06 · 1129 阅读 · 0 评论 -
HTML5学习之FileReader new FormData()
文章来源:http://blog.csdn.net/zk437092645/article/details/8745647用来把文件读入内存,并且读取文件中的数据。FileReader接口提供了一个异步API,使用该API可以在浏览器主线程中异步访问文件系统,读取文件中的数据。到目前文职,只有FF3.6+和Chrome6.0+实现了FileReader接口。1、FileRead转载 2016-06-02 18:30:49 · 2242 阅读 · 0 评论 -
HTML5 本地裁剪图片并上传至服务器 canvas图片上传 canvas图片裁剪
很多情况下用户上传的图片都需要经过裁剪,比如头像啊什么的。但以前实现这类需求都很复杂,往往需要先把图片上传到服务器,然后返回给用户,让用户确定裁剪坐标,发送给服务器,服务器裁剪完再返回给用户,来回需要 5 步。步骤繁琐不说,当很多用户上传图片的时候也很影响服务器性能。HTML5 的出现让我们可以更方便的实现这一需求。虽然这里所说的技术都貌似有点过时了(前端界的“过时”,你懂的),但还是有些转载 2016-05-26 11:03:07 · 7489 阅读 · 1 评论 -
canvas绘制跨域图片&&点击下载图片
最近遇到个问题,就是在图片旁边有个点击下载按钮,但是这个图片的来源地址不确定。IE上可以使用(新版本可能不行,没试过):window.navigator.msSaveBlob(blob, name + ".jpg");火狐直接:window.location.href = url;以上都不符合主流浏览器目前知道:1.canvas可以绘制图片(但是不允许跨域)2.添加d...原创 2019-09-04 14:13:02 · 801 阅读 · 0 评论