F式布局基本原理依据了大量的眼动研究。用户喜欢从左到右阅读，然后向下阅读，在从左到右阅读，以此下去。这种阅读习惯就是F式布局。最关键的信息靠左边，从上到下尽量保持在一条线，页头和导航靠左一栏相对叫宽，展示主要内容，靠右为侧边栏，主要展现相关链接等。人的行为容易受到习惯的影响，从左到右，由上至下，人们大多习惯了这种模式。F型布局拥有较良好的适应性，便于用户理解。那么网站设计中F型改如何运用布局呢？以下是南昌网站建设公司的小编为大家讲解如下：

清除浮动是指清除掉元素float属性。清除浮动-使用clear元素浮动之后，周围的元素会重新排列，为了避免这种情况，使用clear属性。我们在CSS中引入了clear:left|right|both属性，其作用分别是在元素的左侧|右侧|两侧不允许存在float元素，我们可以用他来清除其副作用。

什么是404？为什么找不到页面？404页面是用户在输入错误的链接时，显示的返回页面，但是作为开发者来说，一切与用户有关的事，我们都不能忽略， 当用户已经点击进来，难道要因为出现的404页面而失去众多用户吗？不！这不是一个优秀的前端开发者所忽视的。

当我们浏览一个网站时，如果这个网站页面加载了很长时间都没出来，那我们肯定会毫不犹豫地把它关闭，这样的网站用户体验度实在太差了。

随着主流浏览器地不断更新，CSS搭配js所形成的网页动画结果可以用CSS3的语法直接呈现，这样一来在网站设计上可以减少图片的使用，从而避免了因容量过大造成的存取困难。

从事网站SEO的朋友都知道，网站结构的优化对网站排名是很重要的。网站结构优化做好了，那对于我们之后的优化工作就事半功倍了。

cookie是在浏览器中存储数据的一种简单的机制。cookie存储的数据有时候非常重要。因为cookie有很多用途，既可以存储会话标识符——这样当你访问网站时，网站会记住你是谁；也可以存储会话信息，记住你刚才做过什么事。cookie还包含一个时间范围属性，表示它的有效期，可能是几秒，也可能是未来很长时间。

CSS3实现条纹斜纹效果，PS，当然是从BOOTSTRAP里面的拿出来的呀~~

记得前百度工程师张云龙说过，页面前端优化问题绝对不仅仅是为页面提速的问题，更是工程的问题，有兴趣的同学可以阅读《前端工程与性能优化》。里面有提到根据雅虎14条优化原则，《高性能网站建设指南》以及《高性能网站建设进阶指南》中提到的优化点梳理出来的优化方向：

前端逐帧动画实现方案, 在细聊 css3 逐帧动画之前，我们先大致了解下前端实现逐帧动画有哪些方案。 其实不外乎三种技术（视频可以实现所有类型的动画，暂不纳入）：gif、JavaScript、CSS3 Animation。

移动互联网的发展使得没有哪一家企业公司敢轻视忽略移动网站建设，开始意识到除了传统的pc端的网站建设，也需要有一个移动版网站；在html5出现之前的移动网站要么ui界面简陋，功能简单，要么就是app开发，但是成本高昂，一般的企业网站的功能也没有必要做到那么复杂，再加上推广较难，成本较高，也一直为企业所头疼，但是自从html5出现之后，一切都正在发生着改变

前端JAVASCRIPT常用正则表达式，持续更新，欢迎补充，...