Arale_zh
Arale_zh

BootStrap笔记

本书源码：https://pan.baidu.com/share/init?surl=jIzG0Hg
提取码：etjr

第一章 初始BootStrap

  • Bootstrap3.X 优先支持移动设备，即移动优

第二章 BootStrap开发环境

  • 下载，引入

  1. 调用BootStrap JS特效

  • Tab切换例子
# 自动触发规则，在标签中添加如下属性
data-toggle='tab'

# JQ调用
$(" ").click(function(e){
    e.preventDefault();
    $(this).tab("show");
})

  1. 第一个响应式布局页面

  • 根据设置的属性，不同的屏幕尺寸对应不同的布局



    
    Title
    
    
    




    

        
        

            
News

            
Blog

            
About

        

        

            
This is a first BootStrap page.Please tests this page in various screen size.

第三章 BootStrap脚手架

栅格系统

  1. 固定栅格系统

  • 默认是定宽的，响应式布局要单独引入一个css文件

  1. 列式布局

  • 建.row的容器，插入合适数量的.span** ,不超过12列

    

        
1

        
11

  1. 偏移列

  • 使用.offset**,将列右移

    
3 offset 3

    
2 offset 2

  1. 嵌套列

  • 在已有的.span**下插入.row容器并加入.span列
  • 注意： 被嵌套的列出总和要等于父集列数,包括基本列与偏移列数 

    

        

            level 1
            

                

                    level 2
                

                

                    level 2

  1. 流式栅格系统

  • 特点：每一列的宽度是百分比，而不是固定像素
  • 将固定栅格.row,替换为.row-fluid
  • 同样支持偏移列与嵌套列

页面布局

  1. 固定布局

  1. 流式布局

响应式设计

  1. 启用响应式设计

  1. 响应式BootStrap特点

  • 可修改栅格系统中的列宽
  • 可用堆叠元素，代替浮动
  • 调整标题文本的大小，以便适应各种设备

第四章 BootStrap样式设计

  1. 排版

  • 标题
    • h1到h6
    • 在标题标签内写入small标签-标记副标题
    
  h1. Bootstrap heading 
  Secondary text # TODO 副标题
  • 基本CSS样式-页面主体
    • 全局字体大小默认14px;行高20px
    • p标签被赋予了10px的下边距
    • .lead类可以让段落更突出，字体21px;行高30px,加粗
    
    Bootstrap框架默认将全局的字体大小设置为14px，行高度设置为20px，并且这些属性会直接赋予中的元素和所有段落元素。

    

    
    此外，段落元素还被设置了等于0.5倍行高（即10px）的底部外边距（margin）；同时，通过添加.lead类可以让段落突出显示。

    

    
    通过添加 .lead 让段落突出显示 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores dolorem ducimus ea fuga quod soluta sunt temporibus veritatis, voluptate voluptatibus. Animi consequatur eum nobis, sint suscipit voluptas! Fuga, modi, recusandae.
  • 强调
    • 加粗：strong标签
    • 倾斜：em标签
    • 对齐：
      • 左对齐：.text-left
      • 右对齐：.text-right
      • 中间对齐：.text-center
    • 颜色强调：
      • 灰色：.muted
      • 黄色警告：.text-warning
      • 红色错误：.text-error
      • 蓝色信息：.text-info
      • 绿色成功：.text-success

   

       

           
基本CSS样式 - 强调样式

       

   

   

       
用增加font-weight值的方式加粗强调一段文本.

   

   

       
还可以用斜体字强调一段文本.

   

   

       
正常文本

       
对于不需要强调的inline或block类型的文本使用small标签.

   

   

       
通过对齐方式也可以强调一段文本.

       
左对齐文字

       
中间对齐文字

       
右侧对齐文字

   

   

       
通过工具类使用颜色来强调不同类别文本.

       
This is muted text by '.muted' class.

       
This is warning text by '.text-warning' class.

       
This is error text by '.text-error' class.

       
This is info text by '.text-info' class.

       
This is success text by '.text-success' class.
  • 缩略语
    • abbr标签包裹
    • 设置title属性，title=全称，悬浮显示全称
    
  
    当把鼠标悬停在缩略语abbr标签上需要看到完整文本内容就要使用title属性.
  • 地址
    • address标签增强地址样式
    
  Bootstrap, Inc.
    
  ABC Street 688号, 北京, 中国
    
  tel:
  (12)3456-7890
  • 引用
    • blockquote标签实现了引用样式增强
    • 添加small标签来标注引用来源，来源名称写在cite标签中
    • .pull-right右对齐风格的引用，默认为左对齐
     
    
      
    
          
    在标准的引用里,可以很简单的改变风格和内容.
    
          
    添加small标签来注明引用来源,来源名称可以放在cite标签里面.
    
          Cite in bootstrap.com
      
    
  
    
  
    
      
    
          
    在标准的引用里,可以很简单的改变风格和内容.
    
          
    添加small标签来注明引用来源,来源名称可以放在cite标签里面.
    
          Cite in bootstrap.com
  • 列表
    • 无序列表
      • ul-li,存在样式点
    • 有序列表
      • ol-li,存在顺序
    • 无样式列表
      • .unstyled类，实现无样式列表
    • 内联式列表
      • .inline实现内联式列表，也不存在样式
  • 描述---h5新增功能标签
    • 默认描述
      • dl-dt-dd，默认dt,dd不在同一行的样式
      • dt为加粗文本
      • dd为正常文本，且独占一行
      
    
      Bootstrap
      
    
      Bootstrap is a CSS framework.
      
    
      CSS
      
    
      CSS is Cascading Style Sheet.
      
    
      CSS 3 is the updated version.
      
    
      HTML 5
      
    
      HTML 5, CSS & Bootstrap is powerful web tools.
    • 水平描述
      • 通过.dl-horizontal类实现水平描述
      • dt,dd在同一行，且每一个dd独占一行
      
    
      Bootstrap
      
    
      Bootstrap is a CSS framework.
      
    
      CSS
      
    
      CSS is Cascading Style Sheet.
      
    
      CSS 3 is the updated version.
      
    
      HTML 5
      
    
      HTML 5, CSS & Bootstrap....
  • 代码---h5新增功能标签
    • 内联样式代码
      • code,实现内联式代码，代码文本长度多长，样式多长,文本红色高亮
      
    inline code: alert('this is inline code.').
    • 基本样式代码块
      • pre标签实现了基本样式代码块
      
    pre code: 
      var i=1;
      var j=2;
      alert(i+j);
      • .prettyprint和.linenums实现了带行号的基本样式代码
      
    
      var i=1;
      var j=2;
      alert(i+j);
      • .pre-scrollable实现了带滚动条的多行代码块，最大高度350px
      
    
          var i=1;
      var j=2;
      alert(i+j);
      var i=1;
      var j=2;
      alert(i+j);
      var i=1;
      var j=2;
      alert(i+j);
      var i=1;
      var j=2;
      alert(i+j);
      var i=1;
      var j=2;
      alert(i+j);
      var i=1;
      var j=2;
      alert(i+j);

  1. 表格

  • 默认表格
    • .table实现，表格样式以虚线分割每一行
  • 斑马条纹表格
    • 在默认表格基础上加.table-striped类
  • 圆角边框表格
    • 在默认表格基础上加.table-bordered类
  • 悬停样式表格
    • 在默认表格基础上加.table-hover类，可以搭配圆角边框样式使用
  • 带有行属性的表格
    • 在tr标签添加情景类即可，情景类包括.error、.warning、.success、.info
    
      
      
    
          No.
          姓名
          性别
          年龄
      
    
          
      
      
    
          1
          张三
          男
          20
      
    
      
    
          2
          李四
          女
          18
      
    
      
    
          3
          王五
          男
          22
      
    
      
    
          4
          姓名
          性别
          年龄

  1. 按钮--- 任何a、button标签添加.btn系列类均可呈现多种风格的按钮

  • 默认样式按钮
    • 默认 - .btn
    • 主要 - .btn .btn-primary
    • 信息 - .btn .btn-info
    • 成功 - .btn .btn-success
    • 警告 - .btn .btn-warning
    • 危险 - .btn .btn-danger
    • 反向 - .btn .btn-inverse
    • 链接 - .btn .btn-link
    
          
          
    
              按钮外观
              样式（class）
          
    
              
          
          
    
              
              btn
          
    
          
    
              
              btn btn-primary
          
    
          
    
              
              btn btn-info
          
    
          
    
              
              btn btn-success
          
    
          
    
              
              btn btn-warning
          
    
          
    
              
              btn btn-danger
          
    
          
    
              
              btn btn-inverse
          
    
          
    
              
              btn btn-link
  • 按钮大小设置
    • 超小 - .btn-mini
    • 小 - .btn-small
    • 大 - .btn-large
            
    
          
          
    
              按钮外观
              样式（class）
          
    
              
          
          
    
              
              btn btn-mini
          
    
          
    
              
              btn btn-small
          
    
          
    
              
              btn btn-primary
          
    
          
    
              
              btn btn-large
  • 特殊样式按钮
    • 块级 - .btn-block,独占一行
    • 禁用 - disable,不能点

  1. 图片

  • 图片样式
    • 圆角方块 - .img-rounded
    • 圆形 - .img-circle
    • 带边框的方形 - .img-polaroid

