Bootstrap<基础十四> 按钮下拉菜单

原文: Bootstrap<基础十四> 按钮下拉菜单

使用 Bootstrap class 向按钮添加下拉菜单。如需向按钮添加下拉菜单，只需要简单地在在一个 .btn-group 中放置按钮和下拉菜单即可。也可以使用 <span class="caret"></span> 来指示按钮作为下拉菜单。

下面的实例演示了一个基本的简单的按钮下拉菜单：

<!DOCTYPE html>

<html>

<head>

   <title>Bootstrap 实例 - 基本的按钮下拉菜单</title>

   <link href="/bootstrap/css/bootstrap.min.css" rel="stylesheet">

   <script src="/scripts/jquery.min.js"></script>

   <script src="/bootstrap/js/bootstrap.min.js"></script>

</head>

<body>



<div class="btn-group">

   <button type="button" class="btn btn-default dropdown-toggle" 

      data-toggle="dropdown">

      默认 <span class="caret"></span>

   </button>

   <ul class="dropdown-menu" role="menu">

      <li><a href="#">功能</a></li>

      <li><a href="#">另一个功能</a></li>

      <li><a href="#">其他</a></li>

      <li class="divider"></li>

      <li><a href="#">分离的链接</a></li>

   </ul>

</div>

<div class="btn-group">

   <button type="button" class="btn btn-primary dropdown-toggle" 

      data-toggle="dropdown">

      原始 <span class="caret"></span>

   </button>

   <ul class="dropdown-menu" role="menu">

      <li><a href="#">功能</a></li>

      <li><a href="#">另一个功能</a></li>

      <li><a href="#">其他</a></li>

      <li class="divider"></li>

      <li><a href="#">分离的链接</a></li>

   </ul>

</div>



</body>

</html>

结果如下所示：

基本的按钮下拉菜单

分割的按钮下拉菜单

分割的按钮下拉菜单使用与下拉菜单按钮大致相同的样式，但是对下拉菜单添加了原始的功能。分割按钮的左边是原始的功能，右边是显示下拉菜单的切换。

<!DOCTYPE html>

<html>

<head>

   <title>Bootstrap 实例 - 分割的按钮下拉菜单</title>

   <link href="/bootstrap/css/bootstrap.min.css" rel="stylesheet">

   <script src="/scripts/jquery.min.js"></script>

   <script src="/bootstrap/js/bootstrap.min.js"></script>

</head>

<body>



<div class="btn-group">

   <button type="button" class="btn btn-default">默认</button>

   <button type="button" class="btn btn-default dropdown-toggle" 

      data-toggle="dropdown">

      <span class="caret"></span>

      <span class="sr-only">切换下拉菜单</span>

   </button>

   <ul class="dropdown-menu" role="menu">

      <li><a href="#">功能</a></li>

      <li><a href="#">另一个功能</a></li>

      <li><a href="#">其他</a></li>

      <li class="divider"></li>

      <li><a href="#">分离的链接</a></li>

   </ul>

</div>

<div class="btn-group">

   <button type="button" class="btn btn-primary">原始</button>

   <button type="button" class="btn btn-primary dropdown-toggle" 

      data-toggle="dropdown">

      <span class="caret"></span>

      <span class="sr-only">切换下拉菜单</span>

   </button>

   <ul class="dropdown-menu" role="menu">

      <li><a href="#">功能</a></li>

      <li><a href="#">另一个功能</a></li>

      <li><a href="#">其他</a></li>

      <li class="divider"></li>

      <li><a href="#">分离的链接</a></li>

   </ul>

</div>



</body>

</html>

结果如下所示：

分割的按钮下拉菜单

按钮下拉菜单的大小

您可以使用带有各种大小按钮的下拉菜单：.btn-large、.btn-sm 或 .btn-xs。

<!DOCTYPE html>

<html>

<head>

   <title>Bootstrap 实例 - 按钮下拉菜单的大小</title>

   <link href="/bootstrap/css/bootstrap.min.css" rel="stylesheet">

   <script src="/scripts/jquery.min.js"></script>

   <script src="/bootstrap/js/bootstrap.min.js"></script>

</head>

<body>



<div class="btn-group">

   <button type="button" class="btn btn-default dropdown-toggle btn-lg" 

      data-toggle="dropdown">

      默认 <span class="caret"></span>

   </button>

   <ul class="dropdown-menu" role="menu">

      <li><a href="#">功能</a></li>

      <li><a href="#">另一个功能</a></li>

      <li><a href="#">其他</a></li>

      <li class="divider"></li>

      <li><a href="#">分离的链接</a></li>

   </ul>

