jQuery 入门教程(22): jQuery UI Accordion示例

本篇介绍Accordion组件（类似手风琴可以折叠的UI组件）。

基本用法

jQuery Accordion UI组件可以把一个包含有具有Header (标题头）和Content（内容）对的容器转变成Accordion组件。
比如如下一个Id=”accordion”Div HTML元素。

1 <div id="accordion">
2     <h1>Section 1</h1>
3     <div>
4         <p>Description 1</p>
5     </div>
6     <h2>Section 2</h2>
7     <div>
8         <p>Description 3</p>
9     </div>
10     <h3>Section 3</h3>
11     <div>
12         <p>Description 3</p>
13         <ul>
14             <li>List item one</li>
15             <li>List item two</li>
16             <li>List item three</li>
17         </ul>
18     </div>
19 </div>

对于＜div id=”accordion”>里面的元素，According允许使用任意的标记，只要是一个Header紧接着一个Content，比如上面的H3，你可以换成H1，H2等其它标记，或者通过Header选项来配置。
有了这样的HTML元素，然后对其使用Accordion方法，就将该HTML元素变成Accordion 样式了

1 <script>
2     $("#accordion").accordion();
3 </script>

本例完整代码如下：

1 <!doctype html>
2 <html lang="en">
3 <head>
4     <meta charset="utf-8" />
5     <title>jQuery UI Demos</title>
6     <link rel="stylesheet" href="themes/trontastic/jquery-ui.css" />
7     <script src="scripts/jquery-1.9.1.js"></script>
8     <script src="scripts/jquery-ui-1.10.1.custom.js"></script>
9  
10     <script>
11         $(function () {
12  
13         });
14     </script>
15 </head>
16 <body>
17     <div id="accordion">
18         <h1>Section 1</h1>
19         <div>
20             <p>Description 1</p>
21         </div>
22         <h2>Section 2</h2>
23         <div>
24             <p>Description 3</p>
25         </div>
26         <h3>Section 3</h3>
27         <div>
28             <p>Description 3</p>
29             <ul>
30                 <li>List item one</li>
31                 <li>List item two</li>
32                 <li>List item three</li>
33             </ul>
34         </div>
35     </div>
36  
37     <script>
38         $("#accordion").accordion();
39     </script>
40 </body>
41 </html>

jQuery 入门教程(22): jQuery UI Accordion示例_第1张图片折叠内容

Accordion 组件缺省情况下总有一项内容是展开的，如说图Section1的内容是可见的，点击其它部分的标题，该部分内容可见，但无法将所有内容都折叠起来，如果要支持所有部分都可以折叠，可以通过配置collapsible 属性，如：

1 $(function() {
2     $( "#accordion" ).accordion({
3       collapsible: true
4     });
5   });

jQuery 入门教程(22): jQuery UI Accordion示例_第2张图片自定义图标

可以自定义Accordion 组件标题前的图标，缺省的图标为箭头（未展开是箭头向右，展开时向下），使用jQuery CSS框架中定义的类或是通过自定义背景图像类，可以重新配置这两个图标：

1 $(function() {
2     var icons = {
3       header: "ui-icon-circle-arrow-e",
4       activeHeader: "ui-icon-circle-arrow-s"
5     };
6     $( "#accordion" ).accordion({
7       icons: icons
8     });
9     $( "#toggle" ).button().click(function() {
10       if ( $( "#accordion" ).accordion( "option", "icons" ) ) {
11         $( "#accordion" ).accordion( "option", "icons", null );
12       } else {
13         $( "#accordion" ).accordion( "option", "icons", icons );
14       }
15     });
16   });

jQuery 入门教程(22): jQuery UI Accordion示例_第3张图片设置HeightStyle

因为Accordion由“Block级”元素组成（可以参加CSS的display)，因此它缺省在水平方向占据父元素的宽度，为了在高度方向也能充满其父容器，可以通过配置heightStyle 为fill .HeightStyle 可以使用的值如下：

  • "auto": 所有Panel使用最高的那个Panel的高度.
  • "fill": 根据父容器的高度来填充.
  • "content": 每个Penel的高度取决于其内容.