第五章 组件设计

  1. 下拉菜单

  1. 按钮组

  • 基本按钮组
    • 把一组.btn按钮放在.btn-group类的容器中
  • 工具栏按钮组
    • 通过.btn-toolbar类容器，将每个按钮组组合成工具栏
  • 垂直按钮组
    • 通过.btn-group-certical类实现的

  1. 按钮式下拉菜单

  1. 导航

  1. 导航条

  • 默认样式导航条
    • .navbar定义导航条，.brand定义导航条标题，ul-li.nav再定义一个导航菜单
    

        

            导航条

  1. 分页

  1. 标签与徽章

  • .label实现标签，存在各种样式，成功、警告等
  • .badge实现徽章，存在各种样式
标签:
默认样式
成功
警告
重要
信息
反色




徽章:
1
2
4
6
8
10

  1. 进度条

  • 基本样式进度条
    • .progress定义进度条组件容器，.bar定义进度条，width设置值
  • 斜条纹样式进度条
    • .progress .progress-striped实现斜条纹样式
    • 加上.active可实现动画效果
  • 堆叠样式
    • 多个.bar类设置多个进度条

  1. Glyphicons字体图标

第六章 插件设计

  • 插件就是通过js脚本为组件添加一些动态效果

  1. 模态对话框

  • 使用说明
    • 放置位置：放在html代码最高层级内，即body的直接子元素，避免其他组件影响模态框的显示和使用。
    • 重叠使用：不建议重叠使用，即在同一个模态框中使用多个对话框，如果要使用需要修改模态框的id以及id对应显示的data-target。
  • 动态模态对话框
    1. 定义一个button按钮，data-target属性值对应模态框容器id
    2. 定义模态框容器，id必须，.modal .fade类
    3. 容器中定义一个容器对话框.modal-dialog
    4. 对话框中定义一个内容层.nodal-content
    5. 内容层下定义对话框头部.modal-header,内容主体.modal-body,对话框底部.modal-footer

  1. ScrollSpy事件监听

    
    

        
        
滚动监听 - 顶部

        
滚动监听 - 顶部

        
滚动监听 - 顶部

        
滚动监听 - 顶部

        
滚动监听 - 顶部

        
@主体

        
滚动监听 - 主体

        
滚动监听 - 主体

        
滚动监听 - 主体

        
设置

        
滚动监听 - 设置

        
滚动监听 - 设置

        
滚动监听 - 设置

        
讨论

        
滚动监听 - 讨论

        
滚动监听 - 讨论

        
滚动监听 - 讨论

        
关于

        
滚动监听 - 关于

        
滚动监听 - 关于

        
滚动监听 - 关于

  1. Tab切换

    
    

        

            
主页标签页

            
主页标签页

            
主页标签页

        

        

            
新闻标签页

            
新闻标签页

            
新闻标签页

  1. 提示框

  • 工具提示框
    • 通过data-toggle="tooltip"为按钮、标签添加工具提示框
    • data-placement="left/right/top/bottom"设置弹出形式
    • 通过title属性添加提示内容

第七章 响应式多媒体

  • css3新特性 多媒体自适应
    • @media - - 对不同媒体设备选用不同效果
      @media screen and (max-width:62.75em){
    选择器{设置样式} 
  }

第八章 扁平化风格页面

  1. 概念

  • 采用简单的纯色块，更简单的设计风格
  • 页面架构：页眉导航条，左侧导航条，网页主体，页脚

  1. 页眉设计


    

        
        
logo部分

  1. 左侧导航，网页主体

  • .row下占用几列

    

    导航内容
    

    

    网页主体

  1. 页脚


    
页脚内容

第九章 图片幻灯页面

  1. 幻灯片

  1. 图片特辑---图片配以文字描述

    # 容器
    

       # 图片 featurette-image img-responsive
      

        Generic placeholder image
      

      # 文字标题 featurette-heading
      

        
Featurette Title.  - by king.

        
This is contents.

第十章 按钮风格

  • 可利用js css自定义按钮风格与样式