</div>

<div class="btn-group">

   <button type="button" class="btn btn-primary dropdown-toggle btn-sm" 

      data-toggle="dropdown">

      原始 <span class="caret"></span>

   </button>

   <ul class="dropdown-menu" role="menu">

      <li><a href="#">功能</a></li>

      <li><a href="#">另一个功能</a></li>

      <li><a href="#">其他</a></li>

      <li class="divider"></li>

      <li><a href="#">分离的链接</a></li>

   </ul>

</div>

<div class="btn-group">

   <button type="button" class="btn btn-success dropdown-toggle btn-xs" 

      data-toggle="dropdown">

      成功 <span class="caret"></span>

   </button>

   <ul class="dropdown-menu" role="menu">

      <li><a href="#">功能</a></li>

      <li><a href="#">另一个功能</a></li>

      <li><a href="#">其他</a></li>

      <li class="divider"></li>

      <li><a href="#">分离的链接</a></li>

   </ul>

</div>



</body>

</html>

结果如下所示：

按钮下拉菜单的大小

按钮上拉菜单

菜单也可以往上拉伸的，只需要简单地向父 .btn-group 容器添加 .dropup 即可。

<!DOCTYPE html>

<html>

<head>

   <title>Bootstrap 实例 - 按钮上拉菜单</title>

   <link href="/bootstrap/css/bootstrap.min.css" rel="stylesheet">

   <script src="/scripts/jquery.min.js"></script>

   <script src="/bootstrap/js/bootstrap.min.js"></script>

</head>

<body>



<div class="row" style="margin-left:50px; margin-top:200px">

   <div class="btn-group dropup">

      <button type="button" class="btn btn-default dropdown-toggle" 

         data-toggle="dropdown">

         默认 <span class="caret"></span>

      </button>

      <ul class="dropdown-menu" role="menu">

         <li><a href="#">功能</a></li>

         <li><a href="#">另一个功能</a></li>

         <li><a href="#">其他</a></li>

         <li class="divider"></li>

         <li><a href="#">分离的链接</a></li>

      </ul>

   </div>

   <div class="btn-group dropup">

      <button type="button" class="btn btn-primary dropdown-toggle" 

         data-toggle="dropdown">

         原始 <span class="caret"></span>

      </button>

      <ul class="dropdown-menu" role="menu">

         <li><a href="#">功能</a></li>

         <li><a href="#">另一个功能</a></li>

         <li><a href="#">其他</a></li>

         <li class="divider"></li>

         <li><a href="#">分离的链接</a></li>

      </ul>

   </div>

</div>



</body>

</html>

结果如下所示：

按钮上拉菜单

