摘要： 网站的划分一般为二：前端和后台。我们可以理解成后台是用来实现网站的功能的，比如：实现用户注册，用户能够为文章发表评论等等。而前端呢？其实应该是属于功能的表现。并且影响用户访问体验的绝大部分来自前端页面。 而我们建设网站的目的是什么呢？不就是为了让目标人群来访问吗？所以我们可以理解成前端才是真正和用户 阅读全文

摘要： 高性能HTML 一、避免使用iframe iframe也叫内联frame，可将一个HTML文档嵌入另一个HTML文档中。 iframe的好处是，嵌入的文档独立于父文档，通常也借此使浏览器模拟多线程。缺点是： ①虽然iframe能模拟多线程，但主流浏览器的同域名并行下载数是不变的，浏览器对同域名的链接 阅读全文

摘要： 原文链接：http://caibaojian.com/mobile-knowledge.html meta基础知识 H5页面窗口自动调整到设备宽度，并禁止用户缩放页面 忽略将页面中的数字识别为电话号码 忽略Android平台中对邮箱地址的识别 当网站添加到主屏幕快速启动方式，可隐藏地址栏，仅针对io 阅读全文

摘要： box-sizing属性可以为三个值之一：content-box（default），border-box，padding-box。 content-box，border和padding不计算入width之内 padding-box，padding计算入width内 border-box，border 阅读全文

摘要： 文章来自翻译，其中忽略了一些无关紧要的内容直入主题。 作者先后在twitter,Stripe工作，期间会参加面试工作。实际上参加面试工作的人都知道要想在一个较短的时间内（30min-1h）就对一个应聘者做出判断其实是很难的，因此我们不得不想尽办法去更加合理的去判断面试者。下面是作者理出的一个思路: 阅读全文

摘要： CSS3 选择器 在 CSS 中，选择器是一种模式，用于选择需要添加样式的元素。 "CSS" 列指示该属性是在哪个 CSS 版本中定义的。（CSS1、CSS2 还是 CSS3。） 阅读全文

摘要： 本文转载自html5rocks，考虑到有时候html5rocks不方便访问，所以转载过来。 序言 这是一篇全面介绍 Webkit 和 Gecko 内部操作的入门文章，是以色列开发人员塔利·加希尔大量研究的成果。在过去的几年中，她查阅了所有公开发布的关于浏览器内部机制的数据（请参见资源），并花了很多时 阅读全文

摘要： 1.请减少HTTP请求 基本原理： 在浏览器(客户端)和服务器发生通信时，就已经消耗了大量的时间，尤其是在网络情况比较糟糕的时候，这个问题尤其的突出。 一个正常HTTP请求的流程简述：如在浏览器中输入"www.xxxxxx.com"并按下回车，浏览器再与这个URL指向的服务器建立连接，然后浏览器才能 阅读全文

摘要： 随着前端工程化的趋势,产生了越来越多的构建工具,而其中比较优秀的就是grunt,npm,gulp,今天我来说说这三者间的区别以及他们的优缺点. 相信一般前端开发者选择构建工具的时候,更多的是看个人习惯以及团队的情况.相信这三个构建工具总有一个会适合你的,我们先来看看grunt. Grunt grun 阅读全文

摘要： 原文：http://ashleynolan.co.uk/blog/frontend-tooling-survey-2015-results译者：@lizheming 本文数据更新至 2015年09月09日。 由于当我发出这篇文章后，问卷又增加到了 1000 份（编写这篇文章的时候还是 649 份）， 阅读全文

摘要： 第一章 Sass和Compass让样式表重焕青春 // 内容概要// 开始学习Sass和动态样式表// 用Sass更高效地写样式表// Compass简介// 用Compass迎接工程实践中的样式挑战 1.2.1 通过变量来复用属性值 1.2.2 通过嵌套来快速写出多层级的选择器 1.2.3 使用混 阅读全文

摘要： 第三章 无需计算玩转CSS网格布局 3.1 网格布局介绍 3.2 使用网格布局 3.2.1 术语 3.2.3 固定的网格布局还是流动的网格布局 3.3 使用Blueprint 3.3.2 使用Compass应用Blueprint 3.3.3 使用Compass应用无需类名的Blueprint 3.4 阅读全文

摘要： 一.前言 1.Sass是什么？ Sass可以简化你的Css工作流，并可以使你的Css的扩展和维护工作变的更加容易！例如，曾几时何，因为客户的需求的变更，你必须不断的通过查找和替换来更改一个像素值，或者，为了能够确定多栏布局中某一栏的宽度，你需要使用计算像素值软件才能搞定。 Sass引入了一些新的概念 阅读全文

摘要： 前期准备 windows7 node ruby sass+compass grunt篇 新建一个grunt_demo 目录，用compass 创建一个项目 打开CMD，安装grunt-cli到全局环境 注意，安装grunt-cli并不等于安装了 Grunt！Grunt CLI的任务很简单：调用与Gr 阅读全文

摘要： Building With Gulp 原创翻译，有不当的地方欢迎指出。转载请指明出处。谢谢！ 对网站资源进行优化，并使用不同浏览器测试并不是网站设计过程中最有意思的部分，但是这个过程中的很多重复的任务能够使用正确的工具自动完成，从而使效率大大提高，这是让很多开发者觉得有趣的地方。 Gulp是一个构建 阅读全文