摘要: 在介绍let和const之前我们先复习一下相关的知识点。 关于函数作用域 开发过程中,在ES6(ECMA2015)标准推出之前,声明变量的方式一直都是var,而变量的作用域一般也只在函数内部,即函数作用域。 function a () { var test = 1; } console.log(te 阅读全文
posted @ 2017-08-18 10:56 生姜可乐 阅读(310) 评论(0) 推荐(0) 编辑
摘要: 首先回顾一下XMLHttpRequest1.0的传输过程 关于XMLHttpRequest 初始化XMLHttpRequest 想要使用XMLHttpRequest进行传输文件,首先我们得创建一个XMLHttpRequest对象, 而每创建一个XMLHttpRequest的时候会产生readySta 阅读全文
posted @ 2017-07-18 18:50 生姜可乐 阅读(618) 评论(0) 推荐(0) 编辑
摘要: blob对象介绍 一个 Blob对象表示一个不可变的, 原始数据的类似文件对象。Blob表示的数据不一定是一个JavaScript原生格式 blob对象本质上是js中的一个对象,里面可以储存大量的二进制编码格式的数据。 创建blob对象 创建blob对象本质上和创建一个其他对象的方式是一样的,都是使 阅读全文
posted @ 2017-07-18 18:49 生姜可乐 阅读(49971) 评论(0) 推荐(7) 编辑
摘要: 此次demo使用chrome49调试测试 前端在操作视频输入,音频输入,输出上一直是比较弱的,或者说很难进行相关的操作,经过我最近的一些研究发现,在PC上实际上是可以实现这一系列的功能的,其实现原理主要是得益于google的webRTC技术。 什么是webRTC WebRTC,名称源自网页即时通讯( 阅读全文
posted @ 2017-07-18 18:49 生姜可乐 阅读(4541) 评论(0) 推荐(0) 编辑
摘要: 通过前面两篇的分享,我们已经搞定了单个文件的普通的上传,包括文件预览,图片预览,上传速度等前端界面的显示,这次我们来谈谈关于>XMLHttpRequest2.0在界面之后假如才用分片上传能做到一些什么功能 关于分片上传 为什么要使用分片上传? 考虑如下场景,假如用户需要在一个视频分享社区上传一部.a 阅读全文
posted @ 2017-07-18 18:49 生姜可乐 阅读(229) 评论(0) 推荐(1) 编辑
摘要: 关于上传事件 首先要做到实时进度条这种需求,首先我们需要得到关于上传的各种事件,这些事件大部分都是在XMLHttpRequest这个对象下面: progress事件:上传进度事件。 load事件:传输成功完成。 abort事件:传输被用户取消。 error事件:传输中出现错误。 loadstart事 阅读全文
posted @ 2017-07-18 18:49 生姜可乐 阅读(267) 评论(0) 推荐(0) 编辑
摘要: 在群里最近有人提到如何处理在页面跳转之后,想要直接定位到相对应的选项卡的选项上,比如首页有登录和注册两个按钮,而登录注册页面有一对选项卡分别对应的是登陆和注册,想要实现的功能是点击登陆去到登录页的登录部分,而点击注册去到登录页的注册部分,考虑之后发现可以利用html5中关于hash的一些API以及事 阅读全文
posted @ 2017-07-18 16:45 生姜可乐 阅读(710) 评论(0) 推荐(0) 编辑
摘要: 大家都知道在css中的单位,一般都包括有px,%,em等单位,另外css3新增加一个单位rem。 其中px,%等单位平时在传统布局当中使用的比较频繁,大家也比较熟悉,不过px单位在进行自适应布局的过程当中则会有些力不从心,大部分的解决方案是使用%为单位配合@media媒介查询来进行自适应布局。不过还 阅读全文
posted @ 2017-07-18 16:42 生姜可乐 阅读(691) 评论(0) 推荐(0) 编辑