1 <!doctype html>
2 <html lang="en">
3 <head>
4     <meta charset="utf-8" />
5     <title>jQuery UI Demos</title>
6     <link rel="stylesheet" href="themes/trontastic/jquery-ui.css" />
7     <script src="scripts/jquery-1.9.1.js"></script>
8     <script src="scripts/jquery-ui-1.10.1.custom.js"></script>
9  
10     <style>
11         #accordion-resizer {
12             padding: 10px;
13             width: 350px;
14             height: 300px;
15         }
16     </style>
17     <script>
18         $(function () {
19             $("#accordion").accordion({
20                 heightStyle: "fill"
21             });
22         });
23         $(function () {
24             $("#accordion-resizer").resizable({
25                 minHeight: 140,
26                 minWidth: 200,
27                 resize: function () {
28                     $("#accordion").accordion("refresh");
29                 }
30             });
31         });
32     </script>
33 </head>
34 <body>
35     <h3 class="docs">Resize the outer container:</h3>
36  
37     <div id="accordion-resizer" class="ui-widget-content">
38         <div id="accordion">
39             <h3>Section 1</h3>
40             <div>
41                 <p>Mauris mauris ante, blandit et,
42                     ultrices a, suscipit eget,
43                     quam. Integer ut neque. Vivamus nisi metus,
44                      molestie vel, gravida in,
45                     condimentum sit amet, nunc. Nam a nibh.
46                      Donec suscipit eros. Nam mi.
47                     Proin viverra leo ut odio.
48                     Curabitur malesuada.
49                     Vestibulum a velit eu ante
50                     scelerisque vulputate.</p>
51             </div>
52             <h3>Section 2</h3>
53             <div>
54                 <p>Sed non urna. Donec et ante.
55                     Phasellus eu ligula.
56                     Vestibulum sit amet purus.
57                     Vivamus hendrerit,

