标签 html5 下的文章

webpack配置这一篇就够了

最近看了一篇好文,根据这个文章重新梳理了一遍webpack打包过程,以前的一些问题也都清楚了,在这里分享一下,同时自己也做了一些小的调整 原文链接:http://www.jianshu.com/p/42e11515c10f git项目地址:https://github.com/gengchen528/webpackSample 写在前面的话 阅读本文之前,先看...

前端文摘:最全的 CSS2.1 和 CSS3+ 的区别一览

大家都知道我们习惯性称作的 CSS3 对于 CSS2.1 有很多的修改和补充。抛开浏览器的兼容性问题,这篇文章把所有的变化整理到一篇文章中便于学习和查阅。尽管我尽量确保收录了所有的新特性,但是不能保证没有遗漏,欢迎大家留言。 新属性 下面是 CSS3 新增的 CSS3 属性列...

设置type=”file”的input框,在鼠标划过的时候是小手(兼容ie,chrom)

当input的type=“file”时,鼠标放上去是一个箭头,如果想要体验好一点可以给此input加一个css样式,这个在IE下面是可行的: cursor: pointer; cursor: hand;//写两个是为了照顾IE5,它只认hand 为了兼容chrom需要设置:font-size:0

解决 type=‘file’ 的文件域清空,兼容chrom 与 IE

情况一:如果<input type="file" id="upload">在当前页面中的话,可以使用js和jquery两种方法处理文件域清空问题; 方法一(jquery): $('#upload').attr('type','');//首先把file的type类型置空 $('#upload').attr('type','file');//然后把file的type类型置为file 即可解决此问题 方法二(js)...

IE的<INPUT TYPE=”file” 的accept 如果不设置也有缺省类型

IE下的<INPUT TYPE="file" 的accept 如果不设置的话,运行后永远是三个选项:全部、图片、网页格式。在考虑是不是IE的缺省就是这三个值,我在chrom里面没有出现这种情况,只有全部文件;如有知道的麻烦请告知一下,谢谢

html5 file accept属性详解

html5的file控件新增accept属性,可以让弹出窗口显示允许mime类型的文件,而不是全部文件类型。 在W3C的规格只允许Image/*、Video/*、Audio/*三种MIMEtype是允许的,也就是说上述三种以外的选择,就只能选择所有档案*.* <!DOCTYPE html> <html> <head> <meta charset="utf-8"&...

HTML特殊字符大全

使用方法: 这些字符属于unicode字符集,所以,你的文档需要声明为UTF-8; 下面符号列表的后面有两列编号,它们并不太一样,第一列是用于html的,你需要在前面加上&#符号; 第二列可以用于CSS文件中,但是需要用反斜杠\转义; 第二列也可以用于javascript,和CSS用...

在html5页面实现文件上传的功能实现——Plupload组件

由于工作需求,需要实现一个文件上传的功能,找了不少资料和案例,选中了plupload组件来实现,最后实现的效果如图所示。 话不多少直接代码实现: html代码: 头部文件 <!--引入文件上传控件--> <script type="text/javascript" src="upload/plupload.full.min.js"></scr...

想要学好前端开发,需要掌握的技能!对比一下看看还差哪些

【转自今日头条】 伴随着HTML5兴起的是Flash的没落,HTML5能打败在多媒体领域称霸多年的Flash,除了移动设备的跨平台性和较好的多媒体支持外,它的应用范围也广于Flash。比如,Flash动画作品的复用性极低,基本没有模板市场,而HTML5却能作为基础填充材料,用来制作...

前端的坑,真的一不小心就进去了之导航栏背景切换

         本来高高兴的去写代码,自己准备做一个组件库,以后开发的时候就可以随时用随时引入了,但是一上午却只做了两个组建,好吧承认我傻了,没有注重好细节。 事情的经过是这样的:我准备做一个导航栏,头部导航栏,这个导航栏需要在头部固定,且...

a标签的href与onclick事件的区别详解

1.链接的 onclick 事件被先执行,其次是 href 属性下的动作(页面跳转,或 javascript 伪链接); 2.假设链接中同时存在 href 与 onclick,如果想让 href 属性下的动作不执行,onclick 必须得到一个 false 的返回值。不信,你可以将 goGoogle 函数中的 return false 注释掉; 3.如果页...