摘要： 规则1：减少HTTP请求我们只有20%的时间花在所请求的HTML页面上，剩下的80%是发生在浏览器前端，特别是页面和页面中各种元素（图片、CSS、Javascript、 flash…）的下载之上。图片技术，CSSsprite,内联图片和脚本，样式表的合并，这些技术既可以减少HTTP请求，又可以避免在... 阅读全文

摘要： 响应式布局是为了一个网站兼容多个终端，而不是每个终端都去单独写一个网页。通常情况下，我们把分辨率分为四种：1.超大屏幕：宽度>1200px2.中等屏幕：1000px上面使用中only可省略，限定于计算机显示器，第一个条件max-width是指渲染界面最大宽度，第二个条件max-device-widt... 阅读全文

摘要： AngularJS是为了克服html在构建应用上的不足而设计的。HTML是一门很好的为静态文本展示设计的声明式语言，但要构建WEB应用的话它就显得乏力了。AngularJS使用了不同的方法，它尝试去补足HTML本身在构建应用方面的缺陷。AngularJS通过使用我们称为标识符(directives)... 阅读全文

摘要： 我们用模块化的思想进行网页的编写是为了更好的管理我们的项目模块与模块之间是独立存在的，每个模块可以独立的完成一个子功能。模块化所涉及的规范commonjs,AMD,CMD,UMD其中的commonjs是服务器规范，用到的是同步加载，适用于nodejs后台的操作由于commonjs的特性是同步加载，并... 阅读全文

摘要： jQuery是一个兼容多浏览器的javascript库，核心理念是写得更少,做得更多。如今，jQuery已经成为最流行的javascript库，在世界前10000个访问最多的网站中，有超过55%在使用jQuery。特点： 通过插件来扩展多浏览器支持，解决了IE6，7，8的兼容性问题简单小巧，使用方便... 阅读全文

摘要： 简介： Bootstrap，来自 Twitter，是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷，是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言less... 阅读全文

摘要： 我们使用扩展技术编写代码时，需要先用编译器将我们的文件进行编译，编译后的文件才能够使用。less技术相关语法less相对来说比较简单，语法也较少：变量的定义：@w:20px;变量的使用：.p2{width:@w}编译后的结果为：.p2{width:20px;}混合使用：先定义：.radius{bor... 阅读全文

摘要： 由于块级元素的高度是可以设置的，所以对于块级元素的垂直居中比较简单。方法一：在不定高的情况下，把元素的上下内边距设为同一个值即可实现，即padding ：10px 0;以上方法针对块级元素和行内元素都可以。方法二：line-height:（只针对行内元素可行)将行高设置成和父元素的高度相等，就可以... 阅读全文

摘要： 我先额外的说一下怎么用CSS绘制三角形：绘制三角形是把边框加粗，将元素的宽高都设为0，让其余的边框颜色透明，下面我们来看实现的代码：先把边框的颜色设置成不同颜色： #div{ border-color: red blue green pink; borde... 阅读全文

摘要： 今天才发现，border-radius可以画很多图形，下面跟我来看一下吧：在设有宽和高的情况下画一个圆： #div1{ /*宽高相等，圆角范围为高或宽的一半或以上*/ background-color: green; width: 120px... 阅读全文