你可能感兴趣的:(jQuery 入门教程(22): jQuery UI Accordion示例)

  • 【蓝桥杯集训·每日一题2025】 AcWing 5437. 拐杖糖盛宴 python 查理零世 蓝桥杯2025每日一题蓝桥杯python算法
    5437.拐杖糖盛宴Week22月25日题目描述农夫约翰的奶牛们非常爱吃甜食，尤其爱吃拐杖糖。约翰一共有NNN头奶牛，编号1∼N1\simN1∼N，其中第iii头奶牛的初始高度为aia_iai。约翰给奶牛们准备了MMM根拐杖糖，编号1∼M1\simM1∼M，其中第iii根的高度为bib_ibi。约翰会按照糖果的编号顺序，每次拿出一根糖果喂给奶牛们，直到所有糖果都被喂完为止。每当拿出一根糖果后，约翰
  • 利用 Open3D 保存并载入相机视角的简单示例 微凉的衣柜 点云处理python点云处理open3d
    1.前言在使用Open3D进行三维可视化和点云处理时，有时需要将当前的视角（CameraViewpoint）保存下来，以便下次再次打开时能够还原到同样的视角。本文将演示如何在最新的Open3DGUI界面（o3d.visualization.gui/o3d.visualization.O3DVisualizer）中实现这一功能，并展示完整示例代码及运行效果。2.环境准备Python版本：3.xOpe
  • LeetCode37 学编程的小程 算法篇章-捷报算法leetcode职场和发展
    LeetCode37目录题目描述示例思路分析代码段代码逐行讲解复杂度分析总结的知识点整合总结
  • Go 1.24 新特性：泛型类型别名，让代码变得更灵活、更清晰 go后端
    前言Go1.24版本现在完全支持泛型类型别名：类型别名可以像定义的类型一样被参数化。其实这个功能在Go1.23版本里已经被引入，只不过作为一个实验的功能，需要设置对应的环境变量才能使用。本文将介绍Go1.24中的泛型类型别名。首先会回顾一下Go中类型别名的基本概念及其常见的使用场景，随后介绍泛型类型别名的引入背景，最后通过实际的代码示例展示如何利用这一特性进行渐进式重构和其他的使用场景以及作用。准
  • electron-builder打包配置说明
    我们一般使用electron-builder对electron项目进行打包，在package.json中配置打包的详细操作pnpminstallelectron-builder-Dpackage.json中的详细字段解释："build":{"appId":"your.id",//应用的唯一ID"productName":"YourProductName",//安装后生成的文件夹和快捷方式的名称"c
  • Selenium WebDriver自动化测试(框架篇)--操作Excel实现数据驱动 职说测试 seleniumexcel测试工具wei自动化测试UI自动化测试
    文章目录一、引言二、操作Excel的准备工作2.1、添加ApachePOI依赖三、读取Excel文件实现数据驱动3.1、示例代码四、将测试结果写入Excel文件4.1、示例代码五、封装通用方法5.1、示例代码六、总结参考文献一、引言数据驱动测试是一种在自动化测试中广泛应用的方法，它允许使用外部数据源（如Excel文件）来提供测试数据。这种方法特别适合于需要大量不同输入数据的测试场景。Java版Se
  • 使用 Apache Jena 构建 RDF 数据处理与查询服务 梦落青云 apache知识图谱人工智能
    一、引言随着语义网和知识图谱技术的不断发展，RDF（ResourceDescriptionFramework）作为一种用于描述资源的框架，被广泛应用于知识表示和数据集成。ApacheJena是一个功能强大的Java框架，用于处理RDF数据和SPARQL查询。本文将通过一个示例项目，展示如何使用ApacheJena实现RDF数据的加载、查询、推理、插入和更新操作。二、项目概述本项目的目标是使用Apa
  • 系统架构设计：软件测试需要掌握的常用方法 Dola_Pan 系统架构设计系统架构
    软件测试是软件开发过程中不可或缺的一部分，其目的是确保软件产品的质量和性能。本文将详细介绍软件测试的重要知识点，并附上相关代码示例，帮助读者更好地理解和应用这些知识。一、软件测试的定义与目的1.定义软件测试是在规定的条件下对程序进行操作，以发现程序错误，衡量软件质量，并对其是否能满足设计要求进行评估的过程。2.目的提高软件质量，确认软件做了你所期望的事情，并以正确的方式实现。提供反馈信息，为风险评
  • C# OPCUA和PLC通信案例 Leal@ C#c#开发语言
    文章目录前言一、使用步骤1.引入库2.读写数据2.OPCUA服务器设置总结前言环境:vs2022.Net9win11汇川AC802PLC一、使用步骤1.引入库2.读写数据代码如下（示例）：Core.Net.OpcUa.OpcUaClientWrapperopcUaClient=new();opcUaClient.Connect("opc.tcp://192.168.1.88:4840");//连接
  • 【线上问题】Cannot find cache named 王佑辉 springbootspringboot
    目录1.说明2.问题排查3.解决方案1.说明1.异常信息：Cannotfindcachenamed‘test-cache’forBuilder[publicjava.lang.Stringcom.learn.controller.ExampleController.test(java.lang.String)]caches=[test-cache]|key=‘#id’|keyGenerator=‘
  • Git图形化工具【lazygit】 Huazzi_ Gitgitlazygit
    简要介绍一下偶然发现的Git图形化工具——「lazygit」概述Lazygit是一个用Go语言编写的Git命令行界面（TUI）工具，它让Git操作变得更加直观和高效。Github地址：https://github.com/jesseduffield/lazygit主要特点主要优势：图形化界面-虽然是终端中运行，但提供了清晰的可视化界面，显示文件状态、分支、提交历史等键盘快捷操作-几乎所有Git操作
  • 【物联网项目】基于ESP8266设计的家庭灯光与火情智能监测系统（完整工程资料源码等） 阿齐Archie 单片机项目合集单片机嵌入式硬件stm32毕业设计毕设物联网
    基于ESP8266设计的家庭灯光与火情智能监测系统效果：摘要：该系统是在家庭灯光与火情智能监测系统的基础上，进行智能化控制监测的设计与开发。系统是以单片机ESP8266WIFI开发板为主控核心，实现对各个主要功能模块的控制。主要模块如HC-SR501人体红外传感器模块、光敏电阻传感器模块、火焰传感器模块、LD3320语音识别模块、DHT11温湿度传感器模块等。使用Arduino开发软件进行烧录程序
  • R语言：高效数据分析和可视化的利器 TechPr r语言数据分析开发语言R语言
    R语言：高效数据分析和可视化的利器R语言是一种强大而灵活的数据分析和统计建模工具，广泛用于学术界和工业界。它提供了丰富的库和包，使得数据处理、统计分析和可视化变得更加容易和高效。本文将介绍R语言的一些基本概念，并提供相应的源代码示例。变量和数据结构在R语言中，可以使用赋值运算符（<-或=）来创建变量。例如，下面的代码将创建一个名为x的变量，并将其赋值为10：x<-10R语言支持多种数据结构，包括向
  • R语言：探索数据的利器 ByteWhiz r语言开发语言R语言
    R语言：探索数据的利器R语言是一种强大而灵活的编程语言，尤其在数据科学和统计分析领域中广泛应用。作为一门开源语言，R语言拥有丰富的数据处理和可视化功能，同时支持大规模数据分析和机器学习。本文将介绍R语言的基本特性、常用的数据操作和可视化技巧，并提供相应的源代码示例。一、R语言的基本特性向量化操作：R语言鼓励使用向量化操作，即对整个向量或矩阵执行相同的操作，从而提高运算效率。例如，可以通过一条简单的
  • Dirsearch的下载、安装和使用（全） 燕雀安知鸿鹄之志哉. 渗透测试工具测试工具网络安全系统安全web安全
    目录介绍安装与使用单词列表（重要）选项基本参数进阶参数报告参数其他参数如何使用简单使用暂停进度递归线程前缀/后缀黑名单过滤器原始请求单词列表格式排除扩展扫描子目录代理报告更多示例命令支持Docker安装DockerLinux构建映像目录搜索使用dirsearch免责声明本文所提供的文字和信息仅供学习和研究使用，请读者自觉遵守法律法规，不得利用本文所提供的信息从事任何违法活动。本文不对读者的任何违法
  • 10. 示例：设计APB总线接口并驱动时钟信号 啄缘之间 UVM学习计划表学习svuvmverilog测试用例
    文章目录前言示例一：‌APB3总线接口设计（1）1.APB接口定义‌2.简单Slave设备实现‌3.测试平台‌4.Xcelium运行脚本‌5.仿真验证‌示例二：‌APB3总线驱动时钟设计（2）1.接口定义与时钟块‌2.从设备实现‌3.测试平台与时钟驱动‌4.仿真运行命令‌5.关键时序验证‌6.设计原理说明‌示例三：APB总线接口设计（3）1.仿真运行指令：示例四：APB总线接口设计（4）1.APB
  • 数字人批量生成视频 李lrh9166 音视频
    （形象克隆✔声音克隆✔智能剪辑✔智能文案✔音频驱动✔矩阵发布多平台）只需要录制一个1234567的视频，就可以批量生成你的专属数字人视频。集星智影-数字人.layui-anim-downbit{border-radius:0.35rem;
  • netty详解 p-knowledge jettyjava
    Netty是一个高性能的网络通信框架，广泛用于构建网络应用程序，如高性能的服务器、客户端和分布式系统。以下是Netty的各个组件介绍与原理分析，以及客户端和服务端的实现示例。一、Netty的组件介绍Channel：概念：表示一个连接到网络的对象，负责处理网络I/O操作。可以是TCP、UDP等。作用：提供数据读写操作，并可以注册到事件循环。EventLoop：概念：负责处理I/O操作的事件循环。每个
  • HBase常用的Filter过滤器操作 梵高的夏天 python算法机器学习
    HBase常用的Filter过滤器操作_hbasefilter-CSDN博客HBase过滤器种类很多，我们选择8种常用的过滤器进行介绍。为了获得更好的示例效果，先利用HBaseShell新建students表格，并往表格中进行写入多行数据。一、数据准备工作（1）在默认命名空间中新建表格students，设置列族info、score。hbase:002:0>create'students','inf
  • Node.js快速总结 一蓑烟雨，一任平生 jsjavascriptnode.js
    理解Node.js●是一个基于ChromeV8引擎的JavaScript运行时。●非阻塞、事件驱动、异步I/O，适合高并发场景。✅核心概念●事件循环(EventLoop):Node.js的异步机制。●模块系统:使用require()引入模块，module.exports导出模块。●文件系统(fs):处理文件读写。●HTTP模块:构建Web服务器。创建HTTP服务器consthttp=require
  • Linux软硬链接和动静态库（带示例） 浪九天 操作系統linux运维服务器
    目录软硬链接1.硬链接（HardLink）2.软链接（SymbolicLink，也称为符号链接）动静态库1.静态库（StaticLibrary）2.动态库（SharedLibrary）在Linux系统中，软硬链接和动静态库是非常重要的概念，下面将分别对它们进行详细介绍。软硬链接1.硬链接（HardLink）原理：硬链接是文件的另一个访问入口，它和原始文件指向相同的inode（索引节点）。inode
  • Nginx系列03（基本使用及详细步骤） 浪九天 Nginx系列nginx运维开发
    目录Linux系统（以Ubuntu为例，其他基于systemd的Linux发行版类似）Windows系统macOS系统Docker环境以下是关于Nginx基本使用的详细步骤以及完整代码示例，涵盖了启动、停止、重新加载配置、查看状态、查看日志和测试配置文件语法等操作，在不同操作系统下的实现方式：Linux系统（以Ubuntu为例，其他基于systemd的Linux发行版类似）启动服务#使用syste
  • Linux入门的基础知识点汇总（带示例） 浪九天 操作系統linuxubuntu
    目录文件和目录操作文本处理命令系统管理命令用户和权限管理权限管理软件安装与管理网络配置Linux是一种广泛使用的开源操作系统，对于初学者而言，掌握一些基础知识点十分关键。以下为你详细介绍：文件和目录操作ls：用于列出目录内容。-a选项可显示所有文件和目录，包含隐藏文件，比如ls-a就能看到当前目录下以.开头的隐藏文件。-l选项是以长格式显示详细信息，像文件权限、所有者、大小、修改时间等，ls-l会
  • Hadoop 基础原理 disgare 数据库hadoop大数据分布式
    Hadoop基础原理基本介绍Hadoop的必要性Hadoop核心组件Hadoop生态系统中的附加组件HDFSHDFS集群架构HDFS读写流程HDFS写流程HDFS读流程NameNode持久化机制MapReduce底层原理示例Hadoop是一个由Apache基金会开发的分布式系统基础架构，主要解决海量数据的存储和计算问题，广义上Hadoop指的是Hadoop生态圈，包含HDFS、Hive、MapRe
  • Node.js 中 fs 模块的高级用法 浪九天 node.js前端node.jsjavascript
    目录1.流式文件处理示例：大文件复制2.文件监控示例：使用fs.watch监控文件变化3.异步递归操作示例：异步递归遍历目录4.文件权限管理示例：修改文件权限5.原子操作示例：原子重命名文件在Node.js里，fs（文件系统）模块提供了一系列用于与文件系统进行交互的方法。除了常见的读写文件操作，还有一些高级用法，以下为你详细介绍：1.流式文件处理在处理大文件时，一次性将整个文件加载到内存中可能会导
  • uniapp - 最新实现hbuilder项目运行到ios基座或苹果ios真机设备详细教程，如何在ios苹果手机上真机运行测试，IOS自定义基座在线打包调试（uniapp项目如何在苹果手机上运行调试） 街尾杂货店& 前端组件与功能(开箱即用)uni-app项目运行到苹果ios真机调试详细实现苹果ios自定义基座ios自定义基座无法连接解决如何运行到ios模拟器设备教程mac使用xcode运行苹果解决无法检测手机连接没反应加载
    效果图在uni-app苹果app端平台项目开发中，详解完成将项目运行到自己的苹果ios系统手机、mac电脑苹果手机模拟器、黑苹果模拟器上进行安装调试测试项目，支持“macos|Xcode”系统及工具的运行教程（适用于没有苹果真机），使用HbuilderX编辑器运行到ios苹果app基座，安装运行自定义基座调试app项目，完整流程配置及详细过程说明，UniApp如何将苹果app项目运行到手机或模拟器
  • nodejs npm run build 打包压缩zip文件 xiaoxiao_0721 vue
    步骤1:安装npminstallarchiver-D步骤2:根目录下新建zip.js，内容如下constfs=require('fs')constarchiver=require('archiver')//创建文件输出流letoutput=fs.createWriteStream(__dirname+'/dist.zip')letarchive=archiver(
  • 深入解析 Python 的 __str__() 方法重写 web安全工具库 pythonmicrosoft开发语言
    各类资料学习下载合集https://pan.quark.cn/s/8c91ccb5a474在Python中，__str__()是一个特殊的方法，用于定义对象的“非正式”字符串表示。重写__str__()方法可以让我们定制类的实例在打印或转换成字符串时的表现。本文将详细讲解__str__()方法的作用、如何重写它，以及具体的代码示例和运行结果。一、什么是__str__()方法__str__()方法是
  • 设计模式-建造者模式 老菜鸟的每一天 设计模式设计模式建造者模式
    解释生活中有着很多的Builder的例子，个人觉得大学生活就是一个Builder模式的最好体验：要完成大学教育，一般将大学教育过程分成4个学期进行，因此没有学习可以看作是构建完整大学教育的一个部分构建过程，每个人经过这4年的（4个阶段）构建过程得到的最后的结果不一样，因为可能在四个阶段的构建中引入了很多的参数（每个人的机会和际遇不完全相同）。Builder模式要解决的也正是这样的问题：当我们要创建
  • vLLM专题（十四）-自动前缀缓存 AI专题精讲 大模型专题系列人工智能
    一、介绍自动前缀缓存（AutomaticPrefixCaching，简称APC）缓存现有查询的KV缓存，以便新查询如果与现有查询共享相同的前缀，可以直接重用KV缓存，从而跳过共享部分的计算。注意有关vLLM如何实现APC的技术细节，请参阅此处。二、在vLLM中启用APC在vLLM引擎中设置enable_prefix_caching=True以启用APC。以下是一个示例：importtimefrom
  • java杨辉三角 3213213333332132 java基础
    package com.algorithm; /** * @Description 杨辉三角 * @author FuJianyong * 2015-1-22上午10:10:59 */ public class YangHui { public static void main(String[] args) { //初始化二维数组长度 int[][] y
  • 《大话重构》之大布局的辛酸历史 白糖_ 重构
    《大话重构》中提到“大布局你伤不起”，如果企图重构一个陈旧的大型系统是有非常大的风险，重构不是想象中那么简单。我目前所在公司正好对产品做了一次“大布局重构”，下面我就分享这个“大布局”项目经验给大家。   背景         公司专注于企业级管理产品软件，企业有大中小之分，在2000年初公司用JSP/Servlet开发了一套针对中
  • 电驴链接在线视频播放源码 dubinwei 源码电驴播放器视频ed2k
    本项目是个搜索电驴（ed2k）链接的应用,借助于磁力视频播放器（官网： http://loveandroid.duapp.com/ 开放平台），可以实现在线播放视频，也可以用迅雷或者其他下载工具下载。 项目源码： http://git.oschina.net/svo/Emule,动态更新。也可从附件中下载。 项目源码依赖于两个库项目，库项目一链接： http://git.oschina.
  • Javascript中函数的toString()方法 周凡杨 JavaScriptjstoStringfunctionobject
    简述     The toString() method returns a string representing the source code of the function.     简译之，Javascript的toString()方法返回一个代表函数源代码的字符串。 句法     function.
  • struts处理自定义异常 g21121 struts
    很多时候我们会用到自定义异常来表示特定的错误情况，自定义异常比较简单，只要分清是运行时异常还是非运行时异常即可，运行时异常不需要捕获，继承自RuntimeException，是由容器自己抛出，例如空指针异常。 非运行时异常继承自Exception，在抛出后需要捕获，例如文件未找到异常。 此处我们用的是非运行时异常，首先定义一个异常LoginException: /** * 类描述：登录相
  • Linux中find常见用法示例 510888780 linux
    Linux中find常见用法示例 ·find   path   -option   [   -print ]   [ -exec   -ok   command ]   {} \; find命令的参数；
  • SpringMVC的各种参数绑定方式 Harry642 springMVC绑定表单
    1. 基本数据类型(以int为例，其他类似)： Controller代码： @RequestMapping("saysth.do") public void test(int count) { } 表单代码： <form action="saysth.do" method="post&q
  • Java 获取Oracle ROWID aijuans javaoracle
    A ROWID is an identification tag unique for each row of an Oracle Database table. The ROWID can be thought of as a virtual column, containing the ID for each row. The oracle.sql.ROWID class i
  • java获取方法的参数名 antlove javajdkparametermethodreflect
    reflect.ClassInformationUtil.java package reflect; import javassist.ClassPool; import javassist.CtClass; import javassist.CtMethod; import javassist.Modifier; import javassist.bytecode.CodeAtt
  • JAVA正则表达式匹配 查找 替换 提取操作 百合不是茶 java正则表达式替换提取查找
    正则表达式的查找;主要是用到String类中的split();       String str;      str.split();方法中传入按照什么规则截取,返回一个String数组   常见的截取规则: str.split("\\.")按照.来截取 str.
  • Java中equals()与hashCode()方法详解 bijian1013 javasetequals()hashCode()
    一.equals()方法详解     equals()方法在object类中定义如下：  public boolean equals(Object obj) { return (this == obj); }    很明显是对两个对象的地址值进行的比较（即比较引用是否相同）。但是我们知道，String 、Math、I
  • 精通Oracle10编程SQL(4)使用SQL语句 bijian1013 oracle数据库plsql
    --工资级别表 create table SALGRADE ( GRADE NUMBER(10), LOSAL NUMBER(10,2), HISAL NUMBER(10,2) ) insert into SALGRADE values(1,0,100); insert into SALGRADE values(2,100,200); inser
  • 【Nginx二】Nginx作为静态文件HTTP服务器 bit1129 HTTP服务器
     Nginx作为静态文件HTTP服务器 在本地系统中创建/data/www目录，存放html文件(包括index.html) 创建/data/images目录，存放imags图片 在主配置文件中添加http指令   http { server { listen 80; server_name
  • kafka获得最新partition offset blackproof kafkapartitionoffset最新
    kafka获得partition下标，需要用到kafka的simpleconsumer   import java.util.ArrayList; import java.util.Collections; import java.util.Date; import java.util.HashMap; import java.util.List; import java.
  • centos 7安装docker两种方式 ronin47
          第一种是采用yum 方式              yum install -y docker           
  • java-60-在O(1)时间删除链表结点 bylijinnan java
    public class DeleteNode_O1_Time { /** * Q 60 在O(1)时间删除链表结点 * 给定链表的头指针和一个结点指针(!!)，在O(1)时间删除该结点 * * Assume the list is: * head->...->nodeToDelete->mNode->nNode->..
  • nginx利用proxy_cache来缓存文件 cfyme cache
    user  zhangy users; worker_processes 10; error_log  /var/vlogs/nginx_error.log  crit; pid        /var/vlogs/nginx.pid; #Specifies the value for ma
  • [JWFD开源工作流]JWFD嵌入式语法分析器负号的使用问题 comsci 嵌入式
        假如我们需要用JWFD的语法分析模块定义一个带负号的方程式，直接在方程式之前添加负号是不正确的，而必须这样做：     string str01 = "a=3.14;b=2.71;c=0;c-((a*a)+(b*b))"     定义一个0整数c,然后用这个整数c去
  • 如何集成支付宝官方文档 dai_lm android
    官方文档下载地址 https://b.alipay.com/order/productDetail.htm?productId=2012120700377310&tabId=4#ps-tabinfo-hash 集成的必要条件 1. 需要有自己的Server接收支付宝的消息 2. 需要先制作app，然后提交支付宝审核，通过后才能集成 调试的时候估计会真的扣款，请注意
  • 应该在什么时候使用Hadoop datamachine hadoop
    原帖地址：http://blog.chinaunix.net/uid-301743-id-3925358.html 存档，某些观点与我不谋而合，过度技术化不可取，且hadoop并非万能。 --------------------------------------------万能的分割线-------------------------------- 有人问我，“你在大数据和Hado
  • 在GridView中对于有外键的字段使用关联模型进行搜索和排序 dcj3sjt126com yii
    在GridView中使用关联模型进行搜索和排序 首先我们有两个模型它们直接有关联: class Author extends CActiveRecord { ... } class Post extends CActiveRecord { ... function relations() { return array( '
  • 使用NSString 的格式化大全 dcj3sjt126com Objective-C
    格式定义The format specifiers supported by the NSString formatting methods and CFString formatting functions follow the IEEE printf specification; the specifiers are summarized in Table 1. Note that you c
  • 使用activeX插件对象object滚动有重影 蕃薯耀 activeX插件滚动有重影
      使用activeX插件对象object滚动有重影   <object style="width:0;" id="abc" classid="CLSID:D3E3970F-2927-9680-BBB4-5D0889909DF6" codebase="activex/OAX339.CAB#
  • SpringMVC4零配置 hanqunfeng springmvc4
    基于Servlet3.0规范和SpringMVC4注解式配置方式，实现零xml配置，弄了个小demo，供交流讨论。     项目说明如下： 1.db.sql是项目中用到的表，数据库使用的是oracle11g 2.该项目使用mvn进行管理，私服为自搭建nexus,项目只用到一个第三方 jar，就是oracle的驱动； 3.默认项目为零配置启动，如果需要更改启动方式，请
  • 《开源框架那点事儿16》：缓存相关代码的演变 j2eetop 开源框架
    问题引入 上次我参与某个大型项目的优化工作，由于系统要求有比较高的TPS，因此就免不了要使用缓冲。 该项目中用的缓冲比较多，有MemCache，有Redis，有的还需要提供二级缓冲，也就是说应用服务器这层也可以设置一些缓冲。 当然去看相关实现代代码的时候，大致是下面的样子。 [java] view plain copy print ? public vo
  • AngularJS浅析 kvhur JavaScript
    概念 AngularJS is a structural framework for dynamic web apps. 了解更多详情请见原文链接：http://www.gbtags.com/gb/share/5726.htm Directive 扩展html，给html添加声明语句，以便实现自己的需求。对于页面中html元素以ng为前缀的属性名称，ng是angular的命名空间
  • 架构师之jdk的bug排查(一)---------------split的点号陷阱 nannan408 split
    1.前言.    jdk1.6的lang包的split方法是有bug的,它不能有效识别A.b.c这种类型,导致截取长度始终是0.而对于其他字符,则无此问题.不知道官方有没有修复这个bug. 2.代码 String[] paths = "object.object2.prop11".split("'"); System.ou
  • 如何对10亿数据量级的mongoDB作高效的全表扫描 quentinXXZ mongodb
      本文链接:  http://quentinXXZ.iteye.com/blog/2149440 一、正常情况下，不应该有这种需求 首先，大家应该有个概念，标题中的这个问题，在大多情况下是一个伪命题，不应该被提出来。要知道，对于一般较大数据量的数据库，全表查询，这种操作一般情况下是不应该出现的，在做正常查询的时候，如果是范围查询，你至少应该要加上limit。 说一下，
  • C语言算法之水仙花数 qiufeihu c算法
    /** * 水仙花数 */ #include <stdio.h> #define N 10 int main() { int x,y,z; for(x=1;x<=N;x++) for(y=0;y<=N;y++) for(z=0;z<=N;z++) if(x*100+y*10+z == x*x*x
  • JSP指令 wyzuomumu jsp
    jsp指令的一般语法格式： <%@ 指令名 属性 =”值 ” %> 常用的三种指令： page,include,taglib page指令语法形式： <%@ page 属性 1=”值 1” 属性 2=”值 2”%> include指令语法形式： <%@include file=”relative url”%> (jsp可以通过 include
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他