你可能感兴趣的:(bootstrap)

  • 集成学习基础：Bagging 原理与应用 大千AI助手 人工智能Python#OTHER集成学习机器学习人工智能算法决策树Bagging
    本文由「大千AI助手」原创发布，专注用真话讲AI，回归技术本质。拒绝神话或妖魔化。搜索「大千AI助手」关注我，一起撕掉过度包装，学习真实的AI技术！Bagging介绍1.定义与全称：Bagging是BootstrapAggregating的缩写，中文常译为装袋法。它是一种并行式的集成学习方法。核心目标是通过构建多个基学习器的预测结果进行组合（通常是投票或平均），来获得比单一基学习器更稳定、更准确、
  • Bootstrap 5学习教程，从入门到精通，Bootstrap 5 侧边栏导航(Offcanvas) 语法知识点及案例（26） 知识分享小能手 Bootstrap5前端开发网页开发bootstrap学习前端typescriptjavascripthtmlcss
    Bootstrap5侧边栏导航(Offcanvas)语法知识点及案例一、Offcanvas语法知识点1.基本结构Offcanvas由以下几个主要部分组成：触发按钮（通常带有data-bs-toggle="offcanvas"属性）Offcanvas容器（带有.offcanvas类）关闭按钮（通常放在offcanvas内部）2.核心类.offcanvas:主容器.offcanvas-start/.o
  • Bootstrap 5学习教程，从入门到精通，Bootstrap 5 表单语法知识点及案例（28） 知识分享小能手 前端开发Bootstrap5网页开发bootstrap学习前端typescripthtmlcssjavascript
    Bootstrap5表单语法知识点及案例Bootstrap5提供了强大而灵活的表单控件和布局选项。一、基础表单结构Bootstrap5表单需要以下基本结构：基础表单示例Bootstrap5基础表单邮箱地址我们不会将您的邮箱分享给其他人。密码记住我提交二、表单控件1.输入框(Input)Bootstrap5提供了多种输入框样式：文本输入邮箱输入密码输入数字输入日期输入2.文本域(Textarea)文
  • Bootstrap 5学习教程，从入门到精通，Bootstrap 5 滚动监听（Scrollspy）语法知识点及案例代码（25） 知识分享小能手 网页开发Bootstrap5前端开发bootstrap学习前端javascripttypescripthtmlcss
    Bootstrap5滚动监听（Scrollspy）语法知识点及案例代码Bootstrap5的Scrollspy组件允许根据用户的滚动位置自动更新导航链接的激活状态。这对于创建具有固定导航栏的单页网站特别有用，能够提升用户体验和导航的便捷性。一、Scrollspy语法知识点1.基本结构要使用Scrollspy，需要以下几个关键部分：导航栏（Navbar）：包含指向页面不同部分的链接。目标容器（Tar
  • Bootstrap 5学习教程，从入门到精通，Bootstrap 5 Flex 布局语法知识点及案例（27） 知识分享小能手 网页开发Bootstrap5前端开发bootstrap学习前端javascriptecmascripthtmlcss
    Bootstrap5Flex布局语法知识点及案例Bootstrap5提供了强大的Flexbox工具集，让布局变得更加简单灵活。以下是Bootstrap5Flex布局的完整知识点和详细案例代码。一、Flex布局基础语法1.启用Flex布局我是一个flex容器我是一个行内flex容器2.方向控制(flex-direction)水平排列（默认）水平反向排列垂直排列垂直反向排列3.主轴对齐(justify
  • 同态加密库（HElib） deepdata_cn 同态加密同态加密
    HElib是一个开源的同态加密软件库，由耶鲁大学专家开发，最初由ShaiHalevi和VictorShoup开发，CraigGentry在IBM任职期间也参与相关研究，于2013年5月5日首次发布。主要支持带自举（Bootstrapping）的Brakerski-Gentry-Vaikuntanathan（BGV）方案和近似数Cheon-Kim-Kim-Song（CKKS）方案。一、项目概述开发背
  • Netty入门案例：简单Echo服务器（同步） 熙客 12_计算机网络服务器java
    目录1、添加Netty依赖2、服务器端3、客户端4、运行步骤1、添加Netty依赖io.nettynetty-all4.1.68.Final2、服务器端importio.netty.bootstrap.ServerBootstrap;importio.netty.channel.*;importio.netty.channel.nio.NioEventLoopGroup;importio.nett
  • SpringCloud-config配置中心 Enter_灵猴 每日一记
    config服务端启动类要加@EnableConfigServerbootstrap.propertiesspring.application.name=config-serverserver.port=f服务端启动端口号spring.cloud.config.server.git.uri=https://github.com/登陆账号/仓库名spring.cloud.config.server.
  • Netty核心组件树形关系解析 jarenyVO Nettyspringjava后端
    Netty核心组件树形关系解析以树形结构为您展示Netty核心组件的层级关系，帮助您从底层理解组件间的组织架构。一、Netty核心组件树形图NettyFramework├──启动引导层│├──Bootstrap(客户端)│└──ServerBootstrap(服务端)│├──线程模型层│├──EventLoopGroup││├──NioEventLoopGroup(默认实现)││├──EpollE
  • Bootstrap 折叠 froginwe11 开发语言
    Bootstrap折叠引言Bootstrap是一个广受欢迎的前端框架，它提供了丰富的组件和插件，使得网页设计和开发变得更加快速和简单。其中，折叠（Collapse）是Bootstrap中一个非常有用的组件，它允许开发者创建可折叠的内容区域，这些内容区域可以在用户与之交互时展开或收起。在本文中，我们将深入探讨Bootstrap折叠组件的工作原理、使用方法以及一些实用的应用场景。折叠组件的工作原理Bo
  • 令人头疼的java Tree整合bootstrap ace tree FmZero javabootstrap源代码
    Java递归菜单Tree并整合bootstrapacetree1bootstrapacetreeDemo的json格式为vartree_data={'for-sale':{name:'ForSale',type:'folder'},'vehicles':{name:'Vehicles',type:'folder'},'rentals':{name:'Rentals',type:'folder'},
  • 基于springboot使用nacos配置中心 笔墨登场说说 javaspringboot
    项目中使用方式第一步增加依赖   com.alibaba.boot   nacos-config-spring-boot-starter   0.2.8第二步增加配置在application.yaml中增加配置测试环境nacos:config:#这里的优先级高于扩展配置ext-config:bootstrap:enable:true#开启配置预加载功能log-enable:falseserver-
  • bootstrap-table：列的显示与隐藏以及动态加载列(自定义加载表头) 追风筝的少女 bootstrapajaxjavascript
    varhead_data=[]//初始化表格getColumns()functiongetColumns(){//加载动态表格$.ajax({url:"json/head.json",type:'get',dataType:"json",async:false,success:function(data){head_data=datavaroptions={//默认表头columns:[{fiel
  • Joomla T3扩展实战指南：构建高效网站框架 基鑫阁
    本文还有配套的精品资源，点击获取简介：JoomlaT3扩展是一个为JoomlaCMS打造的流行框架，提供模块化设计、响应式布局和跨设备兼容性。它集成了Bootstrap前端框架，拥有强大的主题定制、SEO优化、性能提升和插件支持功能。T3框架特别注重用户体验和SEO表现，提供了丰富的CSS和JavaScript定制选项以及多语言功能。它还拥有一支活跃的开发团队和社区支持，定期发布更新来增强框架功能
  • QT集成Boost库 zhexiao27 QTqt开发语言
    在Windows平台上，使用Qt集成Boost库，并基于MSVC编译器在CMake文件中加载，可以按照以下步骤进行配置。Boost库的编译如果Boost库未预编译，需要手动编译，解压zip到D:\Library\boost_1_87_0，打开cmd命令行执行以下命令：>bootstrap.bat>b2toolset=msvcaddress-model=64--build-type=complete
  • Bootstrap 5学习教程，从入门到精通， Bootstrap 5 分页（Pagination）知识点及案例代码（13） 知识分享小能手 Bootstrap5网页开发前端开发bootstrap学习javascript前端typescriptjqueryecmascript
    Bootstrap5分页（Pagination）知识点及案例代码Bootstrap5提供了强大的分页组件，帮助开发者轻松实现分页功能。以下是关于Bootstrap5分页的详细语法知识点以及一个完整的案例代码，包含详细注释，帮助初学者快速上手。一、分页组件概述分页组件用于在内容较多时进行分页显示，提升用户体验。Bootstrap5的分页组件包含多种样式和功能，如普通分页、带有图标的分页、禁用和激活状
  • Bootstrap 5学习教程，从入门到精通， Bootstrap 5 进度条语法知识点及案例代码（12） 知识分享小能手 Bootstrap5前端开发网页开发bootstrap学习前端typescripthtmlcssweb3
    Bootstrap5进度条语法知识点及案例代码Bootstrap5提供了强大的进度条组件，用于显示任务的完成进度。一、Bootstrap5进度条语法知识点1.基本结构进度条的基本结构由一个父容器（通常使用元素）和一个子元素（表示进度）组成。父容器使用class="progress"，子元素使用class="progress-bar"。2.设置进度通过设置子元素（progress-bar）的widt
  • Bootstrap 5学习教程，从入门到精通， Bootstrap 5 列表组(List Group)语法知识点及案例（14） 知识分享小能手 前端开发Bootstrap5网页开发bootstrap学习前端javascripttypescripthtmlcss
    Bootstrap5列表组(ListGroup)语法知识点及案例一、列表组基础语法列表组是Bootstrap中用于显示一系列内容的灵活组件，常用于显示菜单、导航或任何项目列表。基本列表组结构第一项第二项第三项二、列表组样式选项1.激活和禁用状态激活项禁用项普通项2.颜色变体Bootstrap5提供了多种上下文颜色：主要项次要项成功项危险项警告项信息项浅色项深色项3.无边框列表组无边框项1无边框项2
  • 学习笔记03——《深入理解Java虚拟机（第三版）》类加载机制知识总结与面试核心要点 码代码的小仙女 高级开发必备技能java知识学习笔记java
    《深入理解Java虚拟机（第三版）》类加载机制知识总结与面试核心要点一、章节核心脉络核心命题：JVM如何将.class文件加载到内存并转换为运行时数据结构？核心流程：加载→验证→准备→解析→初始化→使用→卸载三大核心机制：类加载过程（双亲委派模型）类初始化触发条件（主动引用vs被动引用）类加载器体系（Bootstrap、Extension、Application、自定义加载器）二、类加载机制深度解
  • CSS3雷达扫描效果
    CSS3雷达扫描效果https://www.bootstrapmb.com/item/14840要创建一个CSS3的雷达扫描效果，我们可以使用CSS的动画（@keyframes）和transform属性。以下是一个简单的示例，展示了如何创建一个类似雷达扫描的动画效果：HTML:html雷达扫描效果CSS(styles.css):cssbody{display:flex;justify-conten
  • Bootstrap5 文字排版 智慧浩海 Bootstrapjavascript前端html
    Bootstrap5默认设置Bootstrap5默认的font-size为16px,line-height为1.5。默认的font-family为"HelveticaNeue",Helvetica,Arial,sans-serif。此外，所有的元素margin-top:0、margin-bottom:1rem(16px)。-Bootstrap中定义了所有的HTML标题（h1到h6）的样式。请看下面
  • Bootstrap 颜色系统详解：打造和谐的前端配色 前端视界 前端bootstraphtmlai
    Bootstrap颜色系统详解：打造和谐的前端配色关键词：Bootstrap、颜色系统、前端配色、和谐配色、CSS摘要：本文深入探讨了Bootstrap的颜色系统，详细讲解了其核心概念、原理以及如何运用该系统打造和谐的前端配色。通过实际案例和代码示例，帮助读者理解和掌握Bootstrap颜色系统在前端开发中的应用，让网页的色彩搭配更加美观、专业。背景介绍目的和范围在前端开发中，颜色的选择和搭配至关
  • Nacos配置gateway动态路由 尹潦 gatewayspringspringcloudjava
    网关的路由配置在项目启动时加载，并存到内存中的路由表内（一个Map），不会改变。也不会监听路由变更，因此，需要监听Nacos的配置变更，手动更新路由表。1.引入依赖com.alibaba.cloudspring-cloud-starter-alibaba-nacos-configorg.springframework.cloudspring-cloud-starter-bootstrap2.编写配
  • Python实战：随机森林 python游乐园 python随机森林机器学习
    随机森林（RandomForest）是一种集成学习方法，由多个决策树组成，可用于分类和回归任务。基本原理随机森林的核心思想是构建多个决策树，并将这些决策树的结果进行综合。在构建每棵决策树时，采用了两种随机化策略：数据采样随机：使用自助采样法（BootstrapSampling）从原始训练数据集中有放回地抽取一定数量的样本，形成一个新的训练子集，用于训练每一棵决策树。这意味着每棵树的训练数据可能会有
  • 深度解析：Spring Boot 配置加载顺序、优先级与 bootstrap 上下文 java干货 bootstrapspringboot前端
    在SpringBoot应用中，配置管理是核心功能之一。application.properties、application.yml和bootstrap.yml是三个最关键的配置文件，它们在语法、加载时机和用途上存在显著差异。理解这些差异对于构建健壮、可配置的应用程序至关G重要。application.propertiesvs.application.yml这两个文件是SpringBoot最主要的本
  • 如何选择适合自己的前端框架？ 破碎的天堂鸟 学习教程前端框架
    如何选择适合自己的前端框架？选择合适的前端框架需要综合考虑多个维度，包括项目需求、技术特性、团队能力及长期维护等因素。以下从核心要点出发，结合不同框架的特点，提供系统化的选择指南：一、明确项目需求应用类型与规模小型网站/快速原型：推荐使用Bootstrap或jQueryUI。Bootstrap提供预设的响应式组件，适合快速搭建适配多设备的页面。jQueryUI简化了DOM操作和事件处理，适合需要动
  • springcloud alibaba nacos config无法加载配置文件 huan208051 疑难问题springcloudspringbootjava
    直接说结论：从springboot2.4以后，就默认不加载bootstrap配置文件了直接就导致，无论你怎么按网上的教程去在bootstrap.properties或bootstrap.yml里面配置springcloudnacos的信息，就是无法获取配置文件springcloudcloudalibaba使用的版本：2021.0.1.0springboot版本：2.6.3解决方案：方案一：直接在启
  • 在线API文档knife4j的使用方法 本就一无所有 何惧重新开始 spring
    1、简介knife4j是国人开发的一个为JavaMVC框架生成Api文档的解决方案,前身是swagger-bootstrap-ui,取名knif4j是希望它能像一把匕首一样小巧,轻量,并且功能强悍!2、准备工作2.1在pom文件中添加依赖com.github.xiaoyminknife4j-openapi2-spring-boot-starter4.3.02.2在application.prope
  • 层次聚类python实现_层次聚类和随机森林（python实现） weixin_39813009 层次聚类python实现
    层次聚类步骤：假设有N个待聚类的样本，对于层次聚类来说，基本步骤就是：1、(初始化)把每个样本归为一类，计算每两个类之间的距离，也就是样本与样本之间的相似度；2、按一定规则选取符合距离要求的类别，完成类间合并；3、重新计算新生成的这个类与各个旧类之间的相似度；4、重复2和3直到所有样本点都归为一类，结束。随机森林步骤：从原始训练集中使用Bootstraping方法随机有放回采样选出m个样本，共进行
  • Bootstrap 5 文件结构与 API 使用指南 前端页面仔 bootstrap前端htmlvscodecssjavascript
    一、文件结构Bootstrap5的文件结构与Bootstrap4相比有一些重要变化，主要区别在于不再依赖jQuery，并改进了JavaScript插件架构：bootstrap/├──dist/│├──css/││├──bootstrap.css││├──bootstrap.min.css││├──bootstrap-grid.css││├──bootstrap-grid.min.css││├──b
  • jQuery 键盘事件keydown ,keypress ,keyup介绍 107x jsjquerykeydownkeypresskeyup
    本文章总结了下些关于jQuery 键盘事件keydown ,keypress ,keyup介绍，有需要了解的朋友可参考。 一、首先需要知道的是： 1、keydown() keydown事件会在键盘按下时触发. 2、keyup()  代码如下 复制代码 $('input').keyup(funciton(){      
  • AngularJS中的Promise bijian1013 JavaScriptAngularJSPromise
    一.Promise         Promise是一个接口，它用来处理的对象具有这样的特点：在未来某一时刻（主要是异步调用）会从服务端返回或者被填充属性。其核心是，promise是一个带有then()函数的对象。         为了展示它的优点，下面来看一个例子，其中需要获取用户当前的配置文件： var cu
  • c++ 用数组实现栈类 CrazyMizzz 数据结构C++
    #include<iostream> #include<cassert> using namespace std; template<class T, int SIZE = 50> class Stack{ private: T list[SIZE];//数组存放栈的元素 int top;//栈顶位置 public: Stack(
  • java和c语言的雷同 麦田的设计者 java递归scaner
    软件启动时的初始化代码，加载用户信息2015年5月27号 从头学java二 1、语言的三种基本结构：顺序、选择、循环。废话不多说，需要指出一下几点：      a、return语句的功能除了作为函数返回值以外，还起到结束本函数的功能，return后的语句 不会再继续执行。      b、for循环相比于whi
  • LINUX环境并发服务器的三种实现模型 被触发 linux
    服务器设计技术有很多，按使用的协议来分有TCP服务器和UDP服务器。按处理方式来分有循环服务器和并发服务器。 1  循环服务器与并发服务器模型 在网络程序里面，一般来说都是许多客户对应一个服务器，为了处理客户的请求，对服务端的程序就提出了特殊的要求。 目前最常用的服务器模型有： ·循环服务器：服务器在同一时刻只能响应一个客户端的请求 ·并发服务器：服
  • Oracle数据库查询指令 肆无忌惮_ oracle数据库
    20140920   单表查询 -- 查询************************************************************************************************************ -- 使用scott用户登录   -- 查看emp表   desc emp  
  • ext右下角浮动窗口 知了ing JavaScriptext
    第一种 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/
  • 浅谈REDIS数据库的键值设计 矮蛋蛋 redis
    http://www.cnblogs.com/aidandan/ 原文地址：http://www.hoterran.info/redis_kv_design 丰富的数据结构使得redis的设计非常的有趣。不像关系型数据库那样，DEV和DBA需要深度沟通，review每行sql语句，也不像memcached那样，不需要DBA的参与。redis的DBA需要熟悉数据结构，并能了解使用场景。
  • maven编译可执行jar包 alleni123 maven
    http://stackoverflow.com/questions/574594/how-can-i-create-an-executable-jar-with-dependencies-using-maven <build> <plugins> <plugin> <artifactId>maven-asse
  • 人力资源在现代企业中的作用 百合不是茶 HR 企业管理
    //人力资源在在企业中的作用人力资源为什么会存在，人力资源究竟是干什么的 人力资源管理是对管理模式一次大的创新，人力资源兴起的原因有以下点： 工业时代的国际化竞争，现代市场的风险管控等等。所以人力资源 在现代经济竞争中的优势明显的存在，人力资源在集团类公司中存在着 明显的优势(鸿海集团)，有一次笔者亲自去体验过红海集团的招聘，只 知道人力资源是管理企业招聘的 当时我被招聘上了，当时给我们培训 的人
  • Linux自启动设置详解 bijian1013 linux
    linux有自己一套完整的启动体系，抓住了linux启动的脉络，linux的启动过程将不再神秘。 阅读之前建议先看一下附图。 本文中假设inittab中设置的init tree为： /etc/rc.d/rc0.d /etc/rc.d/rc1.d /etc/rc.d/rc2.d /etc/rc.d/rc3.d /etc/rc.d/rc4.d /etc/rc.d/rc5.d /etc
  • Spring Aop Schema实现 bijian1013 javaspringAOP
    本例使用的是Spring2.5 1.Aop配置文件spring-aop.xml <?xml version="1.0" encoding="UTF-8"?> <beans xmlns="http://www.springframework.org/schema/beans" xmln
  • 【Gson七】Gson预定义类型适配器 bit1129 gson
    Gson提供了丰富的预定义类型适配器，在对象和JSON串之间进行序列化和反序列化时，指定对象和字符串之间的转换方式，   DateTypeAdapter   public final class DateTypeAdapter extends TypeAdapter<Date> { public static final TypeAdapterFacto
  • 【Spark八十八】Spark Streaming累加器操作（updateStateByKey) bit1129 update
    在实时计算的实际应用中，有时除了需要关心一个时间间隔内的数据，有时还可能会对整个实时计算的所有时间间隔内产生的相关数据进行统计。 比如： 对Nginx的access.log实时监控请求404时，有时除了需要统计某个时间间隔内出现的次数，有时还需要统计一整天出现了多少次404，也就是说404监控横跨多个时间间隔。   Spark Streaming的解决方案是累加器，工作原理是，定义
  • linux系统下通过shell脚本快速找到哪个进程在写文件 ronin47
    一个文件正在被进程写 我想查看这个进程 文件一直在增大 找不到谁在写 使用lsof也没找到 这个问题挺有普遍性的，解决方法应该很多，这里我给大家提个比较直观的方法。 linux下每个文件都会在某个块设备上存放，当然也都有相应的inode, 那么透过vfs.write我们就可以知道谁在不停的写入特定的设备上的inode。 幸运的是systemtap的安装包里带了inodewatch.stp，位
  • java-两种方法求第一个最长的可重复子串 bylijinnan java算法
    import java.util.Arrays; import java.util.Collections; import java.util.List; public class MaxPrefix { public static void main(String[] args) { String str="abbdabcdabcx";
  • Netty源码学习-ServerBootstrap启动及事件处理过程 bylijinnan javanetty
    Netty是采用了Reactor模式的多线程版本，建议先看下面这篇文章了解一下Reactor模式： http://bylijinnan.iteye.com/blog/1992325 Netty的启动及事件处理的流程，基本上是按照上面这篇文章来走的 文章里面提到的操作，每一步都能在Netty里面找到对应的代码 其中Reactor里面的Acceptor就对应Netty的ServerBo
  • servelt filter listener 的生命周期 cngolon filterlistenerservelt生命周期
    1. servlet    当第一次请求一个servlet资源时，servlet容器创建这个servlet实例，并调用他的 init(ServletConfig config)做一些初始化的工作，然后调用它的service方法处理请求。当第二次请求这个servlet资源时，servlet容器就不在创建实例，而是直接调用它的service方法处理请求，也就是说
  • jmpopups获取input元素值 ctrain JavaScript
    jmpopups 获取弹出层form表单 首先，我有一个div，里面包含了一个表单，默认是隐藏的，使用jmpopups时，会弹出这个隐藏的div，其实jmpopups是将我们的代码生成一份拷贝。 当我直接获取这个form表单中的文本框时，使用方法：$('#form input[name=test1]').val()；这样是获取不到的。 我们必须到jmpopups生成的代码中去查找这个值，$(
  • vi查找替换命令详解 daizj linux正则表达式替换查找vim
    一、查找 查找命令 /pattern<Enter> ：向下查找pattern匹配字符串 ?pattern<Enter>：向上查找pattern匹配字符串 使用了查找命令之后，使用如下两个键快速查找： n：按照同一方向继续查找 N：按照反方向查找 字符串匹配 pattern是需要匹配的字符串，例如： 1:  /abc<En
  • 对网站中的js,css文件进行打包 dcj3sjt126com PHP打包
    一，为什么要用smarty进行打包 apache中也有给js,css这样的静态文件进行打包压缩的模块，但是本文所说的不是以这种方式进行的打包，而是和smarty结合的方式来把网站中的js,css文件进行打包。 为什么要进行打包呢，主要目的是为了合理的管理自己的代码 。现在有好多网站，你查看一下网站的源码的话，你会发现网站的头部有大量的JS文件和CSS文件，网站的尾部也有可能有大量的J
  • php Yii: 出现undefined offset 或者 undefined index解决方案 dcj3sjt126com undefined
    在开发Yii 时，在程序中定义了如下方式：        if($this->menuoption[2] === 'test')，那么在运行程序时会报：undefined offset:2，这样的错误主要是由于php.ini 里的错误等级太高了，在windows下错误等级
  • linux 文件格式（1） sed工具 eksliang linuxlinux sed工具sed工具linux sed详解
    转载请出自出处： http://eksliang.iteye.com/blog/2106082 简介       sed 是一种在线编辑器，它一次处理一行内容。处理时，把当前处理的行存储在临时缓冲区中，称为“模式空间”（pattern space），接着用sed命令处理缓冲区中的内容，处理完成后，把缓冲区的内容送往屏幕。接着处理下一行，这样不断重复，直到文件末尾
  • Android应用程序获取系统权限 gqdy365 android
    引用 如何使Android应用程序获取系统权限         第一个方法简单点，不过需要在Android系统源码的环境下用make来编译：         1. 在应用程序的AndroidManifest.xml中的manifest节点
  • HoverTree开发日志之验证码 hvt .netC#asp.nethovertreewebform
    HoverTree是一个ASP.NET的开源CMS，目前包含文章系统，图库和留言板功能。代码完全开放，文章内容页生成了静态的HTM页面，留言板提供留言审核功能，文章可以发布HTML源代码，图片上传同时生成高品质缩略图。推出之后得到许多网友的支持，再此表示感谢！留言板不断收到许多有益留言，但同时也有不少广告，因此决定在提交留言页面增加验证码功能。ASP.NET验证码在网上找，如果不是很多，就是特别多
  • JSON API：用 JSON 构建 API 的标准指南中文版 justjavac json
    译文地址：https://github.com/justjavac/json-api-zh_CN 如果你和你的团队曾经争论过使用什么方式构建合理 JSON 响应格式， 那么 JSON API 就是你的 anti-bikeshedding 武器。 通过遵循共同的约定，可以提高开发效率，利用更普遍的工具，可以是你更加专注于开发重点：你的程序。 基于 JSON API 的客户端还能够充分利用缓存，
  • 数据结构随记_2 lx.asymmetric 数据结构笔记
    第三章 栈与队列 一．简答题 1. 在一个循环队列中，队首指针指向队首元素的  前一个    位置。  2.在具有n个单元的循环队列中，队满时共有  n-1  个元素。  3. 向栈中压入元素的操作是先  移动栈顶指针&n
  • Linux下的监控工具dstat 网络接口 linux
    1) 工具说明dstat是一个用来替换 vmstat,iostat netstat,nfsstat和ifstat这些命令的工具, 是一个全能系统信息统计工具. 与sysstat相比, dstat拥有一个彩色的界面, 在手动观察性能状况时, 数据比较显眼容易观察; 而且dstat支持即时刷新, 譬如输入dstat 3, 即每三秒收集一次, 但最新的数据都会每秒刷新显示. 和sysstat相同的是,
  • C 语言初级入门--二维数组和指针 1140566087 二维数组c/c++指针
    /* 二维数组的定义和二维数组元素的引用 二维数组的定义： 当数组中的每个元素带有两个下标时，称这样的数组为二维数组； (逻辑上把数组看成一个具有行和列的表格或一个矩阵); 语法： 类型名 数组名[常量表达式1][常量表达式2] 二维数组的引用： 引用二维数组元素时必须带有两个下标，引用形式如下： 例如： int a[3][4];  引用：
  • 10点睛Spring4.1-Application Event wiselyman application
    10.1 Application Event Spring使用Application Event给bean之间的消息通讯提供了手段 应按照如下部分实现bean之间的消息通讯 继承ApplicationEvent类实现自己的事件 实现继承ApplicationListener接口实现监听事件 使用ApplicationContext发布消息
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他