2016年01月_xualaleilei

转载小科普：到底什么是BFC、IFC、GFC和FFC，次奥？

软件开发的一般被称为民工，搞前端的，有人形容为是掏粪工，说白了连民工级别高都没有。说直接点就是个制作界面的，注意，连设计界面的都算不上，一般前端都是拿着设计稿去照这样子开发的。说这些无非是觉得前端前端，却一点也不高端啊，就连逼格高的术语都找不到几个，但少不代表没有，比如Closure、BFC、IFC、GFC和FFC，等等，怎么这么多C啊，C==操？本文就简单列举下这几个C到底都他妈的什么意

2016-01-25 16:26:12 1578

转载前端路上的旅行

http://www.w3cplus.com/front-end-trip-on-road.html什么是前端？什么是前端？大部分指的是Web前端开发，这个词是从网页制作演变过来的，名称上有着很明显的时代特征。在互联网的演化过程中，网页制作是Web1.0时代的产物，那时网站的主要内容都是静态的，用户使用网站的行为也以浏览为主。在这个阶段，网站的内容主要是文字内容和图片为主，制作方法

2016-01-22 17:29:34 701

转载多行文本溢出显示省略号(…)全攻略

大家应该都知道用text-overflow:ellipsis属性来实现单行文本的溢出显示省略号(…)。当然部分浏览器还需要加宽度width属性。overflow: hidden;text-overflow: ellipsis;white-space: nowrap;但是这个属性并不支持多行文本溢出显示省略号，这里根据应用场景介绍几个方法来实现这样的效果。WebKit浏览器或移动

2016-01-20 11:30:54 359

原创 Mac安装Brew

Mac安装Brew安装命令如下：curl -LsSf http://github.com/mxcl/homebrew/tarball/master | sudo tar xvz -C/usr/local --strip 1当brew安装成功后，就可以随意安装自己想要的软件了，例如wget，命令如下：sudo brew install wget 卸载的话，命令如

2016-01-20 10:30:53 229

原创页面~加载、解析、渲染

why为什么要了解浏览器加载、解析、渲染这个过程？了解浏览器如何进行加载，我们可以在引用外部样式文件，外部js时，将他们放到合适的位置，使浏览器以最快的速度将文件加载完毕。了解浏览器如何进行解析，我们可以在构建DOM结构，组织css选择器时，选择最优的写法，提高浏览器的解析速率。了解浏览器如何进行渲染，明白渲染的过程，我们在设置元素属性，编写js文件时，可以减少”重绘“”重新布局“

2016-01-19 11:50:47 617

转载 Flex 布局教程：实例篇

上一篇文章介绍了Flex布局的语法，今天介绍常见布局的Flex写法。你会看到，不管是什么布局，Flex往往都可以几行命令搞定。我只列出代码，详细的语法解释请查阅《Flex布局教程：语法篇》。我的主要参考资料是Landon Schropp的文章和Solved by Flexbox。一、骰子的布局骰子的一面，最多可以放置9个点。下面，就来看看

2016-01-19 10:58:21 352

转载 Flex 布局教程：语法篇

网页布局（layout）是CSS的一个重点应用。布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C提出了一种新的方案----Flex布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就

2016-01-19 10:56:20 293

原创 Mac系统如何编辑hosts文件

一、1, 双击桌面 "Macintosh HD" 图标.2, 单击图标 Applications>Utilities>Terminal3, 在terminal界面中输入: sudo vi /etc/hosts 然后回车4, 会提示让你输入密码 oooooooo.（注意输入密码时你看不到＊号）5, 输入成功以后，在出现的界面中按e，转入编辑模式

2016-01-18 11:50:43 1252

原创一像素问题代码

.set_top_line(@c: #C7C7C7) { content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 1px; border-top: 1px solid @c; transform-origin: 0 0;

2016-01-18 10:15:21 966 1

原创 linux下创建和删除软、硬链接

在Linux系统中,内核为每一个新创建的文件分配一个Inode(索引结点),每个文件都有一个惟一的inode号。文件属性保存在索引结点里，在访问文件时，索引结点被复制到内存在，从而实现文件的快速访问。　　链接是一种在共享文件和访问它的用户的若干目录项之间建立联系的一种方法。Linux中包括两种链接：硬链接(Hard Link)和软链接(Soft Link),软链接又称为符号链接（

2016-01-06 10:34:58 312

转载 CSS深入理解vertical-align和line-height的基友关系

众所周知，vertical-align支持很多属性值，足足可以组成一个足球队了：/* 关键字值 */vertical-align: baseline;vertical-align: sub;vertical-align: super;vertical-align: text-top;vertical-align: text-bottom;vertical-align: midd

2016-01-04 14:17:06 872

xualaleilei的博客