- 博客(12)
- 资源 (9)
- 收藏
- 关注
原创 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 6402
原创 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 1178
原创 Bootstrap学习笔记(二)排版
标题(一)Bootstrap和普通的HTML页面一样,定义标题都是使用标签到,只不过Bootstrap覆盖了其默认的样式,使用其在所有浏览器下显示的效果一样,具体定义的规则可以如下表所示:通过比较可以发现,Bootstrap标题样式进行了以下显著的优化重置:1、重新设置了margin-top和margin-bottom的值, h1~h3重置后的值都是20p
2017-02-05 13:20:05 923
原创 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
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人