创建、删除文件和文件夹

常用命令：

1. 创建文件夹： mkdir fileName // mkdir demo:创建demo文件夹
2. 创建文件：
   • touch fileName // touch index.html:创建index.html文件
   • vi fileName //vi index.html:创建index.html并打开
     阅读全文 »

窗口大小相关

screen.width || screen.height

jQuery Mobile 是创建移动WEB应用程序的框架，使用广泛。
web app就是一个针对移动设备的网站。

jQuery Mobile简介

jQuery Mobile(JQM/jQMobile):是jQuery在手机上和平板设备上的版本，是创建移动Web App的框架。它提供了一整套UI组件，提供了丰富的官方文档，还提供了很多针对移动端浏览器的事件，比如触摸、滑动、页面跳转等。

移动Web基础知识

移动开发像素((Pixel)知识

css的一个像素只是一个抽象的单位，在不同的设备中代表的设备物理像素是不同的。

• px:css pixels,逻辑像素，浏览器使用的抽象单位；
• dp,pt:device independent pixels,设备无关像素,物理像素
• dpr:devicePixelRatio,设备像素缩放比
  计算公式：1px=（dpr）^2 dp
  1px = dpr ^2 dp 是平面上的像素换算，但实际开发当中使用更多的是长度上的换算：
  1px = dpr * dp。
  阅读全文 »

在慕课网上学习《全屏切换效果》课程时，碰到jQuery插件制作，瞬间难住我了。
我也就会一些基本的jQuery操作（如选择器、筛选、CSS、事件等），再深入就不懂了。

因此，网上找了些jQuery插件制作的文章，发现了2篇不错的入门教程：

1. 不定义JQuery插件，不要说会JQuery
2. 什么？你还不会写JQuery 插件
   阅读全文 »

如何通过CSS使div实现全屏效果

1、全屏(竖屏)要素

• 全屏的元素(section)及其父元素都要设置height:100%
• 将html、body标签设置height:100%；并去掉滚动条

  1 2 3 4

  html,body{ height: 100%; overflow: hidden; }

Bootstrap简介

Bootstrap是Twitter推出的一个开源的用于前端开发的工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架，提供了优雅的HTML和CSS规范，并基于jQuery开发了丰富的Web组件。

模态弹出框(Modal)

导入JavaScript插件

Bootstrap除了包含丰富的Web组件之外，如前面介绍的下拉菜单、按钮组、导航、分页等。他还包括一些JavaScript的插件。

Bootstrap的JavaScript插件可以单独导入到页面中，也可以一次性导入到页面中。因为在Bootstrap中的JavaScript插件都是依赖于jQuery库，所以不论是单独导入还一次性导入之前必须先导入jQuery库。

导航条、分页导航

导航条（navbar）和上一节介绍的导航（nav），就相差一个字，多了一个“条”字。
其实在Bootstrap框架中他们还是明显的区别。在导航条(navbar)中有一个背景色、而且导航条可以是纯链接（类似导航），也可以是表单，还有就是表单和导航一起结合等多种形式。在这一节中将一起探讨Bootstrap框架中导航条的使用。

网格系统

实现原理

网格系统的实现原理非常简单，仅仅是通过定义容器大小，平分12份(也有平分成24份或32份，但12份是最常见的)，再调整内外边距，最后结合媒体查询，就制作出了强大的响应式网格系统。
Bootstrap框架中的网格系统就是将容器平分成12份。