随笔分类 - html5+typeScript
html5+typeScript-webGL-tree.js
摘要：使用swiper.js做一些动效时，如果进行了ajax，并且重新把DOM写入到HTML代码中，会导致swiper.js的特效消失的问题、原因是ajax加载后，原先new 的Swiper对象，不认识新来的DOM对象，所以要把ajax之后的DOM也绑定到swiper的事件，就得重新声明Swiper对象，
阅读全文
摘要：API介绍 首先看看API如何使用： history.pushState(state, title, url) : 无刷新的向浏览器 历史最前方 加入一条记录。 state(any) 需要保存的数据，这个数据在触发popstate事件时保存在event.state上。 title(string)：
阅读全文
摘要：canvas转换为dataURL (从canvas获取dataURL) 转:https://blog.csdn.net/cuixiping/article/details/45932793
阅读全文
摘要：Canvas转换为Blob对象并使用Ajax发送 转换为Blob对象后，可以使用Ajax上传图像文件。 先从canvas获取dataurl, 再将dataurl转换为Blob对象 转:https://blog.csdn.net/cuixiping/article/details/45932793
阅读全文
摘要：html之file标签 图片上传前预览 -- FileReader 记得以前做网站时，曾经需要实现一个图片上传到服务器前，先预览的功能。当时用html的<input type="file"/>标签一直实现不了，最后舍弃了这个标签，使用了其他方式来实现了这个功能。 今天无意发现了一个知识点，用html
阅读全文
摘要：File File对象可以用来获取某个文件的信息，还可以用来读取这个文件的内容。通常情况下，File对象是来自用户在一个 <input> 元素上选择文件后返回的FileList对象，也可以是来自由拖放操作生成的 DataTransfer对象。 用户在选择一个或者多个文件后，可以通过File API访
阅读全文
摘要：js 图片转换base64 base64转换为file对象 相关: https://www.cnblogs.com/fps2tao/p/9268380.html
阅读全文
摘要：把一个base64编码的图片绘制到canvas 需要引入jquery. canvas的图片在转成dataurl 相关: https://www.cnblogs.com/fps2tao/p/9268613.html
阅读全文
摘要：Data URL给了我们一种很巧妙的将图片“嵌入”到HTML中的方法。跟传统的用img标记将服务器上的图片引用到页面中的方式不一样，在Data URL协议中，图片被转换成base64编码的字符串形式，并存储在URL中，冠以mime-type。本文中，我将介绍如何巧妙的使用Data URL优化网站加载
阅读全文
摘要：什么是Blob? Blob 是什么？ 这里说的是一种Javascript的对象类型。 oracle 中也有类似的栏位类型。 在 [JS进阶] HTML5 之文件操作(file) 这一篇中用到了File对象，而实际上 file 对象只是 blob 对象的一个更具体的版本，blob 存储着大量的二进制数
阅读全文
摘要：FormData 对象的使用 https://developer.mozilla.org/zh-CN/docs/Web/API/FormData/Using_FormData_Objects https://developer.mozilla.org/zh-CN/docs/Web/API/FormD
阅读全文
摘要：大话Web-Audio-Api 转:https://www.jianshu.com/p/0079d1fe7496 简单的例子: 上面例子也受同源跨域策略影响
阅读全文
摘要：遇到过的错误: 到底这个标签的src可以跨域吗? 先看一个例子: (浏览器也有差异,IE浏览器都可以播放) 再看他们的区别: 第二个的返回头: 总结:其实audio标签是可以跨域的,关键是被跨的那个服务器允不允许.... 应该要在跨域服务器 apache或iis 虚拟目录配置文件,配置允许跨域请求.
阅读全文
摘要：jquery 选择器，模糊匹配 按name匹配 1,name前缀为aa的所有div的jquery对象 2,name后缀为aa的所有div的jquery对象 3,name中包含aa的所有div的jquery对象 以上返回的都是jquery的集合对象，因此都可以用 进行遍历 下面的格式可用于集合，也可以
阅读全文
摘要：样式： {width: 160px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} 说明： white-space: nowrap 保证文本内容不会自动换行，如果多余的内容会在水平方向撑破单元格。 overflow:
阅读全文
摘要：最近在做微信公众号的内嵌页面，发现点击输入框时键盘盖住文本框，找到一段代码解决了这个问题。 iOS和android手机都已亲测，需要的可以直接拷贝到代码中使用。 js代码如下： https://www.cnblogs.com/YYW303/archive/2017/07/28/7250306.htm
阅读全文
摘要：Exif.js插件介绍 http://code.ciaoca.com/javascript/exif-js/ iOS手机竖着拍的照片经过前端处理之后被旋转了90°的原因以及解决方案 https://www.jianshu.com/p/ad4501db178e https://github.com/t
阅读全文
摘要：以前一直认为jquery中的$("#id")和document.getElementByIdx_x("id")得到的效果是一样的，今天做特效的时候才发现并不是这么一回事，通过测试得到: 1、alert($("#div"))得到的是[object Object] 2、alert(document.ge
阅读全文
摘要：前言 在移动端H5网页中，下拉刷新和上拉加载更多数据的交互方式出现频率很高，开源社区也有很多类似的解决方案，如iscroll，pulltorefresh.js库等。下面是对这两种常见交互基本实现原理的阐述。 实现原理 下拉刷新 实现下拉刷新主要分为三步： 监听原生touchstart事件，记录其初始
阅读全文
摘要：一个移动端前端上传图片的小例子 下面是用到的素材:(z_add.png) 效果:
阅读全文
浙公网安备 33010602011771号