第十一章 响应式表格设计

  • 借助datatables插件实现对表格的排序，搜索、分页等功能

  1. 基本表格

  • html的table表格，加上调用插件的方法实现
          

          
          

            Name
            Position
            Office
            Age
            Start date
            Salary
          

          
          
          

            Name
            Position
            Office
            Age
            Start date
            Salary
          

          
          
          

            Tiger Nixon
            System Architect
            Edinburgh
            61
            2011/04/25
            $320,800
          

          

            Garrett Winters
            Accountant
            Tokyo
            63
            2011/07/25
            $170,750
          

          

            Ashton Cox
            Junior Technical Author
            San Francisco
            66
            2009/01/12
            $86,000
          

          

            Cedric Kelly
            Senior Javascript Developer
            Edinburgh
            22
            2012/03/29
            $433,060
          

          

            Airi Satou
            Accountant
            Tokyo
            33
            2008/11/28
            $162,700
          

          

            Brielle Williamson
            Integration Specialist
            New York
            61
            2012/12/02
            $372,000
          

          

            Herrod Chandler
            Sales Assistant
            San Francisco
            59
            2012/08/06
            $137,500
          

          

            Rhona Davidson
            Integration Specialist
            Tokyo
            55
            2010/10/14
            $327,900
          

          

            Colleen Hurst
            Javascript Developer
            San Francisco
            39
            2009/09/15
            $205,500
          

          

            Sonya Frost
            Software Engineer
            Edinburgh
            23
            2008/12/13
            $103,600
          

          

            Jena Gaines
            Office Manager
            London
            30
            2008/12/19
            $90,560
          

          

            Quinn Flynn
            Support Lead
            Edinburgh
            22
            2013/03/03
            $342,000
          

          

            Charde Marshall
            Regional Director
            San Francisco
            36
            2008/10/16
            $470,600
          

          

            Haley Kennedy
            Senior Marketing Designer
            London
            43
            2012/12/18
            $313,500
          

          

            Tatyana Fitzpatrick
            Regional Director
            London
            19
            2010/03/17
            $385,750
          

          

            Michael Silva
            Marketing Designer
            London
            66
            2012/11/27
            $198,500
          

          

            Paul Byrd
            Chief Financial Officer (CFO)
            New York
            64
            2010/06/09
            $725,000
          

          

            Gloria Little
            Systems Administrator
            New York
            59
            2009/04/10
            $237,500
          

          

            Bradley Greer
            Software Engineer
            London
            41
            2012/10/13
            $132,000
          

          

            Dai Rios
            Personnel Lead
            Edinburgh
            35
            2012/09/26
            $217,500
          

          

            Jenette Caldwell
            Development Lead
            New York
            30
            2011/09/03
            $345,000
          

          

            Yuri Berry
            Chief Marketing Officer (CMO)
            New York
            40
            2009/06/25
            $675,000
          

          

            Caesar Vance
            Pre-Sales Support
            New York
            21
            2011/12/12
            $106,450
          

          

            Doris Wilder
            Sales Assistant
            Sidney
            23
            2010/09/20
            $85,600
          

          

            Angelica Ramos
            Chief Executive Officer (CEO)
            London
            47
            2009/10/09
            $1,200,000
          

          

            Gavin Joyce
            Developer
            Edinburgh
            42
            2010/12/22
            $92,575
          

          

            Jennifer Chang
            Regional Director
            Singapore
            28
            2010/11/14
            $357,650
          

          

            Brenden Wagner
            Software Engineer
            San Francisco
            28
            2011/06/07
            $206,850
          

          

            Fiona Green
            Chief Operating Officer (COO)
            San Francisco
            48
            2010/03/11
            $850,000
          

          

            Shou Itou
            Regional Marketing
            Tokyo
            20
            2011/08/14
            $163,000
          

          

            Michelle House
            Integration Specialist
            Sidney
            37
            2011/06/02
            $95,400
          

          

            Suki Burks
            Developer
            London
            53
            2009/10/22
            $114,500
          

          

            Prescott Bartlett
            Technical Author
            London
            27
            2011/05/07
            $145,000
          

          

            Gavin Cortez
            Team Leader
            San Francisco
            22
            2008/10/26
            $235,500
          

          

            Martena Mccray
            Post-Sales support
            Edinburgh
            46
            2011/03/09
            $324,050
          

          

            Unity Butler
            Marketing Designer
            San Francisco
            47
            2009/12/09
            $85,675
          

          

            Howard Hatfield
            Office Manager
            San Francisco
            51
            2008/12/16
            $164,500
          

          

            Hope Fuentes
            Secretary
            San Francisco
            41
            2010/02/12
            $109,850
          

          

            Vivian Harrell
            Financial Controller
            San Francisco
            62
            2009/02/14
            $452,500
          

          

            Timothy Mooney
            Office Manager
            London
            37
            2008/12/11
            $136,200
          

          

            Jackson Bradshaw
            Director
            New York
            65
            2008/09/26
            $645,750
          

          

            Olivia Liang
            Support Engineer
            Singapore
            64
            2011/02/03
            $234,500
          

          

            Bruno Nash
            Software Engineer
            London
            38
            2011/05/03
            $163,500
          

          

            Sakura Yamamoto
            Support Engineer
            Tokyo
            37
            2009/08/19
            $139,575
          

          

            Thor Walton
            Developer
            New York
            61
            2013/08/11
            $98,540
          

          

            Finn Camacho
            Support Engineer
            San Francisco
            47
            2009/07/07
            $87,500
          

          

            Serge Baldwin
            Data Coordinator
            Singapore
            64
            2012/04/09
            $138,575
          

          

            Zenaida Frank
            Software Engineer
            New York
            63
            2010/01/04
            $125,250
          

          

            Zorita Serrano
            Software Engineer
            San Francisco
            56
            2012/06/01
            $115,000
          

          

            Jennifer Acosta
            Junior Javascript Developer
            Edinburgh
            43
            2013/02/01
            $75,650
          

          

            Cara Stevens
            Sales Assistant
            New York
            46
            2011/12/06
            $145,600
          

          

            Hermione Butler
            Regional Director
            London
            47
            2011/03/21
            $356,250
          

          

            Lael Greer
            Systems Administrator
            London
            21
            2009/02/27
            $103,500
          

          

            Jonas Alexander
            Developer
            San Francisco
            30
            2010/07/14
            $86,500
          

          

            Shad Decker
            Regional Director
            Edinburgh
            51
            2008/11/13
            $183,000
          

          

            Michael Bruce
            Javascript Developer
            Singapore
            29
            2011/06/27
            $183,000
          

          

            Donna Snider
            Customer Support
            New York
            27
            2011/01/25
            $112,000
          

          
        

# js部分
$('#id-bootstrap-table').DataTable();
  1. 数组表格
  • 定义一个table，没有行 列等
  • Javascript数组，在调用插件实现
