C-kathryn
C-kathryn

Bootstrap折叠导航栏

折叠导航栏

组成结构

div.navbar.navbar-expand-*.navbar-dark.bg-dark
>a.navbar-brand             不折叠的菜单首项
+button.navbar-toggler        *以上屏幕不显示，*以下屏幕显示按钮
 >span.navbar-toggler-icon        按钮上的三条线
+div.collapse.navbar-collapse          折叠的内容
 >ul.navbar-nav>li.nav-item>a.nav-link

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <meta name="viewport" content="width=device-width,initial-scale=1"/>
    <!--注意顺序-->
    <link rel="stylesheet" href="css/bootstrap.css"/>
    <script src="js/jquery.min.js"></script>
    <script src="js/popper.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
    <div class="navbar navbar-expand-sm navbar-dark bg-dark">
    	<!--1.最前面不折叠的菜单-->
        <a href="" class="navbar-brand">Bootstrap中文网</a>
        <!--2.在小屏幕下出现的按钮，按钮上有三条线-->
        <button data-toggle="collapse" data-target="#content" class="navbar-toggler">
            <span class="navbar-toggler-icon"></span>
        </button>
        <!--3.折叠的菜单，小屏以上横向显示，小屏幕以下纵向显示-->
        <div id="content" class="collapse navbar-collapse">
            <ul class="navbar-nav">
                <li class="nav-item">
                    <a href="" class="nav-link">Boot3</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="">Boot4</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="">Less教程</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="">示例</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="">jQuery API</a>
                </li>
            </ul>
        </div>
    </div>
</div>
</body>
</html>

1. .navbar-expand- 。*指md/lg/xs/sm
让按钮在 以上屏幕不显示，以下屏幕显示**

.navbar-expand-sm .navbar-toggler {
  display: none;
}

在ul中的li在*以上的屏幕，横向显示在*以下的屏幕，垂直显示

.navbar-expand-sm .navbar-nav {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
.navbar-nav {
  display: flex;
  flex-direction: column;
}
  1. .navbar-dark
    对当前div没有任何样式
    告诉子元素，这个导航栏是深色背景
    .navbar-dark .navbar-brand
    .navbar-dark .navbar-toggler
    .navbar-dark .navbar-toggler-icon
    .navbar-dark …nav-link
    都是浅色
.navbar-dark .navbar-brand {
  color: #fff; //白色
}
.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.5); //浅灰色
}
.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.1);
}

3. .navbar-collapse 让折叠导航，打开的位置为导航栏的下方

