┈┈【html5+div+css3】
文章平均质量分 79
小北哥哥和北妈
北妈,不止关注技术,拒绝过阿里的offer,靠互联网副业早早赚到人生的3个100w。
展开
-
web 前端入坑第一篇:web前端到底是什么?有前途吗
web前端到底是什么?某货: “前几年前端开发人员鱼目混杂,技术参差不齐,相对学习起来不规范,导致> 前端开发人员聚集,所以现在前端工种和工资还是没得到普遍重视,但近2年来,> > HTML5、JS 的流行,让前端异常火爆,以后还会更有前途吗?请问您怎么看?”我“我只能告诉你:前端不灭”“除非你不要脸!”“前些年因为国内都不要脸,然而现在都明白了用户体验...原创 2016-08-01 14:49:20 · 98924 阅读 · 69 评论 -
canvas 让你呼风唤雨,下雨下雪效果
前端如何呼风唤雨创世纪第一章首卷原文起初我创造了canvas 。我说,要有雨,就有了雨;我说,要有雪,就有了雪。而对于前端来说,canvas即是天地在canvas这个天地上,前端可以呼风唤雨,无所不能。------------------------------------华丽的分割线-----------翻译 2016-05-18 15:19:06 · 21392 阅读 · 17 评论 -
web项目开发 之 前端规范 --- HTML编码规范
此文严格按照W3C规范和部分实际项目可读性,浏览器加载,性能等众多属性权衡,做出平时前端编码规范文档。供广大web工作者参考并实施,对维护和项目扩展升级都能省时省力。转载请注明出处,JS前端实用开发QQ群 :147250970 欢迎加入~!HTML编码规范1 前言2 代码风格 2.1 缩进与换行 2.2 命名原创 2016-04-26 11:32:56 · 17312 阅读 · 3 评论 -
web项目开发 之 前端规范 --- CSS编码规范
此文严格按照W3C规范和部分实际项目可读性,浏览器加载,性能等众多属性权衡,做出平时前端编码规范文档。供广大web工作者参考并实施,对维护和项目扩展升级都能省时省力。转载请注明出处;JS前端实用开发QQ群 :147250970 欢迎加入~!CSS编码规范1 前言2 代码风格 2.1 文件 2.2 缩进 2.3 空格原创 2016-04-26 11:32:38 · 7457 阅读 · 9 评论 -
CSS3 实现 网页顶部进度条
有朋友们问网页顶部进度条 如何应用,现在github 大部分国外网站 都在用,这个效果可以使用现成的一些插件比如 这个,这个,还有这个。比如youtobe: 前些时候有注意到YouTube网站放出的新特性,那就是在视频页面间切换时,页面顶部会有一道华丽丽的红色激光脉冲掠过。以下截图内容来自 刘家勇博客。那不是其他什么为了炫技的东西,它是一个进度条,平时我们见了千百遍经常以转圈形式出现的进度条。当原创 2016-08-15 17:55:41 · 13863 阅读 · 3 评论 -
问答:如何规划CSS 中 的命名方式 如何看待 CSS 中 BEM 的命名方式?
好多盆友 很纠结 css命名规则 怎么弄,还没起步就被绊住了,那么今天蝈蝈就针对这个问题来讨论一下 没什么技术含量,但却对效率开发至关重要的 “问题”。下文是一些知乎大神的个人经验总结,如果觉得有用请点赞 留言! JS前端实用开发QQ群 :147250970 欢迎加入~!如何看待 CSS 中 BEM 的命名方式?BEM的意思就是块(block)、元素(elemen原创 2016-04-22 10:11:30 · 5884 阅读 · 2 评论 -
让HTML标签、DIV、SPAN拥有onfocus和onblur,聚焦和失焦
默认火狐或者其他浏览器里DIV和其他普通标签是不具有onfocus和onblur事件的,经我长久论证因为他们不具有tab属性,所以只要我们创建tab,那么任何标签都可以具有tab属性。什么标签具有tab呢?显然input和a是得天独厚的具有,我们经常用键盘上的tab键进行移动光标的时候,我们发现光标只在具有tab属性的元素上进行跳转。我们现在来让div拥有tab并具有onfucus原创 2016-01-28 11:11:05 · 5292 阅读 · 0 评论 -
知识普及:彻底弄懂css中单位px和em,rem的区别
国内的设计师大都喜欢用px,而国外的网站大都喜欢用em和rem,那么三者有什么区别,又各自有什么优劣呢?PX特点1. IE无法调整那些使用px作为单位的字体大小;2. 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位;3. Firefox能够调整px和em,rem,但是96%以上的中国网民使用IE浏览器(或内核)。px像素(Pixel)原创 2016-05-06 10:38:35 · 2816 阅读 · 4 评论 -
知识普及之: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表示大小时数值原创 2016-05-06 10:35:16 · 6958 阅读 · 1 评论 -
Gulp教程之:Gulp能做什么,前端装逼为何要用它
我们先说说 平时web开发遇到的一些场景 和 苦恼无奈的情况:JavaScript和CSS的版本问题我们都知道 JavaScript和CSS属于静态文件,如果地址不变,浏览器会缓存这些文件,那就意味着当我们需要改JavaScript或者CSS文件的时候,即使我们后端改了,那么客户端也是看不到,这个在“JS一统天下”的时代是不可接受的,因为现在几乎所有的WEB 程序都严重依赖原创 2016-05-05 09:22:15 · 21492 阅读 · 1 评论 -
@media是什么?css3 @media媒体查询器用法
css3 media媒体查询器用法总结分享到微信 随着响应式设计模型的诞生,Web网站又要发生翻天腹地的改革浪潮,可能有些人会觉得在国内IE6用户居高不下的情况下,这些新的技术还不会广泛的蔓延下去,那你就错了,如今淘宝,凡客,携程等等公司都已经在大胆的尝试了这项技术,并完美的应用在了自己的网站上了。再不更新知识你就老了。我今天就总结一下响应式设计的原创 2016-04-25 16:35:29 · 4742 阅读 · 0 评论 -
webupload 上传插件 完美版 - 拿走直接用
由于最近,我们产品web端口 ,涉及批量图片上传(你懂得, 商品嘛,都玩吐了),然后自己写了一个半成品,后来各种体验问题,然后一想那么不是傻么? 这么多上传插件。然后,那就烂大街的 webupload 呗,虽说我是 百度黑,不过百度确实有那么几个良心插件还是不错的 。现在入正题,由于 webupload 功能强大,配置繁多,不过相对还是很好应用,不过遇到的问题也不少,供大家参考 ,最好只支持原创 2016-12-12 10:27:20 · 21226 阅读 · 11 评论