a6416994的精彩笔记
  • iphone手机html5上传图片方向问题解决

    用html5编写图片裁切上传,在iphone手机上可能会遇到图片方向错误问题,在此把解决方法和大家分享一下,用到了html5的 FileReader和Canvas,如果还没有接触的同学,先了解一下其方法。//此方法为fileinput元素的change事件 functionchange(){ varfile=this.files[0]; varorientation; //EXIFjs可以读取图片的元信息http
  • 使用原生js+css3实现下拉刷新效果

    原生app里的数据列表都会使用下拉刷新的效果,在webapp里可以采用iscroll、swiper等插件或框架实现,那么如何自己编码实现类似的效果呢,下面介绍使用原生js+css3实现的简单效果。html布局<!DOCTYPEhtml> <html> <head> <metacharset="utf-8"> <metaname="viewport"con
  • 响应式图片— srcset 和 sizes 属性

    在响应式网页设计的革命中,图片看起来是被浪潮落下的一个事物。直到最近,根据不同的屏幕尺寸和像素密度来提供不同的图片还是没有完全实现。<picture>元素展示了很多改变这个局面的希望,但无论picture元素是否可以完全使用,现在有两个对于响应式图片很关键的两个属性 ——srcset和sizes。srcset属性srcset属性允许
  • JavaScript HTML5脚本编程——“原生拖放”的注意要点

    最早在网页中引入JavaScript拖放功能是IE4。当时,网页中只有两种对象可以拖放:图像和某些文本。在IE4中,唯一有效的放置目标是文本框。到了IE5,拖放功能得到拓展,添加了新的事件,而且几乎网页中的任何元素都可以作为放置目标。IE5.5更进一步让网页中的任何元素都可以拖放。HTML5以IE的实例为基础指定了拖放规范。拖放