var dataSet = [
        [ "Tiger Nixon", "System Architect", "Edinburgh", "5421", "2011/04/25", "$320,800" ],
        [ "Garrett Winters", "Accountant", "Tokyo", "8422", "2011/07/25", "$170,750" ],
        [ "Ashton Cox", "Junior Technical Author", "San Francisco", "1562", "2009/01/12", "$86,000" ],
        [ "Cedric Kelly", "Senior Javascript Developer", "Edinburgh", "6224", "2012/03/29", "$433,060" ],
        [ "Airi Satou", "Accountant", "Tokyo", "5407", "2008/11/28", "$162,700" ],
        [ "Brielle Williamson", "Integration Specialist", "New York", "4804", "2012/12/02", "$372,000" ],
        [ "Herrod Chandler", "Sales Assistant", "San Francisco", "9608", "2012/08/06", "$137,500" ],
        [ "Rhona Davidson", "Integration Specialist", "Tokyo", "6200", "2010/10/14", "$327,900" ],
        [ "Colleen Hurst", "Javascript Developer", "San Francisco", "2360", "2009/09/15", "$205,500" ],
        [ "Sonya Frost", "Software Engineer", "Edinburgh", "1667", "2008/12/13", "$103,600" ],
        [ "Jena Gaines", "Office Manager", "London", "3814", "2008/12/19", "$90,560" ],
        [ "Quinn Flynn", "Support Lead", "Edinburgh", "9497", "2013/03/03", "$342,000" ],
        [ "Charde Marshall", "Regional Director", "San Francisco", "6741", "2008/10/16", "$470,600" ],
        [ "Haley Kennedy", "Senior Marketing Designer", "London", "3597", "2012/12/18", "$313,500" ],
        [ "Tatyana Fitzpatrick", "Regional Director", "London", "1965", "2010/03/17", "$385,750" ],
        [ "Michael Silva", "Marketing Designer", "London", "1581", "2012/11/27", "$198,500" ],
        [ "Paul Byrd", "Chief Financial Officer (CFO)", "New York", "3059", "2010/06/09", "$725,000" ],
        [ "Gloria Little", "Systems Administrator", "New York", "1721", "2009/04/10", "$237,500" ],
        [ "Bradley Greer", "Software Engineer", "London", "2558", "2012/10/13", "$132,000" ],
        [ "Dai Rios", "Personnel Lead", "Edinburgh", "2290", "2012/09/26", "$217,500" ],
        [ "Jenette Caldwell", "Development Lead", "New York", "1937", "2011/09/03", "$345,000" ],
        [ "Yuri Berry", "Chief Marketing Officer (CMO)", "New York", "6154", "2009/06/25", "$675,000" ],
        [ "Caesar Vance", "Pre-Sales Support", "New York", "8330", "2011/12/12", "$106,450" ],
        [ "Doris Wilder", "Sales Assistant", "Sidney", "3023", "2010/09/20", "$85,600" ],
        [ "Angelica Ramos", "Chief Executive Officer (CEO)", "London", "5797", "2009/10/09", "$1,200,000" ],
        [ "Gavin Joyce", "Developer", "Edinburgh", "8822", "2010/12/22", "$92,575" ],
        [ "Jennifer Chang", "Regional Director", "Singapore", "9239", "2010/11/14", "$357,650" ],
        [ "Brenden Wagner", "Software Engineer", "San Francisco", "1314", "2011/06/07", "$206,850" ],
        [ "Fiona Green", "Chief Operating Officer (COO)", "San Francisco", "2947", "2010/03/11", "$850,000" ],
        [ "Shou Itou", "Regional Marketing", "Tokyo", "8899", "2011/08/14", "$163,000" ],
        [ "Michelle House", "Integration Specialist", "Sidney", "2769", "2011/06/02", "$95,400" ],
        [ "Suki Burks", "Developer", "London", "6832", "2009/10/22", "$114,500" ],
        [ "Prescott Bartlett", "Technical Author", "London", "3606", "2011/05/07", "$145,000" ],
        [ "Gavin Cortez", "Team Leader", "San Francisco", "2860", "2008/10/26", "$235,500" ],
        [ "Martena Mccray", "Post-Sales support", "Edinburgh", "8240", "2011/03/09", "$324,050" ],
        [ "Unity Butler", "Marketing Designer", "San Francisco", "5384", "2009/12/09", "$85,675" ]
      ];
      $('#id-array-table').DataTable( {
        data: dataSet, // 数据
        // 表头字段
        columns: [
          { title: "Name" },
          { title: "Position" },
          { title: "Office" },
          { title: "Extn." },
          { title: "Start date" },
          { title: "Salary" }
        ]
      });

  1. ajax表格

  • 支持异步加载数据
  格式{“data”：[[],[]]}

第十二章 响应式图标设计

  • 本章主要介绍，如何使用Echarts插件实现图标设计
  • 创建DOM，引入图表(注意2.X和3.X的引入不同)，渲染图表。

第十三章 JQuery UI Bootstrap工具

  • JQuery UI Bootstrap是整合了 JQuery UI 和 Bootstrap的前端工具。

  1. 按钮控件

  • 基本样式按钮
    • 基本：button标签
    • primary：.ui-button-primary
    • success：.ui-button-success
    • error：.ui-button-error
    • 注意： bootstrap样式与jQuery UI 样式不兼容
    • 调用方法
    $("要激活的选择器").button()
  • Set样式按钮--工具条按钮
    • 带样式的单选框和多选框
    • 调用方法
      $("要激活的选择器").buttonset()
  • set+基本样式按钮
    • 特点：button嵌套set button
      $("要激活的选择器").button()
  $("要激活的选择器").buttonset()

  1. 折叠面板

$("要激活的选择器").accordion({
    header:"h3"   // 折叠面板标题信息
})

  1. 对话框

// 对按钮添加点击事件并打开对话框
$('要激活的选择器').click(function () {
    $('要激活的选择器').dialog('open');
    return false;
});

// 对话框的一些样式设定
$('要激活的选择器').dialog({
    autoOpen: false, // 不自动打开
    width: 600,  // 设置宽度
    // 定义两个按钮
    buttons: {
        "Ok": function () {
            $(this).dialog("close"); // 添加事件
        },
        "Cancel": function () {
            $(this).dialog("close"); // 添加事件
        }
    }
});

$("要激活的选择器").dialog({
    autoOpen: false,
    modal: true, // 定义对话框为模态对话框
    buttons: {
        Ok: function () {
            $(this).dialog("close");
        }
    }
});

  1. 标签页

  • 基本标签页 
    $("要注册的选择器").tabs()

  1. 覆盖与重叠

  2. 高亮与错误提示

  3. 日期选择器

  4. 滑块

  5. 自动补全

  6. 下拉菜单

  7. 提示信息

  8. 小图标

  9. 微调按钮

第十四章 Jquery Mobile 框架与 Bootstrap 主题风格

  • 主题颜色
    • data-theme="a"-->浅蓝色-默认
    • data-theme="b"-->深蓝色 主要
    • data-theme="c"-->红色 错误
    • data-theme="d"-->绿色 成功
    • data-theme="e"-->蓝色 info
    • data-theme="f"-->橘黄色 警告
  • 外观
    • data-role="button"-->按钮
    • data-role="listview"-->ul的列表样式
    • data-role="list-divider"-->li的列表样式
  • 图标
    data-icon = ""

第十五章 实战

  1. 引入框架

  • JQuery + Bootstrap.css/js
  • Bootstrap

  1. 确定页面布局

  • 页眉 + 主体 + 页脚
  • 布局采用栅格系统 col-xs/sm/md/lg

