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
  • 集合框架 天子之骄 java数据结构集合框架
       集合框架 集合框架可以理解为一个容器，该容器主要指映射(map)、集合(set)、数组(array)和列表(list)等抽象数据结构。 从本质上来说，Java集合框架的主要组成是用来操作对象的接口。不同接口描述不同的数据类型。   简单介绍：   Collection接口是最基本的接口，它定义了List和Set，List又定义了LinkLi
  • Table Driven（表驱动）方法实例 bijian1013 javaenumTable Driven表驱动
    实例一： /** * 驾驶人年龄段 * 保险行业，会对驾驶人的年龄做年龄段的区分判断 * 驾驶人年龄段：01-[18,25);02-[25,30);03-[30-35);04-[35,40);05-[40,45);06-[45,50);07-[50-55);08-[55,+∞) */ public class AgePeriodTest { //if...el
  • Jquery 总结 cuishikuan javajqueryAjaxWebjquery方法
    1.$.trim方法用于移除字符串头部和尾部多余的空格。如：$.trim('   Hello   ') // Hello2.$.contains方法返回一个布尔值，表示某个DOM元素（第二个参数）是否为另一个DOM元素（第一个参数）的下级元素。如：$.contains(document.documentElement, document.body); 3.$
  • 面向对象概念的提出 麦田的设计者 java面向对象面向过程
            面向对象中，一切都是由对象展开的，组织代码，封装数据。   在台湾面向对象被翻译为了面向物件编程，这充分说明了，这种编程强调实体。       下面就结合编程语言的发展史，聊一聊面向过程和面向对象。      c语言由贝尔实
  • linux网口绑定 被触发 linux
    刚在一台IBM Xserver服务器上装了RedHat Linux Enterprise AS 4，为了提高网络的可靠性配置双网卡绑定。 一、环境描述 我的RedHat Linux Enterprise AS 4安装双口的Intel千兆网卡，通过ifconfig -a命令看到eth0和eth1两张网卡。 二、双网卡绑定步骤： 2.1 修改/etc/sysconfig/network
  • XML基础语法 肆无忌惮_ xml
    一、什么是XML？ XML全称是Extensible Markup Language，可扩展标记语言。很类似HTML。XML的目的是传输数据而非显示数据。XML的标签没有被预定义，你需要自行定义标签。XML被设计为具有自我描述性。是W3C的推荐标准。   二、为什么学习XML？ 用来解决程序间数据传输的格式问题 做配置文件 充当小型数据库   三、XML与HTM
  • 为网页添加自己喜欢的字体 知了ing 字体 秒表 css
    @font-face { font-family: miaobiao;//定义字体名字 font-style: normal; font-weight: 400; src: url('font/DS-DIGI-e.eot');//字体文件 } 使用： <label style="font-size:18px;font-famil
  • redis范围查询应用-查找IP所在城市 矮蛋蛋 redis
    原文地址： http://www.tuicool.com/articles/BrURbqV 需求 根据IP找到对应的城市 原来的解决方案 oracle表（ip_country）： 查询IP对应的城市： 1.把a.b.c.d这样格式的IP转为一个数字，例如为把210.21.224.34转为3524648994 2. select city from ip_
  • 输入两个整数， 计算百分比 alleni123 java
    public static String getPercent(int x, int total){ double result=(x*1.0)/(total*1.0); System.out.println(result); DecimalFormat df1=new DecimalFormat("0.0000%");
  • 百合——————>怎么学习计算机语言 百合不是茶 java 移动开发
        对于一个从没有接触过计算机语言的人来说，一上来就学面向对象，就算是心里上面接受的了，灵魂我觉得也应该是跟不上的，学不好是很正常的现象，计算机语言老师讲的再多，你在课堂上面跟着老师听的再多，我觉得你应该还是学不会的，最主要的原因是你根本没有想过该怎么来学习计算机编程语言，记得大一的时候金山网络公司在湖大招聘我们学校一个才来大学几天的被金山网络录取，一个刚到大学的就能够去和
  • linux下tomcat开机自启动 bijian1013 tomcat
    方法一： 修改Tomcat/bin/startup.sh 为: export JAVA_HOME=/home/java1.6.0_27 export CLASSPATH=$CLASSPATH:$JAVA_HOME/lib/tools.jar:$JAVA_HOME/lib/dt.jar:. export PATH=$JAVA_HOME/bin:$PATH export CATALINA_H
  • spring aop实例 bijian1013 javaspringAOP
    1.AdviceMethods.java package com.bijian.study.spring.aop.schema; public class AdviceMethods { public void preGreeting() { System.out.println("--how are you!--"); } } 2.beans.x
  • [Gson八]GsonBuilder序列化和反序列化选项enableComplexMapKeySerialization bit1129 serialization
    enableComplexMapKeySerialization配置项的含义  Gson在序列化Map时，默认情况下，是调用Key的toString方法得到它的JSON字符串的Key，对于简单类型和字符串类型，这没有问题，但是对于复杂数据对象，如果对象没有覆写toString方法，那么默认的toString方法将得到这个对象的Hash地址。   GsonBuilder用于
  • 【Spark九十一】Spark Streaming整合Kafka一些值得关注的问题 bit1129 Stream
    包括Spark Streaming在内的实时计算数据可靠性指的是三种级别： 1. At most once，数据最多只能接受一次，有可能接收不到 2. At least once, 数据至少接受一次，有可能重复接收 3. Exactly once  数据保证被处理并且只被处理一次，   具体的多读几遍http://spark.apache.org/docs/lates
  • shell脚本批量检测端口是否被占用脚本 ronin47
    #!/bin/bash cat ports |while read line do#nc -z -w 10 $line nc -z -w 2 $line 58422>/dev/null2>&1if[ $?-eq 0]then echo $line:ok else echo $line:fail fi done 这里的ports 既可以是文件
  • java-2.设计包含min函数的栈 bylijinnan java
    具体思路参见：http://zhedahht.blog.163.com/blog/static/25411174200712895228171/ import java.util.ArrayList; import java.util.List; public class MinStack { //maybe we can use origin array rathe
  • Netty源码学习-ChannelHandler bylijinnan javanetty
    一般来说，“有状态”的ChannelHandler不应该是“共享”的，“无状态”的ChannelHandler则可“共享” 例如ObjectEncoder是“共享”的, 但 ObjectDecoder 不是 因为每一次调用decode方法时，可能数据未接收完全（incomplete）， 它与上一次decode时接收到的数据“累计”起来才有可能是完整的数据，是“有状态”的 p
  • java生成随机数 cngolon java
    方法一： /** * 生成随机数 * @author [email protected] * @return */ public synchronized static String getChargeSequenceNum(String pre){ StringBuffer sequenceNum = new StringBuffer(); Date dateTime = new D
  • POI读写海量数据 ctrain 海量数据
    import java.io.FileOutputStream; import java.io.OutputStream; import org.apache.poi.xssf.streaming.SXSSFRow; import org.apache.poi.xssf.streaming.SXSSFSheet; import org.apache.poi.xssf.streaming
  • mysql 日期格式化date_format详细使用 daizj mysqldate_format日期格式转换日期格式化
    日期转换函数的详细使用说明  DATE_FORMAT(date,format) Formats the date value according to the format string. The following specifiers may be used in the format string. The&n
  • 一个程序员分享8年的开发经验 dcj3sjt126com 程序员
      在中国有很多人都认为IT行为是吃青春饭的，如果过了30岁就很难有机会再发展下去!其实现实并不是这样子的，在下从事.NET及JAVA方面的开发的也有8年的时间了，在这里在下想凭借自己的亲身经历，与大家一起探讨一下。 明确入行的目的 很多人干IT这一行都冲着“收入高”这一点的，因为只要学会一点HTML, DIV+CSS，要做一个页面开发人员并不是一件难事，而且做一个页面开发人员更容
  • android欢迎界面淡入淡出效果 dcj3sjt126com android
    很多Android应用一开始都会有一个欢迎界面，淡入淡出效果也是用得非常多的，下面来实现一下。 主要代码如下： package com.myaibang.activity; import android.app.Activity;import android.content.Intent;import android.os.Bundle;import android.os.CountDown
  • linux 复习笔记之常见压缩命令 eksliang tar解压linux系统常见压缩命令linux压缩命令tar压缩
    转载请出自出处:http://eksliang.iteye.com/blog/2109693 linux中常见压缩文件的拓展名 *.gz gzip程序压缩的文件 *.bz2 bzip程序压缩的文件 *.tar tar程序打包的数据，没有经过压缩 *.tar.gz tar程序打包后，并经过gzip程序压缩 *.tar.bz2 tar程序打包后，并经过bzip程序压缩 *.zi
  • Android 应用程序发送shell命令 gqdy365 android
    项目中需要直接在APP中通过发送shell指令来控制lcd灯，其实按理说应该是方案公司在调好lcd灯驱动之后直接通过service送接口上来给APP，APP调用就可以控制了，这是正规流程，但我们项目的方案商用的mtk方案，方案公司又没人会改，只调好了驱动，让应用程序自己实现灯的控制，这不蛋疼嘛！！！！ 发就发吧！ 一、关于shell指令： 我们知道，shell指令是Linux里面带的
  • java 无损读取文本文件 hw1287789687 读取文件无损读取读取文本文件charset
    java 如何无损读取文本文件呢？ 以下是有损的 @Deprecated public static String getFullContent(File file, String charset) { BufferedReader reader = null; if (!file.exists()) { System.out.println("getFull
  • Firebase 相关文章索引 justjavac firebase
    Awesome Firebase 最近谷歌收购Firebase的新闻又将Firebase拉入了人们的视野，于是我做了这个 github 项目。 Firebase 是一个数据同步的云服务，不同于 Dropbox 的「文件」，Firebase 同步的是「数据」，服务对象是网站开发者，帮助他们开发具有「实时」（Real-Time）特性的应用。 开发者只需引用一个 API 库文件就可以使用标准 RE
  • C++学习重点 lx.asymmetric C++笔记
    1.c++面向对象的三个特性：封装性，继承性以及多态性。   2.标识符的命名规则：由字母和下划线开头，同时由字母、数字或下划线组成；不能与系统关键字重名。   3.c++语言常量包括整型常量、浮点型常量、布尔常量、字符型常量和字符串性常量。   4.运算符按其功能开以分为六类：算术运算符、位运算符、关系运算符、逻辑运算符、赋值运算符和条件运算符。 &n
  • java bean和xml相互转换 q821424508 javabeanxmlxml和bean转换java bean和xml转换
    这几天在做微信公众号 做的过程中想找个java bean转xml的工具，找了几个用着不知道是配置不好还是怎么回事，都会有一些问题， 然后脑子一热谢了一个javabean和xml的转换的工具里，自己用着还行，虽然有一些约束吧 ， 还是贴出来记录一下      顺便你提一下下，这个转换工具支持属性为集合、数组和非基本属性的对象。   packag
  • C 语言初级 位运算 1140566087 位运算c
    第十章 位运算   1、位运算对象只能是整形或字符型数据，在VC6.0中int型数据占4个字节   2、位运算符： 运算符 作用 ~ 按位求反 << 左移 >> 右移 & 按位与 ^ 按位异或 | 按位或 他们的优先级从高到低；   3、位运算符的运算功能： a、按位取反： ~01001101 = 101
  • 14点睛Spring4.1-脚本编程 wiselyman spring4
    14.1 Scripting脚本编程 脚本语言和java这类静态的语言的主要区别是:脚本语言无需编译,源码直接可运行; 如果我们经常需要修改的某些代码,每一次我们至少要进行编译,打包,重新部署的操作,步骤相当麻烦; 如果我们的应用不允许重启,这在现实的情况中也是很常见的; 在spring中使用脚本编程给上述的应用场景提供了解决方案,即动态加载bean; spring支持脚本
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他