html5 localStorage缓存音乐和视频

利用ajax XHR对象可以创建获取音频流,将一个音频文件转换成DATAURL的模式存储到本地 注意地址要是本地服务器地址 http://localhost/javaer/h5/hfiles.html 或者线上地址 http://java-er.com/hfiles.html 否则XHR会因为跨域问题,无法访问 缓存音乐依靠浏览器得Blob对象, 当然用这个机制也可以缓存图片文件,视频文件 Your More


H5 localStorage 缓存图片

利用canvas的图片对象可以缓存图片文件为流文件 glasses girl //在本地存储中保存图片 var storageFiles = JSON.parse(localStorage.getItem("storageFiles")) || {}, glassesgirl = document.getElementById("glassesgirl"), storageFilesDate = storageFiles.date, date = new Date(), todaysDate = (date.getMonth( More


H5 本地缓存localStorage缓存机制

localStorage缓存特点: 1.用户如果不进行清理操作,那么缓存一直在 2.缓存文件默认浏览器最大5M 3.可以存文本,图片,视频流 // Check browser support if (typeof(Storage) !== "undefined") { // Store localStorage.setItem("lastname", "Gates"); // Retrieve document.getElementById("result").innerHT More


google chrome内核工具Puppeteer

(一)Puppeteer的简介 (二)nodejs的使用 (三)安装puppeteer (四)简单得puppeteer开发小例子 (五)Linux系统如何使用puppeteer (一)Puppeteer的简介 Puppeteer介绍: 1.可以模拟浏览器来下载 2.可以操纵网页内dom 3.可以跨平台执行 4.表面用的js写的,实际可以在后台运行 官方文档说的很谦虚,可以保存浏览器一个 More


wp-syntax代码高亮插件使用手册

月小升的博客一直在用wp-syntax插件来代码高亮,今天发现不少语法不知道不能用,比如月小升经常写bash命令,留一个文在此,方便自己学习 WP-Syntax 代码书写格式 //这里添加代码…… </pre> 其中,lang="html"表示代码语言为 html,请根据自己需要修改; line="1" 表示显示行号,如果不需要,去掉即可;escaped="true" 是为了防止代码转义,如 More


Chrome浏览器Network性能调试

以下为月小升博客总结的Network性能调试文档,欢迎交流 一、Chrome浏览器版本 二、功能区 2.1 启动,停止 2.2 清除记录 2.3 录像浏览器 2.4 关闭开启下一行菜单 2.5 搜索 2.6 View查看更多数据 2.7 时间序列 2.8 分组展示 2.9 URL跳转前历史记录 2.10 是否禁止缓存 2.11 断网和限速测试 三、数据分组区 3.1 Hide data URLS 3.2 All 3.3 More


兼容chrome的UBB 插入代码,选中文本

这是测试内容,请在任意位置插入内容。 这是测试内容,请在任意位置插入内容。 这是测试内容,请在任意位置插入内容。 这是测试内容,请在任意位置插入内容。 {Java code here} 222 var text = document.getElementById('text'); var insert = More


Cookie欺骗及反欺骗 论cookie安全

Cookie文件不能作为代码执行,也不会传送病毒,它为用户所专有并只能由创建它的服务器来读取。 浏览器一般只允许存放300个Cookie, 每个站点最多存放20个Cookie, 每个Cookie的大小限制为4KB, Cookie代表了你的身份,那么安全性就有得考虑了。 1.Cookie欺骗: Cookie记录了用户的帐户ID、密码之类的信息,通常使用MD5方法加密后在网上传递。经过加密处理 More


改写系统alert的弹出浮层的JS

//改写alert window.alert = function(txt) { var borderColor = "#999"; var title = "[月小升博客提示]"; var shield = document.createElement("DIV"); shield.id = "shield"; shield.style.position = "absolute"; shield.style.left = "0px"; shield.style.top = "0px"; shield.style.widt More


多屏自适应的优缺点

不停有客户来问,多屏自适应的优点和缺点,近期进行了一些总结 优点 1.跨平台。
在手机,pad,电脑上均有的表现。

2.表现力一致
在不同的平台上看到的东西都是基本一致的,会让感觉体验良好。 是的这一个优点,就足够我们去努力做了。 2.一套底层代码,一套底层数据。不需要维护多个界面。比如我们要改用户昵称改成用户名称,只需要在一个界面上 More


About Me

静水流深,水滴石穿