你可能感兴趣的:(BootStrap笔记)

  • 10月|愿你的青春不负梦想-读书笔记-01 Tracy的小书斋
    本书的作者是俞敏洪，大家都很熟悉他了吧。俞敏洪老师是我行业的领头羊吧，也是我事业上的偶像。本日摘录他书中第一章中的金句：『一个人如果什么目标都没有，就会浑浑噩噩，感觉生命中缺少能量。能给我们能量的，是对未来的期待。第一件事，我始终为了进步而努力。与其追寻全世界的骏马，不如种植丰美的草原，到时骏马自然会来。第二件事，我始终有阶段性的目标。什么东西能给我能量？答案是对未来的期待。』读到这里的时候，我便
  • 《投行人生》读书笔记 小蘑菇的树洞
    《投行人生》----作者詹姆斯-A-朗德摩根斯坦利副主席40年的职业洞见-很短小精悍的篇幅，比较适合初入职场的新人。第一部分成功的职业生涯需要规划1.情商归为适应能力分享与协作同理心适应能力，更多的是自我意识，你有能力识别自己的情并分辨这些情绪如何影响你的思想和行为。2.对于初入职场的人的建议，细节，截止日期和数据很重要截止日期，一种有效的方法是请老板为你所有的任务进行优先级排序。和老板喝咖啡的好
  • 【一起学Rust | 设计模式】习惯语法——使用借用类型作为参数、格式化拼接字符串、构造函数 广龙宇 一起学Rust#Rust设计模式rust设计模式开发语言
    提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、使用借用类型作为参数二、格式化拼接字符串三、使用构造函数总结前言Rust不是传统的面向对象编程语言，它的所有特性，使其独一无二。因此，学习特定于Rust的设计模式是必要的。本系列文章为作者学习《Rust设计模式》的学习笔记以及自己的见解。因此，本系列文章的结构也与此书的结构相同（后续可能会调成结构），基本上分为三个部分
  • git常用命令笔记 咩酱-小羊 git笔记
    ###用习惯了idea总是不记得git的一些常见命令，需要用到的时候总是担心旁边站了人~~~记个笔记@_@，告诉自己看笔记不丢人初始化初始化一个新的Git仓库gitinit配置配置用户信息gitconfig--globaluser.name"YourName"gitconfig--globaluser.email"[email protected]"基本操作克隆远程仓库gitclone查看
  • 509. 斐波那契数(每日一题) lzyprime
    lzyprime博客(github)创建时间：2021.01.04qq及邮箱：2383518170leetcode笔记题目描述斐波那契数，通常用F(n)表示，形成的序列称为斐波那契数列。该数列由0和1开始，后面的每一项数字都是前面两项数字的和。也就是：F(0)=0，F(1)=1F(n)=F(n-1)+F(n-2)，其中n>1给你n，请计算F(n)。示例1：输入：2输出：1解释：F(2)=F(1)+
  • 拥有断舍离的心态，过精简生活--《断舍离》读书笔记 爱吃丸子的小樱桃
    不知不觉间房间里的东西越来越多，虽然摆放整齐，但也时常会觉得空间逼仄，令人心生烦闷。抱着断舍离的态度，我开始阅读《断舍离》这本书，希望从书中能找到一些有效的方法，帮助我实现空间、物品上的断舍离。《断舍离》是日本作家山下英子通过自己的经历、思考和实践总结而成的，整体内涵也从刚开始的私人生活哲学的“断舍离”升华成了“人生实践哲学”，接着又成为每个人都能实行的“改变人生的断舍离”，从“哲学”逐渐升华成“
  • 四章-32-点要素的聚合 彩云飘过
    本文基于腾讯课堂老胡的课《跟我学Openlayers--基础实例详解》做的学习笔记，使用的openlayers5.3.xapi。源码见1032.html，对应的官网示例https://openlayers.org/en/latest/examples/cluster.htmlhttps://openlayers.org/en/latest/examples/earthquake-clusters.
  • 高端密码学院笔记285 柚子_b4b4
    高端幸福密码学院（高级班）幸福使者：李华第（598）期《幸福》之回归内在深层生命原动力基础篇——揭秘“激励”成长的喜悦心理案例分析主讲：刘莉一，知识扩充:成功=艰苦劳动+正确方法+少说空话。贪图省力的船夫，目标永远下游。智者的梦再美，也不如愚人实干的脚印。幸福早课堂2020.10.16星期五一笔记:1，重视和珍惜的前提是知道它的价值非常重要，当你珍惜了，你就真正定下来，真正的学到身上。2，大家需要
  • Day17笔记-高阶函数 ~在杰难逃~ Python笔记python开发语言pycharm数据分析
    高阶函数【重点掌握】函数的本质：函数是一个变量，函数名是一个变量名，一个函数可以作为另一个函数的参数或返回值使用如果A函数作为B函数的参数，B函数调用完成之后，会得到一个结果，则B函数被称为高阶函数常用的高阶函数：map(),reduce(),filter(),sorted()1.map()map(func,iterable)，返回值是一个iterator【容器，迭代器】func:函数iterab
  • Day1笔记-Python简介&标识符和关键字&输入输出 ~在杰难逃~ Pythonpython开发语言大数据数据分析数据挖掘
    大家好，从今天开始呢，杰哥开展一个新的专栏，当然，数据分析部分也会不定时更新的，这个新的专栏主要是讲解一些Python的基础语法和知识，帮助0基础的小伙伴入门和学习Python，感兴趣的小伙伴可以开始认真学习啦！一、Python简介【了解】1.计算机工作原理编程语言就是用来定义计算机程序的形式语言。我们通过编程语言来编写程序代码，再通过语言处理程序执行向计算机发送指令，让计算机完成对应的工作，编程
  • node.js学习 小猿L node.jsnode.js学习vim
    node.js学习实操及笔记温故node.js，node.js学习实操过程及笔记~node.js学习视频node.js官网node.js中文网实操笔记githubcsdn笔记为什么学node.js可以让别人访问我们编写的网页为后续的框架学习打下基础，三大框架vuereactangular离不开node.jsnode.js是什么官网：node.js是一个开源的、跨平台的运行JavaScript的运行
  • 数据仓库——维度表一致性 墨染丶eye 背诵数据仓库
    数据仓库基础笔记思维导图已经整理完毕，完整连接为：数据仓库基础知识笔记思维导图维度一致性问题从逻辑层面来看，当一系列星型模型共享一组公共维度时，所涉及的维度称为一致性维度。当维度表存在不一致时，短期的成功难以弥补长期的错误。维度时确保不同过程中信息集成起来实现横向钻取货活动的关键。造成横向钻取失败的原因维度结构的差别，因为维度的差别，分析工作涉及的领域从简单到复杂，但是都是通过复杂的报表来弥补设计
  • 【Git】常见命令(仅笔记) 好想有猫猫 GitLinux学习笔记git笔记elasticsearchlinuxc++
    文章目录创建/初始化本地仓库添加本地仓库配置项提交文件查看仓库状态回退仓库查看日志分支删除文件暂存工作区代码远程仓库使用`.gitigore`文件让git不追踪一些文件标签创建/初始化本地仓库gitinit添加本地仓库配置项gitconfig-l#以列表形式显示配置项gitconfiguser.name"ljh"#配置user.namegitconfiguser.email"[email protected]
  • 为什么你总是对下属不满意? ZhaoWu1050
    【ZhaoWu的听课笔记】大多数公司，都存在两种问题。我创业四年，更是体会深切。这两种问题就是：老板经常不满意下属的表现；下属总是不知道老板想要什么；虽然这两种问题普遍存在，其实解决方法并不复杂。这节课，我们再聊聊第一个问题：为什么老板经常不满意下属表现?其实，这背后也是一条管理常识。管理学家德鲁克先生早就说过：管理者的任务，不是去改变人。*来自《卓有成效的管理者》只是大多数老板和我一样，都是一边
  • 母亲节如何做小红书营销 美橙传媒
    小红书的一举一动引起了外界的高度关注。通过爆款笔记和流行话题，我们可以看到“干货”类型的内容在小红书中偏向实用的生活经验共享和生活指南非常受欢迎。根据运营社的分析，这种现象是由小红书用户心智和内容社区背后机制共同决定的。首先，小红书将使用“强搜索”逻辑为用户提供特定的“搜索场景”。在“我必须这样生活”中，大量使用了满足小红书站用户喜好和需求的内容。内容社区自制的高质量内容也吸引了寻找营销新途径的品
  • 读书笔记|《遇见孩子，遇见更好的自己》5 抹茶社长
    为人父母意味着放弃自己的过去，不要对以往没有实现的心愿耿耿于怀，只有这样，孩子们才能做回自己。985909803.jpg孩子在与父母保持亲密的同时更需要独立，唯有这样，孩子才会成为孩子，父母才会成其为父母。有耐心的人生往往更幸福，给孩子留点余地。认识到养儿育女是对耐心的考验。为失败做好心理准备，教会孩子控制情绪。了解自己的底线，说到底线，有一点很重要，父母之所以发脾气，真正的原因往往在于他们自己，
  • 基于Python给出的PDF文档转Markdown文档的方法 程序媛了了 pythonpdf开发语言
    注：网上有很多将Markdown文档转为PDF文档的方法，但是却很少有将PDF文档转为Markdown文档的方法。就算有，比如某些网站声称可以将PDF文档转为Markdown文档，尝试过，不太符合自己的要求，而且无法保证文档没有泄露风险。于是本人为了解决这个问题，借助GPT（能使用GPT镜像或者有条件直接使用GPT的，反正能调用GPT接口就行）生成Python代码来完成这个功能。笔记、代码难免存在
  • 语文主题教学学习笔记之87 东哥杂谈
    “语文主题教学”学习笔记之八十七（0125）今天继续学习小学语文主题教学的实践样态。板块三：教学中体现“书艺”味道。作为四大名著之一的《水浒传》，堪称我国文学宝库之经典。对从《水浒传》中摘选的单元，教师就要了解其原生态，即评书体特点。这也要求教师要了解一些常用的评书行话术语，然后在教学时适时地加入一些，让学生体味其文本中原有的特色。学生也要尽可能地通过朗读的方式，而不单是分析讲解的方式进行学习。细
  • Armv8.3 体系结构扩展--原文版 代码改变世界ctw ARM-TEE-Androidarmv8嵌入式arm架构安全架构芯片TrustzoneSecureboot
    快速链接:.ARMv8/ARMv9架构入门到精通-[目录]付费专栏-付费课程【购买须知】:个人博客笔记导读目录(全部)TheArmv8.3architectureextensionTheArmv8.3architectureextensionisanextensiontoArmv8.2.Itaddsmandatoryandoptionalarchitecturalfeatures.Somefeat
  • springboot+vue项目实战一-创建SpringBoot简单项目 苹果酱0567 面试题汇总与解析springboot后端java中间件开发语言
    这段时间抽空给女朋友搭建一个个人博客，想着记录一下建站的过程，就当做笔记吧。虽然复制zjblog只要一个小时就可以搞定一个网站，或者用cms系统，三四个小时就可以做出一个前后台都有的网站，而且想做成啥样也都行。但是就是要从新做，自己做的意义不一样，更何况，俺就是专门干这个的，嘿嘿嘿要做一个网站，而且从零开始，首先呢就是技术选型了，经过一番思量决定选择-SpringBoot做后端，前端使用Vue做一
  • 阅读《认知觉醒》读书笔记 就看看书
    本周阅读了周岭的《认知觉醒开启自我改变的原动力》，启发较多，故做读书笔记一则，留待学习。全书共八章，讲述了大脑、潜意识、元认知、专注力、学习力、行动力、情绪力及成本最低的成长之道。具体描述了大脑、焦虑、耐心、模糊、感性、元认知、自控力、专注力、情绪专注、学习专注、匹配、深度、关联、体系、打卡、反馈、休息、清晰、傻瓜、行动、心智宽带、单一视角、游戏心态、早起、冥想、阅读、写作、运动等相关知识点。大脑
  • 阅读笔记：阅读方法中的逻辑和转念 施吉涛
    聊聊一些阅读的方法论吧，别人家的读书方法刚开始想写，然后就不知道写什么了，因为作者写的非常的“精致”我有一种乡巴佬进城的感觉，看到精美的摆盘，精致的食材不知道该如何下口也就是《阅读的方法》，我们姑且来试一下强劲的大脑篇，第一节：逻辑通俗的来讲，也就是表达的排列和顺序，再进一步就是因果关系和关联实际上书已经看了大概一遍，但直到打算写一下笔记的时候，才发现作者讲的推理更多的是阅读的对象中呈现出的逻辑也
  • 《转介绍方法论》学习笔记 小可乐的妈妈
    一、高效转介绍的流程：价值观---执行----方案一）转介绍发生的背景：1、对象：谁向谁转介绍？全员营销，人人参与。①员工的激励政策、客户的转介绍诱因制作客户画像：a信任；支付能力；意愿度；便利度（根据家长具备四个特征的个数分为四类）B性格分类C职业分类D年龄性别②执行：套路，策略，方法，流程2、诱因：为什么要转介绍？认同信任；多方共赢；传递美好；零风险承诺打动人心，超越期待。选择做教育，就是选择
  • JAVA学习笔记之23种设计模式学习 victorfreedom Java技术设计模式androidjava常用设计模式
    博主最近买了《设计模式》这本书来学习，无奈这本书是以C++语言为基础进行说明，整个学习流程下来效率不是很高，虽然有的设计模式通俗易懂，但感觉还是没有充分的掌握了所有的设计模式。于是博主百度了一番，发现有大神写过了这方面的问题，于是博主迅速拿来学习。一、设计模式的分类总体来说设计模式分为三大类：创建型模式，共五种：工厂方法模式、抽象工厂模式、单例模式、建造者模式、原型模式。结构型模式，共七种：适配器
  • 解决Obsidian写笔记中的＜img＞标签无法显示图片的问题 全能全知者 笔记
    Obsidian中写md笔记如果使用标签会显示不出图案，后来才知道因为Obsidian的问题导致只能用绝对路径定位。所以我本人写了一个py插件，将md笔记里的img标签批量替换成Obsidian能够读取的形式。安装FixObsImgDpy:pipinstallFixObsImgDpy安装完成后在需要修复的md文件的父目录下运行命令:FixObsImgDpy就会自动修复父目录以下的全部md文件 仓库
  • 2021年周总结 03 Ruby之家
    这周的生活过得也是比较快，因为暂时住的离公司有点距离，所以通勤时间相对较长一点，而在地铁上的一个半小时如何充分利用起来，则是我最近一直在思考的问题，2021年想让自己的生活都运行在计划中。(有时候自己想干一件事情就总是给自己找很多借口，想着以后怎么怎么样？然而哪有那么多的以后，能够方便当下的工作生活就立马执行就OK，这仅仅只是我此时想到背的很重的老人机笔记本电脑，也算是陪伴我快8年的—当时买的时候
  • 2021-12-11 人生导演
    今天读到佛学书籍的一段话：初学者很难直接体验到无我，但可以经常提醒自己：一切事物都是无我的。不断强化这个观念，也会相当有帮助。比如生病了我们一般会说：“我不舒服！我很痛！我很惨！”这时候如果我们提醒自己：没有我，只是这个肉体的某些部分、某些功能出了问题，不舒服、疼痛也只是一时的感受，而感受随时在变化。仅仅是知道没有一个实存的我在生病、在受苦。然后把“一切事物都是无我的”这句话，记到笔记上，并且朗读
  • 新能源汽车 BMS 学习笔记篇—BMS 基本定义及分类 WPG大大通 其他笔记汽车BMS经验分享新能源电池
    一、BMS定义1、概念：BMS（BatteryManagementSystem）即电池管理系统，其管理对象是二次电池（充电电池或蓄电池），其主要目的是电池的利用率，防止电池出现过度充电和过度放电，可应用于电动汽车、电瓶车、机器人、无人机等图片来源：腾讯网https://new.qq.com《标准普尔警告，电动汽车电池生产面临供应链和地缘政治风险》2、四大功能①感知和测量：检测电池的电压、电流、温度
  • 机器学习-聚类算法 不良人龍木木 机器学习机器学习算法聚类
    机器学习-聚类算法1.AHC2.K-means3.SC4.MCL仅个人笔记，感谢点赞关注！1.AHC2.K-means3.SC传统谱聚类：个人对谱聚类算法的理解以及改进4.MCL目前仅专注于NLP的技术学习和分享感谢大家的关注与支持！
  • LeetCode github集合，附CMU大神整理笔记 Wesley@ LeetCodegithub
    GithubLeetCode集合本人所有做过的题目都写在一个java项目中，同步到github中了，算是见证自己的进步。github目前同步的题目是2020-09-17日之后写的题。之前写过的题会陆续跟新到github中。目前大概400个题目Github项目链接：https://github.com/sunliancheng/leetcode_github附上一份优秀的教材整合：这是卡内基梅隆(C
  • 算法 单链的创建与删除 换个号韩国红果果 c算法
    先创建结构体 struct student { int data; //int tag;//标记这是第几个 struct student *next; }; // addone 用于将一个数插入已从小到大排好序的链中 struct student *addone(struct student *h,int x){ if(h==NULL) //??????
  • 《大型网站系统与Java中间件实践》第2章读后感 白糖_ java中间件
           断断续续花了两天时间试读了《大型网站系统与Java中间件实践》的第2章，这章总述了从一个小型单机构建的网站发展到大型网站的演化过程---整个过程会遇到很多困难，但每一个屏障都会有解决方案，最终就是依靠这些个解决方案汇聚到一起组成了一个健壮稳定高效的大型系统。          看完整章内容，
  • zeus持久层spring事务单元测试 deng520159 javaDAOspringjdbc
    今天把zeus事务单元测试放出来,让大家指出他的毛病, 1.ZeusTransactionTest.java 单元测试   package com.dengliang.zeus.webdemo.test; import java.util.ArrayList; import java.util.List; import org.junit.Test; import
  • Rss 订阅 开发 周凡杨 htmlxml订阅rss规范
                    RSS是 Really Simple Syndication的缩写（对rss2.0而言，是这三个词的缩写，对rss1.0而言则是RDF Site Summary的缩写，1.0与2.0走的是两个体系）。   RSS
  • 分页查询实现 g21121 分页查询
    在查询列表时我们常常会用到分页，分页的好处就是减少数据交换，每次查询一定数量减少数据库压力等等。 按实现形式分前台分页和服务器分页： 前台分页就是一次查询出所有记录，在页面中用js进行虚拟分页，这种形式在数据量较小时优势比较明显，一次加载就不必再访问服务器了，但当数据量较大时会对页面造成压力，传输速度也会大幅下降。 服务器分页就是每次请求相同数量记录，按一定规则排序，每次取一定序号直接的数据
  • spring jms异步消息处理 510888780 jms
    spring JMS对于异步消息处理基本上只需配置下就能进行高效的处理。其核心就是消息侦听器容器，常用的类就是DefaultMessageListenerContainer。该容器可配置侦听器的并发数量，以及配合MessageListenerAdapter使用消息驱动POJO进行消息处理。且消息驱动POJO是放入TaskExecutor中进行处理，进一步提高性能，减少侦听器的阻塞。具体配置如下：
  • highCharts柱状图 布衣凌宇 hightCharts柱图
    第一步：导入 exporting.js,grid.js,highcharts.js;第二步：写controller   @Controller@RequestMapping(value="${adminPath}/statistick")public class StatistickController {  private UserServi
  • 我的spring学习笔记2-IoC（反向控制 依赖注入） aijuans springmvcSpring 教程spring3 教程Spring 入门
    IoC（反向控制 依赖注入）这是Spring提出来了，这也是Spring一大特色。这里我不用多说，我们看Spring教程就可以了解。当然我们不用Spring也可以用IoC，下面我将介绍不用Spring的IoC。 IoC不是框架，她是java的技术，如今大多数轻量级的容器都会用到IoC技术。这里我就用一个例子来说明： 如：程序中有 Mysql.calss 、Oracle.class 、SqlSe
  • TLS java简单实现 antlove javasslkeystoretlssecure
      1. SSLServer.java package ssl; import java.io.FileInputStream; import java.io.InputStream; import java.net.ServerSocket; import java.net.Socket; import java.security.KeyStore; import
  • Zip解压压缩文件 百合不是茶 Zip格式解压Zip流的使用文件解压
       ZIP文件的解压缩实质上就是从输入流中读取数据。Java.util.zip包提供了类ZipInputStream来读取ZIP文件,下面的代码段创建了一个输入流来读取ZIP格式的文件; ZipInputStream in = new ZipInputStream(new FileInputStream(zipFileName));     &n
  • underscore.js 学习（一） bijian1013 JavaScriptunderscore
            工作中需要用到underscore.js，发现这是一个包括了很多基本功能函数的js库，里面有很多实用的函数。而且它没有扩展 javascript的原生对象。主要涉及对Collection、Object、Array、Function的操作。       学
  • java jvm常用命令工具——jstatd命令(Java Statistics Monitoring Daemon) bijian1013 javajvmjstatd
    1.介绍         jstatd是一个基于RMI（Remove Method Invocation）的服务程序，它用于监控基于HotSpot的JVM中资源的创建及销毁，并且提供了一个远程接口允许远程的监控工具连接到本地的JVM执行命令。         jstatd是基于RMI的，所以在运行jstatd的服务
  • 【Spring框架三】Spring常用注解之Transactional bit1129 transactional
    Spring可以通过注解@Transactional来为业务逻辑层的方法(调用DAO完成持久化动作)添加事务能力，如下是@Transactional注解的定义：   /* * Copyright 2002-2010 the original author or authors. * * Licensed under the Apache License, Version
  • 我(程序员)的前进方向 bitray 程序员
    作为一个普通的程序员,我一直游走在java语言中,java也确实让我有了很多的体会.不过随着学习的深入,java语言的新技术产生的越来越多,从最初期的javase,我逐渐开始转变到ssh,ssi,这种主流的码农,.过了几天为了解决新问题,webservice的大旗也被我祭出来了,又过了些日子jms架构的activemq也开始必须学习了.再后来开始了一系列技术学习,osgi,restful.....
  • nginx lua开发经验总结 ronin47
    使用nginx lua已经两三个月了，项目接开发完毕了，这几天准备上线并且跟高德地图对接。回顾下来lua在项目中占得必中还是比较大的，跟PHP的占比差不多持平了，因此在开发中遇到一些问题备忘一下 1：content_by_lua中代码容量有限制，一般不要写太多代码，正常编写代码一般在100行左右（具体容量没有细心测哈哈，在4kb左右），如果超出了则重启nginx的时候会报 too long pa
  • java-66-用递归颠倒一个栈。例如输入栈{1,2,3,4,5}，1在栈顶。颠倒之后的栈为{5,4,3,2,1}，5处在栈顶 bylijinnan java
    import java.util.Stack; public class ReverseStackRecursive { /** * Q 66.颠倒栈。 * 题目：用递归颠倒一个栈。例如输入栈{1,2,3,4,5}，1在栈顶。 * 颠倒之后的栈为{5,4,3,2,1}，5处在栈顶。 *1. Pop the top element *2. Revers
  • 正确理解Linux内存占用过高的问题 cfyme linux
    Linux开机后，使用top命令查看，4G物理内存发现已使用的多大3.2G，占用率高达80%以上： Mem:   3889836k total,  3341868k used,   547968k free,   286044k buffers Swap:  6127608k total,&nb
  • [JWFD开源工作流]当前流程引擎设计的一个急需解决的问题 comsci 工作流
         当我们的流程引擎进入IRC阶段的时候，当循环反馈模型出现之后，每次循环都会导致一大堆节点内存数据残留在系统内存中，循环的次数越多，这些残留数据将导致系统内存溢出，并使得引擎崩溃。。。。。。       而解决办法就是利用汇编语言或者其它系统编程语言，在引擎运行时，把这些残留数据清除掉。
  • 自定义类的equals函数 dai_lm equals
    仅作笔记使用 public class VectorQueue { private final Vector<VectorItem> queue; private class VectorItem { private final Object item; private final int quantity; public VectorI
  • Linux下安装R语言 datageek R语言 linux
    命令如下：sudo gedit  /etc/apt/sources.list1、deb http://mirrors.ustc.edu.cn/CRAN/bin/linux/ubuntu/ precise/ 2、deb http://dk.archive.ubuntu.com/ubuntu hardy universesudo apt-key adv --keyserver ke
  • 如何修改mysql 并发数(连接数)最大值 dcj3sjt126com mysql
    MySQL的连接数最大值跟MySQL没关系，主要看系统和业务逻辑了   方法一：进入MYSQL安装目录 打开MYSQL配置文件 my.ini 或 my.cnf查找 max_connections=100 修改为 max_connections=1000 服务里重起MYSQL即可 　　方法二：MySQL的最大连接数默认是100客户端登录：mysql -uusername -ppass
  • 单一功能原则 dcj3sjt126com 面向对象的程序设计软件设计编程原则
    单一功能原则[ 编辑]     SOLID 原则 单一功能原则 开闭原则 Liskov代换原则 接口隔离原则 依赖反转原则 查   论   编 在面向对象编程领域中，单一功能原则（Single responsibility principle）规定每个类都应该有
  • POJO、VO和JavaBean区别和联系 fanmingxing VOPOJOjavabean
    POJO和JavaBean是我们常见的两个关键字，一般容易混淆，POJO全称是Plain Ordinary Java Object / Plain Old Java Object，中文可以翻译成：普通Java类，具有一部分getter/setter方法的那种类就可以称作POJO，但是JavaBean则比POJO复杂很多，JavaBean是一种组件技术，就好像你做了一个扳子，而这个扳子会在很多地方被
  • SpringSecurity3.X--LDAP：AD配置 hanqunfeng SpringSecurity
    前面介绍过基于本地数据库验证的方式，参考http://hanqunfeng.iteye.com/blog/1155226，这里说一下如何修改为使用AD进行身份验证【只对用户名和密码进行验证，权限依旧存储在本地数据库中】。   将配置文件中的如下部分删除： <!-- 认证管理器，使用自定义的UserDetailsService，并对密码采用md5加密-->
  • mac mysql 修改密码 IXHONG mysql
    $ sudo /usr/local/mysql/bin/mysqld_safe –user=root & //启动MySQL(也可以通过偏好设置面板来启动)$ sudo /usr/local/mysql/bin/mysqladmin -uroot password yourpassword //设置MySQL密码（注意，这是第一次MySQL密码为空的时候的设置命令，如果是修改密码，还需在-
  • 设计模式--抽象工厂模式 kerryg 设计模式
    抽象工厂模式：     工厂模式有一个问题就是，类的创建依赖于工厂类，也就是说，如果想要拓展程序，必须对工厂类进行修改，这违背了闭包原则。我们采用抽象工厂模式，创建多个工厂类，这样一旦需要增加新的功能，直接增加新的工厂类就可以了，不需要修改之前的代码。     总结：这个模式的好处就是，如果想增加一个功能，就需要做一个实现类，
  • 评"高中女生军训期跳楼” nannan408
       首先，先抛出我的观点，各位看官少点砖头。那就是，中国的差异化教育必须做起来。    孔圣人有云：有教无类。不同类型的人，都应该有对应的教育方法。目前中国的一体化教育，不知道已经扼杀了多少创造性人才。我们出不了爱迪生，出不了爱因斯坦，很大原因，是我们的培养思路错了，我们是第一要“顺从”。如果不顺从，我们的学校，就会用各种方法，罚站，罚写作业，各种罚。军
  • scala如何读取和写入文件内容？ qindongliang1922 javajvmscala
    直接看如下代码： package file import java.io.RandomAccessFile import java.nio.charset.Charset import scala.io.Source import scala.reflect.io.{File, Path} /** * Created by qindongliang on 2015/
  • C语言算法之百元买百鸡 qiufeihu c算法
    中国古代数学家张丘建在他的《算经》中提出了一个著名的“百钱买百鸡问题”，鸡翁一，值钱五，鸡母一，值钱三，鸡雏三，值钱一，百钱买百鸡，问翁，母，雏各几何？ 代码如下： #include <stdio.h> int main() { int cock,hen,chick; /*定义变量为基本整型*/ for(coc
  • Hadoop集群安全性：Hadoop中Namenode单点故障的解决方案及详细介绍AvatarNode wyz2009107220 NameNode
    正如大家所知，NameNode在Hadoop系统中存在单点故障问题，这个对于标榜高可用性的Hadoop来说一直是个软肋。本文讨论一下为了解决这个问题而存在的几个solution。 1. Secondary NameNode 原理：Secondary NN会定期的从NN中读取editlog，与自己存储的Image进行合并形成新的metadata image 优点：Hadoop较早的版本都自带，
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他