摘要:
flexbox经过了坎坷的发展道路终于有了初步的使用雏形,通过flexbox可以控制未知容器元素的对齐方式,排列方向,排列顺序,甚至是未知大小的容器。Flex容器的主要特点是能够修改其子元素(Flex item)的宽度或高度,使其在不同的屏幕尺寸中填补可用的空间。两张图看一下flexbox的一些... 阅读全文
摘要:
才疏学浅,刚听到CSS Lint这么个玩意,Lint翻译成汉语是“线头”之意,CSS Lint的大概意思是编写CSS过程中留下的线头和不好的地方。我们注意这些地方才能把衣服(CSS)做的更好!可以通过在线网站或者安装csslint来检测自己的文件,CSS Lint主要说的是一下几个方面:不要使用... 阅读全文
摘要:
在html中,script标签有6个属性,其中defer和async属性比较难理解,废话少说一张图说明一切:我们引入js代码的时候这样写:defer和async的比较相同点: 加载文件时不阻塞页面渲染;对于inline的script无效;使用这两个属性的脚本中不能调用document.write方法... 阅读全文
摘要:
一、BFC是什么?在解释 BFC 是什么之前,需要先介绍 Box、Formatting Context的概念。Box: CSS布局的基本单位 Box 是 CSS 布局的对象和基本单位, 直观点来说,就是一个页面是由很多个 Box 组成的。元素的类型和 display 属性,决定了这个 Box 的类... 阅读全文
摘要:
一、分支创建分支:$ git branch branch-name切换到某个分支:$ git checkout branch-name 这两条命令可以简写成:$ git checkout -b branch-name合并分支:$ git merge branch-name (合并到哪个分支就切... 阅读全文
摘要:
Git是一款非常优秀的版本控制系统,适用范围也越来越广泛,之前学习的时候看过廖雪峰的教程。今天又看了下git pro,这个也不错http://git-scm.com/book/zh/v2,这里简单总结下git的使用方法, git将文件分为工作区文件,暂存区文件和版本库文件 工作区:我们平时操作的文件 阅读全文
摘要:
在前端领域html5技术越来越流行了,可是还有一些浏览器不支持html5结构标签,这就让开发者非常蛋疼了。不过这也是没有办法的是,毕竟那些浏览器出生的时候要么还没有html5这回事、要么就是爹妈不愿意教他们怎么玩。今天就总结一下如何让浏览器支持html5结构标签(主要是前辈们的方法)借来一用:一... 阅读全文
摘要:
CSS开发过程中清楚浮动是难以避免要使用的,今天牺牲午觉的时间整理一下吧!一、给父级加高度:这样肯定不存在父级坍塌的问题了;问题:扩展性不好,如果要自适应高度就悲催了。二、让父级浮动:父级和子级都浮动就不存在这个问题了;问题:页面中所有元素都加浮动,margin左右自动失效(floats bad... 阅读全文
摘要:
对于前端开发者来讲,世界上存在着一个神奇的东西——IE浏览器,尤其是低版本的IE浏览器,惨不忍睹的兼容性使其臭名昭著。前端工作者很多的时间都花在了和它打交道上,所以大家纷纷吐槽IE浏览器如何的渣,简直是万恶之源。但是IE浏览器市场份额有非常大,喷完还要接着搞兼容。对于IE浏览器来讲,我们应该有一... 阅读全文