webupload 上传插件 完美版 - 拿走直接用

由于最近,我们产品web端口 ,涉及批量图片上传(你懂得, 商品嘛,都玩吐了),然后自己写了一个半成品,后来各种体验问题,然后一想那么不是傻么? 这么多上传插件。然后,那就烂大街的  webupload 呗,虽说我是 百度黑,不过百度确实有那么几个良心插件还是不错的 。现在入正题,由于 webupload   功能强大,配置繁多,不过相对还是很好应用,不过遇到的问题也不少,供大家参考 ,最好只支持...
阅读(3265) 评论(6)

CSS3 实现 网页顶部进度条

有朋友们问网页顶部进度条 如何应用,现在github 大部分国外网站 都在用,这个效果可以使用现成的一些插件比如  这个,这个,还有这个。比如youtobe: 前些时候有注意到YouTube网站放出的新特性,那就是在视频页面间切换时,页面顶部会有一道华丽丽的红色激光脉冲掠过。以下截图内容来自 刘家勇博客。那不是其他什么为了炫技的东西,它是一个进度条,平时我们见了千百遍经常以转圈形式出现的进度条。当...
阅读(5695) 评论(2)

[置顶] web 前端入坑第一篇:web前端到底是什么?有前途吗

web前端到底是什么?某货: “前几年前端开发人员鱼目混杂,技术参差不齐,相对学习起来不规范,导致> 前端开发人员聚集,所以现在前端工种和工资还是没得到普遍重视,但近2年来,> > HTML5、JS 的流行,让前端异常火爆,以后还会更有前途吗?请问您怎么看?”我“我只能告诉你:前端不灭”“除非你不要脸!”“前些年因为国内都不要脸,然而现在都明白了用户体验至上,现在都要脸;”“不但要脸 还要胸大 活...
阅读(42043) 评论(50)

canvas 让你呼风唤雨,下雨下雪效果

前端如何呼风唤雨 创世纪第一章 首卷原文 起初我创造了canvas 。 我说,要有雨,就有了雨; 我说,要有雪,就有了雪。 而对于前端来说,canvas即是天地 在canvas这个天地上,前端可以呼风唤雨,无所不能。 ------------------------------------华丽的分割线-----------...
阅读(16253) 评论(17)

知识普及:彻底弄懂css中单位px和em,rem的区别

国内的设计师大都喜欢用px,而国外的网站大都喜欢用em和rem,那么三者有什么区别,又各自有什么优劣呢? PX特点 1. IE无法调整那些使用px作为单位的字体大小; 2. 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位; 3. Firefox能够调整px和em,rem,但是96%以上的中国网民使用IE浏览器(或内核)。 px像素(Pixel)...
阅读(2168) 评论(3)

知识普及之:CSS: body{font-size: 62.5%;}这种写法为什么???

CSS: body{font-size: 62.5%;}为什么??? 在网页设计中我们经常看见body{font-size: 62.5%;}这样的设置,为什么偏偏是62.5%呢?这主要是为了方便em与px相互转换,em的初始值为1em=16px,显然这样的话,如1.2em则=19.2px,可是我们在设置的时候很少看见19.2px这样表示的大小,也就是在用px表示大小时数值...
阅读(2334) 评论(1)

Gulp教程之:Gulp能做什么,前端装逼为何要用它

我们先说说 平时web开发遇到的一些场景 和 苦恼无奈的情况: JavaScript和CSS的版本问题 我们都知道 JavaScript和CSS属于静态文件,如果地址不变,浏览器会缓存这些文件,那就意味着当我们需要改JavaScript或者CSS文件的时候,即使我们后端改了,那么客户端也是看不到,这个在“JS一统天下”的时代是不可接受的,因为现在几乎所有的WEB 程序都严重依赖...
阅读(9471) 评论(1)

[置顶] web项目开发 之 前端规范 --- HTML编码规范

此文严格按照W3C规范和部分实际项目可读性,浏览器加载,性能等众多属性权衡,做出平时前端编码规范文 档。供广大web工作者参考并实施,对维护和项目扩展升级都能省时省力。 转载请注明出处,JS前端实用开发QQ群 :147250970  欢迎加入~! HTML编码规范 1 前言 2 代码风格   2.1 缩进与换行   2.2 命名...
阅读(9782) 评论(3)

[置顶] web项目开发 之 前端规范 --- CSS编码规范

此文严格按照W3C规范和部分实际项目可读性,浏览器加载,性能等众多属性权衡,做出平时前端编码规范 文档。供广大web工作者参考并实施,对维护和项目扩展升级都能省时省力。 转载请注明出处;JS前端实用开发QQ群 :147250970  欢迎加入~! CSS编码规范 1 前言 2 代码风格   2.1 文件   2.2 缩进   2.3 空格...
阅读(4991) 评论(9)

@media是什么?css3 @media媒体查询器用法

css3 media媒体查询器用法总结 分享到微信     随着响应式设计模型的诞生,Web网站又要发生翻天腹地的改革浪潮,可能有些人会觉得在国内IE6用户居高不下的情况下,这些新的技术还不会广泛的蔓延下去,那你就错了,如今淘宝,凡客,携程等等公司都已经在大胆的尝试了这项技术,并完美的应用在了自己的网站上了。再不更新知识你就老了。我今天就总结一下响应式设计的...
阅读(1333) 评论(0)

问答:如何规划CSS 中 的命名方式 如何看待 CSS 中 BEM 的命名方式?

好多盆友 很纠结 css命名规则 怎么弄,还没起步就被绊住了,那么今天蝈蝈就针对这个问题来讨论一下 没什么技术 含量,但却对效率开发至关重要的 “问题”。 下文是一些知乎大神的个人经验总结,如果觉得有用请点赞 留言!    JS前端实用开发QQ群 :147250970  欢迎加入~! 如何看待 CSS 中 BEM 的命名方式? BEM的意思就是块(block)、元素(elemen...
阅读(4852) 评论(2)

让HTML标签、DIV、SPAN拥有onfocus和onblur,聚焦和失焦

默认火狐或者其他浏览器里DIV和其他普通标签是不具有onfocus和onblur事件的,经我长久论证因为他们不具有tab属性,所以只要我们创建tab,那么任何标签都可以具有tab属性。 什么标签具有tab呢?显然input和a是得天独厚的具有,我们经常用键盘上的tab键进行移动光标的时候,我们发现光标只在具有tab属性的元素上进行跳转。 我们现在来让div拥有tab并具有onfucus...
阅读(1693) 评论(0)
    前端公众号-推送干货


    扫一扫关注我

    前端你别闹 公众号


    个人资料
    • 访问:852121次
    • 积分:7944
    • 等级:
    • 排名:第2873名
    • 原创:145篇
    • 转载:25篇
    • 译文:12篇
    • 评论:795条
    博客专栏
    最新评论
    统计访问