2017年02月_fullstack_lth

12月 11月 10月 09月 08月 07月 06月 05月 04月 03月 02月 01月

原创 Bootstrap学习笔记（八） Bootstrap支持的JavaScript插件

导入JavaScript插件Bootstrap除了包含丰富的Web组件之外，如前面介绍的下拉菜单、按钮组、导航、分页等。他还包括一些JavaScript的插件。Bootstrap的JavaScript插件可以单独导入到页面中，也可以一次性导入到页面中。因为在Bootstrap中的JavaScript插件都是依赖于jQuery库，所以不论是单独导入还一次性导入之前必须先导入j

2017-02-08 23:53:04 2729

原创 Bootstrap学习笔记（七）其它内置组件

缩略图（一）缩略图在网站中最常用的地方就是产品列表页面，一行显示几张图片，有的在图片底下（左侧或右侧）带有标题、描述等信息。Bootstrap框架将这一部独立成一个模块组件。并通过“thumbnail”样式配合bootstrap的网格系统来实现。可以将产品列表页变得更好看。源码文件： ☑ LESS版本：对应文件thumbnails.less ☑ Sa

2017-02-08 23:39:05 1632

原创 document.body 和 document.documentElement 的区别

在设计页面时可能经常会用到固定层的位置，这就需要获取一些html对象的坐标以更灵活的设置目标层的坐标，这里可能就会用到document.body.scrollTop等属性，但是此属性在xhtml标准网页或者更简单的说是带标签的页面里得到的结果是0，如果不要此标签则一切正常，那么在xhtml页面怎么获得body的坐标呢，当然有办法-使用document.documentElement来取代docum

2017-02-07 11:11:01 987

原创 JS（六）promise

在JavaScript的世界中，所有代码都是单线程执行的。由于这个“缺陷”，导致JavaScript的所有网络操作，浏览器事件，都必须是异步执行。异步执行可以用回调函数实现：function callback() { console.log('Done');}console.log('before setTimeout()');setTimeout(c

2017-02-07 09:21:01 448

原创全概率公式、贝叶斯公式推导过程

（1）条件概率公式设A,B是两个事件，且P(B)>0,则在事件B发生的条件下，事件A发生的条件概率（conditional probability)为： P(A|B)=P(AB)/P(B) （2）乘法公式 1.由条件概率公式得： P(AB)=P(A|B)P(B

2017-02-07 09:15:41 650

原创 Bootstrap学习笔记（六）导航条、分页导航

注意：本文所有代码基本都为核心代码，如需运行，需添加如下代码段：响应式导航条 body{padding:50px 0 0 0;} 导航条基础导航条（navbar）和上一节介绍的导航（nav），就相差一个字，多了一个“条”字。其实在Bootstrap框架中他们还是明显的区别。在导航条(navbar)中有一个背景色、而且导航条可以是

2017-02-06 23:52:09 3468

原创 Bootstrap学习笔记（五）菜单、按钮及导航

下拉菜单（基本用法）小伙伴们注意，在Bootstrap框架中的下拉菜单组件是一个独立的组件，根据不同的版本，它对应的文件： ☑ LESS版本：对应的源码文件为 dropdowns.less ☑ Sass版本：对应的源码文件为 _dropdowns.scss ☑ 编译后的Bootstrap版本：查看bootstrap.css文件第3004行～第31

2017-02-06 22:14:51 6403

原创 Bootstrap学习笔记（四）网格系统

实现原理网格系统的实现原理非常简单，仅仅是通过定义容器container大小，平分12份(也有平分成24份或32份，但12份是最常见的)，再调整内外边距，最后结合媒体查询，就制作出了强大的响应式网格系统。Bootstrap框架中的网格系统就是将容器平分成12份。在使用的时候大家可以根据实际情况重新编译LESS（或Sass）源码来修改12这个数值（也就是换成24或32，当然你

2017-02-05 23:42:52 1199

原创 Bootstrap学习笔记（三）表单

基础表单表单主要功能是用来与用户做交流的一个网页控件，良好的表单设计能够让网页与用户更好的沟通。表单中常见的元素主要包括：文本输入框、下拉选择框、单选按钮、复选按钮、文本域和按钮等。其中每个控件所起的作用都各不相同，而且不同的浏览器对表单控件渲染的风格都各有不同。同样，表单也是Bootstrap框架中的核心内容，下面向大家介绍Bootstrap框架中表单的制作。表单

2017-02-05 21:02:52 1179

原创 Bootstrap学习笔记（二）排版

标题（一）Bootstrap和普通的HTML页面一样，定义标题都是使用标签到,只不过Bootstrap覆盖了其默认的样式，使用其在所有浏览器下显示的效果一样，具体定义的规则可以如下表所示：通过比较可以发现，Bootstrap标题样式进行了以下显著的优化重置：1、重新设置了margin-top和margin-bottom的值， h1~h3重置后的值都是20p

2017-02-05 13:20:05 924

原创 Bootstrap学习笔记（一）简介

2011年，twitter的“一小撮”工程师为了提高他们内部的分析和管理能力，用业余时间为他们的产品构建了一套易用、优雅、灵活、可扩展的前端工具集--BootStrap。Bootstrap由MARK OTTO和Jacob Thornton所设计和建立，在github上开源之后，迅速成为该站上最多人watch&fork的项目。大量工程师踊跃为该项目贡献代码，社区惊人地活跃，代码版本进化非常快速，官方

2017-02-05 12:12:33 575

转载 Let

let命令基本用法ES6新增了let命令，用来声明变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。{ let a = 10; var b = 1;}a // ReferenceError: a is not defined.b // 1上面代码在代码块之中，分别用let和var声明了两个变量。然后在代码块之外调用这两个变

2017-02-04 09:13:35 305