.navbar-collapse {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

你可能感兴趣的:(bootstrap)

  • 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
  • Bootstrap 3.5 框架文件结构与 API 使用指南 前端页面仔 bootstrap前端html开发语言cssjavascript
    一、文件结构Bootstrap3.5的标准文件结构如下：bootstrap/├──css/│├──bootstrap.css│├──bootstrap.min.css│├──bootstrap-theme.css│└──bootstrap-theme.min.css├──js/│├──bootstrap.js│└──bootstrap.min.js└──fonts/├──glyphicons-ha
  • bootstrap:动态添加tab标签 c_weith bootstrapjsbootstrapbootstrapul动态添加和删除l
    一：动态添加tab标签：bootstrap的tab标签是通过ul和li来实现的，是传统的jsp的tab标签不一样。所以动态标签的实现，就是ul动态添加和删除li。1，首先是bootstrap代码：基本信息//这是权限认证，可以去掉联系人2，定位ul,创建新li与删除老li:varul=document.getElementById("deviceulid")//定位ulvarli=document
  • program SQL WX: 99515681 sql数据库开发语言
    JavaPythonAssignment3:Ajax,JSON,ResponsiveDesignandNode.jsStockSearch(AJAX/JSON/HTML5/Bootstrap/Angular/Node.js/CloudExercise)1.Objectives●GetfamiliarwiththeAJAXandJSONtechnologies●UseacombinationofHT
  • kafka学习笔记（三、消费者Consumer使用教程——配置参数大全及性能调优） Timmer丿 #kafkakafka学习笔记
    本章主要介绍kafkaconsumer的配置参数及性能调优的点，其kafka的从零开始的安装到生产者，消费者的详解介绍、源码及分析及原理解析请到博主kafka专栏。1.消费者Consumer配置参数配置参数默认值含义bootstrap.servers无（必填）Kafka集群的初始连接地址列表，格式为host:port。key.deserializer无（必填）Key的反序列化类（如org.apac
  • 探索RazorSvelte：现代Web应用的完美融合 马琥承
    探索RazorSvelte：现代Web应用的完美融合RazorSvelteTemplateprojectfor.NETRazorPageswithSvetleFramework,Bootstrap,andRollup项目地址:https://gitcode.com/gh_mirrors/ra/RazorSvelte项目介绍RazorSvelte是一个开源项目模板，旨在为开发者提供一个高效、现代的W
  • 如和制作HTML项目总结 Auscy html前端
    一、项目概述‌项目名称‌：XXX网站/系统‌开发周期‌：202X年X月-X月‌核心目标‌：开发一个响应式网站，适配PC/移动端实现用户交互功能（如表单提交、动态内容加载）优化页面加载速度和SEO友好性二、技术栈‌核心语言‌：HTML5、CSS3、JavaScript‌辅助工具‌：编辑器：VSCode版本控制：Git调试工具：ChromeDevTools‌框架/库‌（可选）：Bootstrap、jQ
  • Bootstrap 5学习教程，从入门到精通，Bootstrap 5 入门简介（1） 知识分享小能手 网页开发前端开发Bootstrap5bootstrap学习前端typescriptjavascript开发语言html
    Bootstrap5入门简介一、Bootstrap概念Bootstrap是一个开源的前端框架，用于快速开发响应式和移动优先的网站。它由Twitter开发并维护，现已成为全球最流行的前端框架之一。Bootstrap5是Bootstrap的最新主要版本（截至2023年），它带来了许多改进和新特性，同时移除了一些过时的功能。二、发展历程2011年：Bootstrap由Twitter的MarkOtto和J
  • Bootstrap 5学习教程，从入门到精通，Bootstrap 5 安装及使用（2） 知识分享小能手 前端开发Bootstrap5网页开发bootstrap学习前端javascripttypescriptjqueryhtml
    Bootstrap5安装及使用一、Bootstrap5简介Bootstrap是一个开源的前端框架，用于快速开发响应式、移动优先的网站。Bootstrap5是Bootstrap的最新主要版本，它不再依赖jQuery，并提供了许多改进和新功能。二、安装Bootstrap51.使用CDN引入（最简单的方式）我的第一个Bootstrap页面2.使用npm安装（适合Node.js项目）npminstallb
  • Dom 周华华 JavaScripthtml
    <!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/xhtml&q
  • 【Spark九十六】RDD API之combineByKey bit1129 spark
    1. combineByKey函数的运行机制   RDD提供了很多针对元素类型为(K,V)的API，这些API封装在PairRDDFunctions类中，通过Scala隐式转换使用。这些API实现上是借助于combineByKey实现的。combineByKey函数本身也是RDD开放给Spark开发人员使用的API之一   首先看一下combineByKey的方法说明：
  • msyql设置密码报错：ERROR 1372 (HY000): 解决方法详解 daizj mysql设置密码
    MySql给用户设置权限同时指定访问密码时，会提示如下错误： ERROR 1372 (HY000): Password hash should be a 41-digit hexadecimal number；   问题原因：你输入的密码是明文。不允许这么输入。   解决办法：用select password('你想输入的密码');查询出你的密码对应的字符串， 然后
  • 路漫漫其修远兮 吾将上下而求索 周凡杨 学习 思索
    王国维在他的《人间词话》中曾经概括了为学的三种境界古今之成大事业、大学问者，罔不经过三种之境界。“昨夜西风凋碧树。独上高楼，望尽天涯路。”此第一境界也。“衣带渐宽终不悔，为伊消得人憔悴。”此第二境界也。“众里寻他千百度，蓦然回首，那人却在灯火阑珊处。”此第三境界也。学习技术，这也是你必须经历的三种境界。第一层境界是说，学习的路是漫漫的，你必须做好充分的思想准备，如果半途而废还不如不要开始。这里，注
  • Hadoop(二)对话单的操作 朱辉辉33 hadoop
    Debug： 1、 A = LOAD '/user/hue/task.txt' USING PigStorage(' ') AS (col1,col2,col3); DUMP A; //输出结果前几行示例： (>ggsnPDPRecord(21),,) (-->recordType(0),,) (-->networkInitiation(1),,)
  • web报表工具FineReport常用函数的用法总结（日期和时间函数） 老A不折腾 finereport报表工具web开发
    web报表工具FineReport常用函数的用法总结（日期和时间函数）   说明：凡函数中以日期作为参数因子的，其中日期的形式都必须是yy/mm/dd。而且必须用英文环境下双引号(" ")引用。   DATE DATE(year,month,day):返回一个表示某一特定日期的系列数。 Year:代表年，可为一到四位数。 Month:代表月份。
  • c++ 宏定义中的##操作符 墙头上一根草 C++
    #与##在宏定义中的--宏展开 #include <stdio.h> #define f(a,b) a##b #define g(a)   #a #define h(a) g(a) int main() {       &nbs
  • 分析Spring源代码之，DI的实现 aijuans springDI现源代码
    (转) 分析Spring源代码之，DI的实现 2012/1/3 by tony                 接着上次的讲，以下这个sample [java]  view plain copy print
  • for循环的进化 alxw4616 JavaScript
    // for循环的进化 // 菜鸟 for (var i = 0; i < Things.length ; i++) { // Things[i] } // 老鸟 for (var i = 0, len = Things.length; i < len; i++) { // Things[i] } // 大师 for (var i = Things.le
  • 网络编程Socket和ServerSocket简单的使用 百合不是茶 网络编程基础IP地址端口
      网络编程;TCP/IP协议   网络:实现计算机之间的信息共享,数据资源的交换   协议:数据交换需要遵守的一种协议,按照约定的数据格式等写出去   端口:用于计算机之间的通信      每运行一个程序，系统会分配一个编号给该程序，作为和外界交换数据的唯一标识 0~65535   查看被使用的
  • JDK1.5 生产消费者 bijian1013 javathread生产消费者java多线程
    ArrayBlockingQueue：        一个由数组支持的有界阻塞队列。此队列按 FIFO（先进先出）原则对元素进行排序。队列的头部 是在队列中存在时间最长的元素。队列的尾部 是在队列中存在时间最短的元素。新元素插入到队列的尾部，队列检索操作则是从队列头部开始获得元素。 ArrayBlockingQueue的常用方法：
  • JAVA版身份证获取性别、出生日期及年龄 bijian1013 java性别出生日期年龄
            工作中需要根据身份证获取性别、出生日期及年龄，且要还要支持15位长度的身份证号码，网上搜索了一下，经过测试好像多少存在点问题，干脆自已写一个。 CertificateNo.java package com.bijian.study; import java.util.Calendar; import
  • 【Java范型六】范型与枚举 bit1129 java
    首先，枚举类型的定义不能带有类型参数，所以，不能把枚举类型定义为范型枚举类，例如下面的枚举类定义是有编译错的   public enum EnumGenerics<T> { //编译错，提示枚举不能带有范型参数 OK, ERROR; public <T> T get(T type) { return null;
  • 【Nginx五】Nginx常用日志格式含义 bit1129 nginx
    1. log_format 1.1 log_format指令用于指定日志的格式，格式：   log_format name(格式名称) type(格式样式)   1.2 如下是一个常用的Nginx日志格式：   log_format main '[$time_local]|$request_time|$status|$body_bytes
  • Lua 语言 15 分钟快速入门 ronin47 lua 基础
    - - 单行注释 - - [[      [多行注释] - - ]]   - - - - - - - - - - - 1. 变量 & 控制流 - - - - - - - - - - num = 23 - - 数字都是双精度 str = 'aspythonstring'
  • java-35.求一个矩阵中最大的二维矩阵 ( 元素和最大 ) bylijinnan java
    the idea is from: http://blog.csdn.net/zhanxinhang/article/details/6731134 public class MaxSubMatrix { /**see http://blog.csdn.net/zhanxinhang/article/details/6731134 * Q35 求一个矩阵中最大的二维
  • mongoDB文档型数据库特点 开窍的石头 mongoDB文档型数据库特点
    MongoDD: 文档型数据库存储的是Bson文档-->json的二进制 特点：内部是执行引擎是js解释器，把文档转成Bson结构，在查询时转换成js对象。 mongoDB传统型数据库对比    传统类型数据库：结构化数据，定好了表结构后每一个内容符合表结构的。也就是说每一行每一列的数据都是一样的    文档型数据库：不用定好数据结构，
  • [毕业季节]欢迎广大毕业生加入JAVA程序员的行列 comsci java
        一年一度的毕业季来临了。。。。。。。。      正在投简历的学弟学妹们。。。如果觉得学校推荐的单位和公司不适合自己的兴趣和专业，可以考虑来我们软件行业，做一名职业程序员。。。      软件行业的开发工具中，对初学者最友好的就是JAVA语言了，网络上不仅仅有大量的
  • PHP操作Excel – PHPExcel 基本用法详解 cuiyadll PHPExcel
    导出excel属性设置//Include classrequire_once('Classes/PHPExcel.php');require_once('Classes/PHPExcel/Writer/Excel2007.php');$objPHPExcel = new PHPExcel();//Set properties 设置文件属性$objPHPExcel->getProperties
  • IBM Webshpere MQ Client User Issue (MCAUSER) darrenzhu IBMjmsuserMQMCAUSER
    IBM MQ JMS Client去连接远端MQ Server的时候，需要提供User和Password吗？ 答案是根据情况而定，取决于所定义的Channel里面的属性Message channel agent user identifier (MCAUSER)的设置。 http://stackoverflow.com/questions/20209429/how-mca-user-i
  • 网线的接法 dcj3sjt126com
    一、PC连HUB (直连线)A端：（标准568B）：白橙，橙，白绿，蓝，白蓝，绿，白棕，棕。 B端：（标准568B）：白橙，橙，白绿，蓝，白蓝，绿，白棕，棕。 二、PC连PC （交叉线）A端：(568A)： 白绿，绿，白橙，蓝，白蓝，橙，白棕，棕； B端：（标准568B）：白橙，橙，白绿，蓝，白蓝，绿，白棕，棕。 三、HUB连HUB&nb
  • Vimium插件让键盘党像操作Vim一样操作Chrome dcj3sjt126com chromevim
    什么是键盘党？ 键盘党是指尽可能将所有电脑操作用键盘来完成，而不去动鼠标的人。鼠标应该说是新手们的最爱，很直观，指哪点哪，很听话！不过常常使用电脑的人，如果一直使用鼠标的话，手会发酸，因为操作鼠标的时候，手臂不是在一个自然的状态，臂肌会处于绷紧状态。而使用键盘则双手是放松状态，只有手指在动。而且尽量少的从鼠标移动到键盘来回操作，也省不少事。 在chrome里安装 vimium 插件
  • MongoDB查询（2）——数组查询[六] eksliang mongodbMongoDB查询数组
    MongoDB查询数组 转载请出自出处：http://eksliang.iteye.com/blog/2177292 一、概述  MongoDB查询数组与查询标量值是一样的，例如，有一个水果列表，如下所示： > db.food.find() { "_id" : "001", "fruits" : [ "苹
  • cordova读写文件（1） gundumw100 JavaScriptCordova
    使用cordova可以很方便的在手机sdcard中读写文件。 首先需要安装cordova插件：file 命令为： cordova plugin add org.apache.cordova.file 然后就可以读写文件了，这里我先是写入一个文件，具体的JS代码为： var datas=null;//datas need write var directory=&
  • HTML5 FormData 进行文件jquery ajax 上传 到又拍云 ileson jqueryAjaxhtml5FormData
    html5 新东西：FormData  可以提交二进制数据。 页面test.html <!DOCTYPE> <html> <head> <title> formdata file jquery ajax upload</title> </head> <body> <
  • swift appearanceWhenContainedIn:(version1.2 xcode6.4) 啸笑天 version
      swift1.2中没有oc中对应的方法： + (instancetype)appearanceWhenContainedIn:(Class <UIAppearanceContainer>)ContainerClass, ... NS_REQUIRES_NIL_TERMINATION;  解决方法： 在swift项目中新建oc类如下： #import &
  • java实现SMTP邮件服务器 macroli java编程
    电子邮件传递可以由多种协议来实现。目前，在Internet 网上最流行的三种电子邮件协议是SMTP、POP3 和 IMAP，下面分别简单介绍。 　　◆ SMTP 协议 　　简单邮件传输协议(Simple Mail Transfer Protocol,SMTP)是一个运行在TCP/IP之上的协议，用它发送和接收电子邮件。SMTP 服务器在默认端口25上监听。SMTP客户使用一组简单的、基于文本的
  • mongodb group by having where 查询sql qiaolevip 每天进步一点点学习永无止境mongo纵观千象
    SELECT cust_id, SUM(price) as total FROM orders WHERE status = 'A' GROUP BY cust_id HAVING total > 250 db.orders.aggregate( [ { $match: { status: 'A' } }, { $group: {
  • Struts2 Pojo（六） Luob. POJOstrust2
    注意：附件中有完整案例 1.采用POJO对象的方法进行赋值和传值 2.web配置 <?xml version="1.0" encoding="UTF-8"?> <web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee&q
  • struts2步骤 wuai struts
    1、添加jar包 2、在web.xml中配置过滤器 <filter>        <filter-name>struts2</filter-name>        <filter-class>org.apache.st
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他