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笔记)

  • 新网师的精神肤色（幕布笔记） 悦读书香
    王子老师的《极简100小妙招》收到已经几天了，之前大概的浏览了全书，今天起给自己定了一个计划，必须每天学习极简小妙招里面的一个妙招，并加以运用。一、今天要打卡什么内容因有完成每天学习极简小妙招的计划，所以今天晚饭吃的比较简单，草草吃完以后带着小宝到广场溜达一圈，急忙赶回来学习极简小妙招。再重看的时候不知道自己要学点什么，打卡哪一招，感觉哪个都简单，就看这一环节像王子老师说的“一看就会”，但做这一环
  • C++学习笔记（lambda函数） __TAT__ C&C++c++学习笔记
    C++learningnote1、lambda函数的语法2、lambda函数的几种用法1、lambda函数的语法lambda函数的一般语法如下：[capture_clause](parameters)->return_type{function_body}capture_clause：需要捕获的变量，但要求该变量必须在这个作用域中。通常的捕获方式有以下几种：[]：不捕获任何变量[&]：按引用捕获变
  • 读书笔记《穿越寒冬》 如雪般飞舞
    各位好，我们今天来讲一本书，名字叫作《穿越寒冬》。看起来特别应景，大家觉得现在创业的状况不景气，大家都在忍受着寒冬的煎熬。但实际上，这本书的英文名字并不是这个意思，它的英文名叫作“如何创立一家新公司，并且能够活下来”。我在整个读完了以后，我发现这本书真正要翻译得好，它的名字应该叫作《创业生存手册》。这个书的作者，来自硅谷的霍夫曼船长。霍夫曼船长写过一本让创业者觉得特别贴心的书，叫作《让大象飞》它和
  • 2018-11-18成长小组学习笔记 实验中学45
    因为嗓子“罢工”，我面对众人只能借“微笑”代言。在开始授课前，绣霞老师先反馈上次作业的情况，提到“接纳”需是真正发自内心的完全接纳，而不是口头上的接纳，内心却是排斥的。提到一个“问题”孩子恰恰对家爱的更加“深沉”，夫妻间的问题不能影响到孩子，对孩子更好的爱不是你为他做的更多，而是给他自由、健康成长的空间。图片发自App一、孩子：家庭的一面镜子夫妻成了彼此的“投射”，婚姻便“吵的不可开交”，婚姻便成
  • 【鸿蒙HarmonyOS开发笔记】ArkUI常用组件介绍汇总（更新中） 温、 鸿蒙HarmonyOS开发笔记学习记录harmonyos笔记华为
    概述此文总结开发中用到的一些常用组件，便于查阅，此文持续更新，闲的没事就更线性布局（Row/Column）不多介绍了，最常用的布局组件，两者除了方向不一样，别的都一样方便起见下面只写Column常用属性排列方向上的间距：spaceColumn({space:20}){Row().width('90%').height(50).backgroundColor(0xF5DEB3)Row().width
  • 安卓笔记本 - Handler Message MessageQueue Looper SocialException
    不爱写字，一张图解决。Handler,Message,MessageQueue,Looper工作原理
  • 枚举使用笔记 万变不离其宗_8 项目笔记笔记
    1.java枚举怎么放在方法上面的注释里面/***保存*@paramuserId用户id*@paramtype见枚举{@linkcom.common.enums.TypeEnum}*@return*/voidsave(LonguserId,Stringtype);
  • ruoyi使用笔记 万变不离其宗_8 项目笔记代码参考笔记笔记java前端
    1.限流处理@RateLimiter@PostMapping("/createOrder")@ApiOperation("创建充值订单")@RateLimiter(key=CacheConstants.REPEAT_SUBMIT_KEY,time=10,count=1,limitType=LimitType.IP)publicRcreateOrder(@RequestBodyFormform){/
  • 数据管理知识体系指南（第二版）-第五章——数据建模和设计-学习笔记 键盘上的五花肉 数据治理数据库数据仓库数据治理
    目录5.1引言5.1.1业务驱动因素5.1.2目标和原则5.1.3基本概念5.2活动5.2.1规划数据建模5.2.2建立数据模型5.2.3审核数据模型5.2.4维护数据模型5.3工具5.3.1数据建模工具5.3.2数据血缘工具5.3.3数据分析工具5.3.4元数据资料库5.3.5数据模型模式5.3.6行业数据模型5.4方法5.4.1命名约定的最佳实践5.4.2数据库设计中的最佳实践5.5数据建模和
  • Java学习笔记01 .wsy. 日常java学习笔记
    1.1Java简介Java的前身是Oak，詹姆斯·高斯林是java之父。1.2Java体系Java是一种与平台无关的语言，其源代码可以被编译成一种结构中立的中间文件（.class，字节码文件）于Java虚拟机上运行。1.2.3专有名词JDK提供编译、运行Java程序所需要的种种工具及资源。JRE是运行Java所依赖的环境的集合。JVM是一个虚构出来的计算机，通过在实际的计算机上仿真模拟各种计算机功
  • 《老子》笔记19 2018-10-28 海上明月共
    第二十二章[原文]曲则全，枉则直，洼则盈，敝则新，少则得，多则惑。是以圣人抱一为天下式。不自见，故明；不自是，故彰，不自伐，故有功；不自矜，故长。夫唯不争，故天下莫能与之争。古之所谓"曲则全"者，岂虚言哉？诚全而归之。[译文]委曲便会保全，屈枉便会直伸；低洼便会充盈，陈旧便会更新；少取便会获得，贪多便会迷惑。所以有道的人坚守这一原则作为天下事理的范式，不自我表扬，反能显明；不自以为是，反能是非彰明
  • 以客户为中心的企业设计（咨询执业笔记） 觉者看世界
    以客户为中心的企业设计（咨询执业笔记）——何伏全案咨询知名专家数字经济大行其道，过剩的风险资本自由流动，股权市场日益强势，这些力量综合在一起，产生出诸多不合理的企业设计。这些事实使得企业设计的再创造越来越需要一种约束力，许多公司和投资者未能熟谙这种约束力，或者未能将其基本原理运用于具体的商业行为中，因此付出了沉重的代价。无利润区的确存在，并且已在全球蔓延，有愈演愈烈之势。它席卷了数以千计的公司，涉
  • Thinkphp - 详细实现网站系统登录功能，附带 Mysql 数据库设置、Web 前端展示界面、信息校验等（详细代码，即设计过程） 王佳斌 +Thinkphpmysql前端数据库
    前言登录功能，是我们几乎开发每个系统都必须的模块。登录功能设计思路，主要包括几个方面。用户输入网址展示登录页面用户输入用户名，密码等点击登录进行信息校验校验通过之后，记录用户登录信息，跳转指定页面用户校验失败，提示失败信息页面目录具体功能实现为了快速搭建可用、美观的页面，我们采用一个比较成熟的前端框架Bootstrap。下面我们到Bootstrap的官网Bootsrap官网下载bootstrap。
  • 【Git安装及使用学习笔记】 可可西里啊 零零散散的学习笔记git学习笔记c++qt5
    Git学习笔记Git安装Git创建本地版本库以及提交文件使用Git提交代码到码云使用Git从码云拉取代码参考博客Git安装这里参考Git详细安装教程（详解Git安装过程的每一个步骤）Git创建本地版本库以及提交文件1.查看git版本信息：git--version2.设置对应用户名与邮箱地址gitconfig--globaluser.name"your_usernamegitconfig--glob
  • 程序员开发技术整理 laizhixue 学习前端框架
    前端技术：vue-前端框架element-前端框架bootstrap-前端框架echarts-图标组件C#后端技术：webservice：soap架构：简单的通信协议，用于服务通信ORM框架：对象关系映射，如EF：对象实体模型，是ado.net中的应用技术soap服务通讯：xml通讯ado.net：OAuth2:登录授权认证：Token认证：JWT：jsonwebtokenJava后端技术：便捷工
  • 读书笔记|《穆斯林的葬礼》 飞舞的微辰
    她从来也没有打算对过去的恩怨进行报偿或是惩罚，只是想把该记住的都记住，该忘却的都忘却。事业的追求，并不一定要什么头衔和称号来满足，你爱上了一种东西，愿意用全部心血去研究它，掌握它，从中得到乐趣，并且永远也不舍得丢其它，这是事业心，是比什么都重要的......人生在世，谁也管不了谁；生儿育女，不是为了父母，是为了儿女自己，各人的路，让他们自己去闯吧。七尺之躯，一抔黄土，穆斯林们一个个都离去了，什么都
  • C#学习笔记 2301_79022588 学习笔记
    一、事件派发器在C#中，事件派发器通常是指事件委托和事件处理程序的组合，用于实现一种观察者设计模式。它允许对象在状态发生变化时通知其他对象，从而实现对象之间的解耦。事件派发器的基本组成部分：事件委托（EventDelegate）：事件委托是一种特殊的委托，用于封装可以被调用的方法。它定义了事件的签名，即指定了事件处理程序方法的参数和返回类型。通常，事件委托声明在事件派发器类的外部，并且使用dele
  • 遇见美好｜期待越来越好的自己｜复盘日记Day137 沫ma的1001页
    遇见美好｜期待越来越好的自己｜复盘日记Day1372021年7月21日星期三晴喜马拉雅(沫沫成长记）亲子共读：Day42阅读学习践行Day.17/21晨间日记Day.17/21昨日晚安：23:02今日早安：05:00早起：Day806❥今日运动｜跑步0Km（未完成）❥今日自我成长｜学习新知识1.听书＋书写笔记,小花生阅读打卡2..阅读学习，听音频＋写作业3.时间管理2.0线上践行，听课+写作业4.
  • D43+1组棉布+《一个人的朝圣》读书笔记 棉布家的小橘子
    前几天读了《一个人的朝圣》，感受到信念、目标对一个人是多么重要。哈罗德因为奎妮的一封告别信，步行横跨英格兰去探望她。因为有了目标和信念他才能坚持下去。而奎妮也一直在等他。一路哈罗德回忆儿子戴维，回忆自己小时候的遭遇，回忆与妻子莫琳的种种。想通了许多事情，与其说他要去拯救奎妮不如说在拯救自己。哈罗德与父母哈罗德的童年是不幸的，爸爸妈妈根本没有想当父母却生下了他。妈妈离家出走，爸爸开始找不同的阿姨，在
  • Java学习笔记04：Java_数组 JasonYangQ Javajava
    文章目录1.数组1.1数组介绍1.2数组的定义格式1.2.1第一种格式1.2.2第二种格式1.3数组的动态初始化1.3.1什么是动态初始化1.3.2动态初始化格式1.3.3动态初始化格式详解1.4数组元素访问1.4.1什么是索引1.4.2访问数组元素格式1.4.3示例代码1.5内存分配1.5.1内存概述1.5.2java中的内存分配1.9数组的静态初始化1.9.1什么是静态初始化1.9.2静态初始
  • JavaScript快速入门笔记之二（变量、常量、数据类型） eshineLau 前端开发javascript笔记前端
    JavaScript快速入门笔记之二（变量、常量、数据类型）1、变量何时使用变量：程序中的一切数据都要保存在变量中，反复使用如何使用变量：2种情况：赋值和取值赋值：2步：1.1创建变量：——声明——创建一个新的空变量语法：var变量名;强调：仅声明，未赋值的变量，默认值是undefined命名：1.不能以数字开头2.不能用保留字。3.一般采用驼峰命名1.2赋值：将数据保存到变量中语法：变量名=数据
  • 2018.1.28笔记 - 草稿 宫晓杰
    远离离电子屏幕。正常情况下，褪黑素水平会从晚上七八点开始逐渐升高，并在清晨时分逐渐下降。但休斯顿大学的一项研究显示，在夜里盯着手机屏幕会干扰这一过程，使我们更加清醒，影响体内昼夜节律。在休斯顿大学的这项研究中，在两周的实验期间，受试者按要求在入睡前三小时戴上短波光线屏蔽眼镜，结果夜间的体内褪黑素水平上升了58%。
  • 生信星球学习小组第80期 Day3笔记--ZJUSKY ZJUSKY
    Conda简介Conda是一个开源的软件包管理系统和环境管理系统，用于安装多个版本的软件包及其依赖关系，并在它们之间轻松切换。简单来说Conda就是Linux系统下的应用商店，你可以在通过Conda下载，安装很多软件。这里我们推荐miniconda,它只包含了最基本的内容，python和conda，以及相关的必须依赖项。精简的miniconda足够满足日常生信使用。下载miniconda推荐使用清
  • 第四期【践行总结】第7周—真诚 记录我的生活
    践行时间：20181022——20181028本周践行真诚：不采用任何有害的欺骗行为，想问题和说话都要公平公正。【目标】1.不背后议论人，管好自己的嘴巴。2.对待孩子也要真诚，但可以说善意的谎言。3.长养同理心，真正站在对方角度思考问题。【百日目标践行】1.看书：«让孩子像孩子那样长大»80页«活法»50页2.：点评文2个：得到精品课复盘笔记1个：怎样高效管理你的精力第2节家有俩娃系列2则3.运动
  • 【编译原理】一篇就够了——学习笔记与课程实验超详细整理 一棵___大树 编译原理学习笔记学习算法
    ⭐⭐⭐⭐⭐⭐Github主页https://github.com/A-BigTree更多学习笔记链接https://github.com/A-BigTree/college_assignment编译原理实验https://github.com/A-BigTree/college_assignment/compiler_Experiment如果可以，麻烦各位看官顺手点个star~如果文章对你有所帮助
  • blog-engine-06-pelican 静态网站生成 支持 markdown 和 reST 语法 老马啸西风 java
    拓展阅读blog-engine-01-常见博客引擎jekyll/hugo/Hexo/Pelican/Gatsby/VuePress/Nuxt.js/Middleman对比blog-engine-02-通过博客引擎jekyll构建githubpages博客实战笔记blog-engine-02-博客引擎jekyll-jekyll博客引擎介绍blog-engine-02-博客引擎jekyll-jekyl
  • 读书笔记-《如何抑制女性写作》-20210215 关七666
    性别歧视和对性别的偏见，原来不仅仅是在中国，世界各地都需要改变。女性写作被认为是不正常的，没人看，或者否则其作者身份，认为是她们身边的男性写的，亦或者是它自行完成。为什么作者需要区分性别，是男性写的就是大作，是女性写的就是造作。这本书，揭示的是过去20世纪的女性作家们面对的种种非议。
  • Java学习笔记：atomic的实现原理？ 曲钟人散
    在多线程的场景中，我们需要保证数据安全，就会考虑同步的方案，通常会使用synchronized或者lock来处理，使用了synchronized意味着内核态的一次切换。这是一个很重的操作。有没有一种方式，可以比较便利的实现一些简单的数据同步，比如计数器等等。concurrent包下的atomic提供我们这么一种轻量级的数据同步的选择。classMyThreadimplementsRunnable{
  • 九月目标达成训练营 yuqiong_819a
    1设立九月微目标【9月微目标】写作商业案例笔记45个【微目标分解】公司案例40个/每天2个，上午完成。行业笔记5个。1，9月第一周科技公司主题10个，2,9月第二周消费和服务业主题12个3，9月第三周智能制造4,9月第四周其他行业【目标达成阻碍】过度思考和找资料耽误进度，陪娃容易陷入时间黑洞，【解决方法PlanB】每周工作想清楚重点，细分目标;高质量陪娃也要目标管理～每天一个故事一个游戏【非达成不
  • 网络安全（黑客）—2024自学笔记 羊村最强沸羊羊 web安全笔记安全网络安全网络python开发语言
    前言一、什么是网络安全网络安全可以基于攻击和防御视角来分类，我们经常听到的“红队”、“渗透测试”等就是研究攻击技术，而“蓝队”、“安全运营”、“安全运维”则研究防御技术。无论网络、Web、移动、桌面、云等哪个领域，都有攻与防两面性，例如Web安全技术，既有Web渗透，也有Web防御技术（WAF）。作为一个合格的网络安全工程师，应该做到攻守兼备，毕竟知己知彼，才能百战百胜。二、怎样规划网络安全如果你
  • 算法 单链的创建与删除 换个号韩国红果果 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其他