随笔分类 - HTML5
摘要:由于前端是不能直接操作本地文件的,要么通过<input type="file">用户点击选择文件或者拖拽的方式,要么使用flash等第三方的控件,但flash日渐衰落,所以使用flash还是不提倡的。同时html5崛起,提供了很多的api操控,可以在前端使用原生的api实现图片的处理,这样可以减少后
阅读全文
摘要:依据w3c标准,重点介绍html5语义性标签的章节(outline)作用,以及使用html5新标签的好处
阅读全文
摘要:写了一个跨浏览器的html5表单验证插件,能够支持老的浏览器,并且统一错误文案提示的UI,提供了自定义文案、自定义样式的功能,支持多种错误类型的检验,同时支持自定义检验和异步检验。已经在生产环境得到很好的尝试
阅读全文
摘要:文章讨论了3种办法实现无刷新上传文件,分别是使用iframe、FormData和FileReader,支持性最好是的iframe,但是从体验的效果来看FormData和FileReader更好,因为这两者不用生成一个无用的DOM再删除,其中FormData最简单,而FileReader更加灵活。
阅读全文
摘要:三栏自适应宽度布局貌似是一个老生常谈的问题,本文通过对几种办法的一步步分析,希望能够谈出一些新东西。这些办法包括最了原始的table布局,然后就是float布局、table-cell、margin负值法以及flex布局来实现自适应宽度的实现和原理,重点讨论了float的一些特性,最后再分析另外一个自需要根据其它元素宽度进行自适应的例子。
阅读全文
摘要:信息比较丰富的网站通常会以分页显示,在点“下一页”时,很多网站都采用了动态请求的方式,避免页面刷新。虽然大家都是ajax,但是从一些小的细节还是 可以区分优劣。一个小的细节是能否支持浏览器“后退”和“前进“键。本文讨论两种方法,让浏览器可以后退和前进,或者说让ajax就像重定向到新页面一样 拥有能够
阅读全文