iteye_9252
iteye_9252

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

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

基本用法

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

1 <divid="accordion">
2 <h1>Section 1h1>
3 <div>
4 <p>Description 1p>
5 div>
6 <h2>Section 2h2>
7 <div>
8 <p>Description 3p>
9 div>
10 <h3>Section 3h3>
11 <div>
12 <p>Description 3p>
13 <ul>
14 <li>List item oneli>
15 <li>List item twoli>
16 <li>List item threeli>
17 ul>
18 div>
19 div>

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

1

本例完整代码如下：

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

折叠内容

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

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

自定义图标

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

1 $(function() {
2 varicons = {
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 });

设置HeightStyle

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

  • "auto": 所有Panel使用最高的那个Panel的高度.
  • "fill": 根据父容器的高度来填充.
  • "content": 每个Penel的高度取决于其内容.
1
2 <htmllang="en">
3 <head>
4 <metacharset="utf-8"/>
5 <title>jQuery UI Demostitle>
6 <linkrel="stylesheet"href="themes/trontastic/jquery-ui.css"/>
7 <scriptsrc="scripts/jquery-1.9.1.js">script>
8 <scriptsrc="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 <h3class="docs">Resize the outer container:h3>
36
37 <divid="accordion-resizer"class="ui-widget-content">
38 <divid="accordion">
39 <h3>Section 1h3>
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 2h3>
53 <div>
54 <p>Sed non urna. Donec et ante.
55 Phasellus eu ligula.
56 Vestibulum sit amet purus.
57 Vivamus hendrerit,
58 dolor at aliquet laoreet,
59 mauris turpis porttitor velit,
60 faucibus interdum tellus
61 libero ac justo.
62 Vivamus non quam.
63 In suscipit faucibus urna. p>
64 div>
65 <h3>Section 3h3>
66 <div>
67 <p>Nam enim risus, molestie et,
68 porta ac,
69 aliquam ac, risus. Quisque lobortis.
70 Phasellus pellentesque purus in massa.
71 Aenean in pede. Phasellus
72 ac libero ac tellus
73 pellentesque semper.
74 Sed ac felis. Sed commodo,
75 magna quis lacinia ornare,
76 quam ante aliquam nisi,
77 eu iaculis leo purus
78 venenatis dui. p>
79 <ul>
80 <li>List item oneli>
81 <li>List item twoli>
82 <li>List item threeli>
83 ul>
84 div>
85 <h3>Section 4h3>
86 <div>
87 <p>Cras dictum. Pellentesque
88 habitant morbi
89 tristique senectus et netus
90 et malesuada
91 fames ac turpis egestas.
92 Vestibulum
93 ante ipsum primis in faucibus
94 orci luctus
95 et ultrices posuere cubilia
96 Curae;
97 Aenean lacinia mauris
98 vel est. p>
99 <p>Suspendisse eu nisl. Nullam ut libero.
100 Integer dignissim consequat lectus.
101 Class aptent taciti sociosqu ad litora
102 torquent per conubia nostra,
103 per inceptos himenaeos. p>
104 div>
105 div>
106 div>
107
108 body>
109 html>

鼠标移动式自动打开内容

缺省情况下，打开Accordion某个部分内容，是点击该部分标题，如果需要实现移动鼠标到该部分自动展开内容，可以设置event属性，例如：

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

支持调整顺序

使用sortable方法允许重新调整Accordion每个部分的顺序，可以通过拖放的方法调整顺序：

1
2 <htmllang="en">
3 <head>
4 <metacharset="utf-8"/>
5 <title>jQuery UI Demostitle>
6 <linkrel="stylesheet"href="themes/trontastic/jquery-ui.css"/>
7 <scriptsrc="scripts/jquery-1.9.1.js">script>
8 <scriptsrc="scripts/jquery-ui-1.10.1.custom.js">script>
9 <style>
10 /* IE has layout issues when sorting (see #5413) */
11 .group {
12 zoom: 1;
13 }
14 style>
15 <script>
16 $(function () {
17 $("#accordion").accordion({
18 header: "> div > h3",
19 collapsible: true
20 }).sortable({
21 axis: "y",
22 handle: "h3",
23 stop: function (event, ui) {
24 // IE doesn't register the blur when sorting
25 // so trigger focusout handlers to remove .ui-state-focus
26 ui.item.children("h3").triggerHandler("focusout");
27 }
28 });;
29 });
30 script>
31 head>
32 <body>
33 <divid="accordion">
34 <divclass="group">
35 <h3>Section 1h3>
36
37 <div>
38 <p>Description 1p>
39 div>
40 div>
41 <divclass="group">
42 <h3>Section 2h3>
43 <div>
44 <p>Description 2p>
45 div>
46 div>
47 <divclass="group">
48 <h3>Section 3h3>
49
50 <div>
51 <p>Description 3p>
52 <ul>
53 <li>List item oneli>
54 <li>List item twoli>
55 <li>List item threeli>
56 ul>
57 div>
58 div>
59 <divclass="group">
60 <h3>Section 4h3>
61
62 <div>
63 <p>Description 4p>
64 div>
65 div>
66 div>
67
68 body>
69 html>

注意，这里使用Header属性，标题部分由div ,h3 共同构成。

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

  • React 进阶阶段学习计划 夜游猿 Reactreact.js学习前端javascript
    React进阶阶段学习计划目标掌握自定义Hooks的创建和使用。深入理解上下文（Context）和Redux的高级用法。学会服务端渲染（SSR）。深入探讨性能优化技巧。学习内容自定义Hooks创建和使用自定义Hooks自定义Hooks：用于提取组件逻辑，使代码更加模块化和复用。示例：//useFetch.jsimport{useState,useEffect}from'react';functio
  • React 高级阶段学习计划 夜游猿 Reactreact.js学习前端
    React高级阶段学习计划目标深入理解React的渲染机制和性能优化。学会代码分割和懒加载。掌握单元测试和集成测试。学习TypeScript与React的结合。学习内容性能优化React.memoReact.memo：用于优化函数组件的性能，避免不必要的重新渲染。示例：importReact,{useState,useMemo}from'react';constExpensiveComponent
  • 2024腾讯最新面经总结：面试题库+实战笔记（附答案解析） 2401_84048521 程序员面试笔记职场和发展
    20、你们用过缓存吗没有，但是用redis做了分布式锁21、你说说下分布式锁怎么做的？分布式锁也是一个锁，需要满足几个特性，1可重入2可以识别加锁的身份防止ABA问题3考虑是否需要续约key是所需要加上的锁的业务资源唯一编码，value是当前线程的uuid，uuid存在threadLocal内加锁的时候用的jedis，先设一个过期时间，然后用ex，若不存在key则添加新key，若已经存在则直接失败
  • 大数据的核心要点之一，数据作为资产是怎样入表的？ 九张算数 数据治理大数据
    **一、数据资产入表核心框架**基于《企业会计准则》及《企业数据资源相关会计处理暂行规定》，数据资产入表需满足：可控制性（企业拥有数据所有权或使用权）可计量性（成本或价值可量化）经济利益可预期性（能带来未来收益）二、数据资产入表全流程示例数据资产识别与分类场景：网城亮科技的数据资产类型：生产数据：设备传感器数据、良品率记录、工艺参数供应链数据：供应商评级、物流时效记录、库存周转率客户数据：订单历史
  • mongodb常用操作命令 行思理 数据库mongodb数据库
    1、MongoDBShell工具mongosh一般的链接命令格式为：mongosh"mongodb://hostname:port"示例：mongosh"mongodb://localhost:27017"2、显示所有数据库showdbs或者showdatabases3、切换到指定数据库（如果不存在则创建）：use4、删除当前数据库：db.dropDatabase()5、查看当前所使用的数据库db
  • 力扣216---组合总和III（Java、递归回溯） 顾城猿 编程题刷题录leetcode算法职场和发展
    目录题目描述：思路描述：代码：题目描述：找出所有相加之和为n的k个数的组合，且满足下列条件：只使用数字1到9每个数字最多使用一次返回所有可能的有效组合的列表。该列表不能包含相同的组合两次，组合可以以任何顺序返回。示例1:输入:k=3,n=7输出:[[1,2,4]]解释:1+2+4=7没有其他符合的组合了。示例2:输入:k=3,n=9输出:[[1,2,6],[1,3,5],[2,3,4]]解释:1+
  • 使用 LangChain 与 Solar LLM 的快速集成示例 qahaj langchainpython开发语言
    在本篇文章中，我们将深入探讨如何通过LangChain框架与SolarLLM（已弃用）进行集成。这虽然是一个过时的示例，但仍然可以帮助我们掌握如何使用类似的模型连接器设计结构化的语言模型调用流程。更重要的是，我们还会通过实际代码，展示集成的实现过程。一、技术背景介绍LangChain是一个强大的框架，它可以帮助开发者轻松集成不同的自然语言处理(NLP)模型，并构建复杂的链式推理任务。SolarLL
  • LeetCode - 216 组合总和 III 程序员阿甘 华为OD算法刷题笔记算法JavaScriptleetcode
    目录题目来源题目描述示例提示题目解析算法源码题目来源216.组合总和III-力扣（LeetCode）题目描述找出所有相加之和为n的k个数的组合，且满足下列条件：只使用数字1到9每个数字最多使用一次返回所有可能的有效组合的列表。该列表不能包含相同的组合两次，组合可以以任何顺序返回。示例输入:k=3,n=7输出:[[1,2,4]]解释:1+2+4=7没有其他符合的组合了。输入:k=3,n=9输出:[[
  • 链表的奇偶重排（C++） JKHaaa 链表c++数据结构
    问题描述给定一个单链表，请设定一个函数，将链表的奇数位节点和偶数位节点分别放在一起，重排后输出。注意是节点的编号而非节点的数值。数据范围：节点数量满足0≤n≤1050≤n≤105，节点中的值都满足0≤val≤10000≤val≤1000要求：空间复杂度O(n)O(n)，时间复杂度O(n)O(n)示例1输入：{1,2,3,4,5,6}返回值：{1,3,5,2,4,6}说明：1->2->3->4->5
  • CMake 常用命令 luoganttcc_son c++c++开发语言
    linkcmake是现在主流的用于多平台C++构建系统，本文用来记录cmake的一些常用命令的索引，加上一些自己理解，理解有误的话，欢迎大家指出。常用路径CMAKE_SOURCE_DIR:顶级cmakelists.txt的文件夹目录。CMAKE_BINRAY_DIR:对应cmake的build的目录，主要是运行时生成的文件目录。CMAKE_CURRENT_SOURCE_DIR:一般来说，一个工程会
  • 用 ActionNode 重构技术文档助手：从原理到实践的深度解析 海棠AI实验室 智元启示录重构ActionNodeMetaGPT人工智能AIagent
    目录什么是ActionNode？为什么用ActionNode重构技术文档助手？系统架构：从多智能体到ActionNode示例代码实现：技术文档助手中的ActionNode总结在数字化时代，技术文档的重要性日益凸显。一份清晰、准确的文档不仅能帮助用户快速上手，还能提升产品的专业形象。然而，撰写高质量的技术文档往往耗时费力。近年来，随着人工智能技术的飞速发展，自动生成技术文档成为可能。MetaGPT框
  • ProGuard加密混淆SpringBoot应用代码 lbmydream springboot后端java
    背景我们的项目是基于SpringCloud架构的微服务应用，采用Docker离线部署方式交付客户，通过授权证书来控制应用的许可功能模块和使用时间。我们已经在代码层已经实现：基于多维度硬件指纹的绑定验证，cpuid、mac地址、磁盘序列、系统时钟、应用初始时间等双重时间验证机制（系统时间+硬件时钟）安全续期机制支持离线更新防调试/防篡改保护来解决离线容器化部署Java应用程序授权问题。整体流程如下：
  • 前端知识点个人实践 fan510988896 个人实践(前端)前端javascript
    前端知识点最佳实践前端一些记录js相乘小数点问题场景解决方案table值获取问题背景：需要遍历table，获取每行数据解决方案jquery的一些实践自己看吧前端一些记录js相乘小数点问题场景在js相乘中，会发现有很多小数点解决方案首先确定相乘精确位数，然后再末尾去零handleCutZero(result.toFixed(size)functionhandleCutZero(num){//拷贝一份
  • 在k8s中，如何在argocd中添加proxy 网络飞鸥 kubernetesargocd容器
    在Kubernetes的ArgoCD中添加代理（Proxy）设置，你可以从多个层面进行操作，下面分别介绍不同组件设置代理的方法。1.ArgoCDServer代理设置ArgoCDServer负责提供WebUI和API服务，要为其设置代理，可以通过修改ArgoCDServer的部署配置来实现。步骤：编辑ArgoCDServer部署kubectleditdeploymentargocd-server-n
  • Golang学习笔记_37——外观模式 LuckyLay Golang学习笔记golang学习笔记设计模式外观模式
    Golang学习笔记_34——组合模式Golang学习笔记_35——代理模式Golang学习笔记_36——装饰器模式文章目录外观模式（FacadePattern）详解一、核心概念1.定义2.解决的问题3.核心角色4.类图二、特点分析三、适用场景1.计算机启动流程2.电商下单系统3.智能家居控制四、代码示例（Go语言）五、高级应用1.与单例模式结合2.分层外观设计六、与其他模式对比七、总结外观模式（
  • Web安全攻防入门教程——hvv行动详解 白帽子黑客罗哥 web安全安全网络安全系统安全红蓝对抗
    Web安全攻防入门教程Web安全攻防是指在Web应用程序的开发、部署和运行过程中，保护Web应用免受攻击和恶意行为的技术与策略。这个领域不仅涉及防御措施的实现，还包括通过渗透测试、漏洞挖掘和模拟攻击来识别潜在的安全问题。本教程将带你入门Web安全攻防的基础概念、常见攻击类型、防御技术以及一些实战方法。一、Web安全基础Web应用安全的三大核心目标（CIA三原则）机密性(Confidentialit
  • 【无标题】 fan510988896 JAVAjava
    日常开发stream流示例基础对象代码块@Data@ToStringpublicclassPerson{privateStringname;privateStringcity;publicPerson(Stringname,Stringcity){this.name=name;this.city=city;}}集合转换示例转换为key,object场景示例代码Listlist=newArrayLi
  • C++和OpenGL实现3D游戏编程【连载22】——父物体和子物体的消息处理机制 zhooyu cc++游戏opengl3dc
    欢迎来到zhooyu的专栏。C++和OpenGL实现3D游戏编程【专题目录】1、本节要实现的内容上一节我们了解了父子物体结构模式，方便我们快捷、控制游戏元素。这一节我们去了解怎样通过父子模式去处理系统消息，系统消息是我们和游戏之间互动的纽带，确定了游戏的用户体验。同时我们还将添加一些预制体，比如说立方体、球体、锥体、胶囊体等，方便我们今后的操作。另外我们此前的模型加载的较为单调，而且我们将加入一些
  • 正则化技术和模型融合等方法提高模型的泛化能力 小赖同学啊 人工智能人工智能
    在机器学习和深度学习中，提高模型的泛化能力至关重要，正则化技术和模型融合是两种有效的手段，以下将详细介绍它们的原理、常见方法及代码示例。正则化技术原理正则化是通过在损失函数中添加一个正则化项，来限制模型的复杂度，防止模型过拟合训练数据，从而提高模型在未见过数据上的泛化能力。正则化项通常与模型的参数相关，通过惩罚过大的参数值，使模型更加平滑和简单。常见方法L1正则化（Lasso正则化）原理：在损失函
  • 深入理解 Flink 中的 .name() 和 .uid() 方法 Ray.1998 大数据flinkkafkasparkhivehadoop
    在ApacheFlink中，.name()和.uid()是两个常用的配置方法。虽然它们看起来相似，但它们各自有着不同的功能和用途，理解这两个方法的区别和各自的应用场景，能够帮助开发者更好地管理Flink作业，提升作业的可读性、可维护性和容错性。本文将详细讲解.name()和.uid()的作用、用途以及如何在实际开发中正确使用它们。1.name()方法：为操作命名1.1.作用：.name()方法的作
  • AI快速变现之路，AI培训轻资产创业 头脑旋风 AI变现之路人工智能AI写作
    以下是针对AI写作与文案代写的快速变现方案，结合当前技术趋势和市场需求设计，分步骤实施：一、核心变现模式深化标准化内容生产线多模型协同示例：GPT-4负责故事化长文案创作（如品牌故事）Claude处理逻辑性强的产品白皮书文心一言专攻中文网络热梗植入垂直模板库行业案例：电商："3秒卖点+使用场景+情感共鸣"三段式模板教育："痛点诊断→解决方案→效果承诺"课程文案医疗："症状解析+技术优势+患者见证"
  • CMake安装与使用 不努力谁会可怜你？ 机器视觉conda
    一、背景最近要将一个使用PySide6写GUI的程序部署到英伟达JetsonNano上。原本以为装个conda就能很快装好环境，结果发现arm的生态有点太糟糕了，啥都要自己编译安装，尤其是这个Pyside6。主要参考博客。当时编译没成功，直接下载编译后的文件安装。二、目标编译conda没有的包三、编译工具简介Gcc与Clang区别Gcc：编译器——当你的程序只有一个源文件时，直接就可以用gcc命令
  • 【人工智能数学基础篇】线性代数基础学习：深入解读矩阵及其运算 猿享天开 人工智能基础知识学习线性代数人工智能学习矩阵及其运算
    矩阵及其运算：人工智能入门数学基础的深入解读引言线性代数是人工智能（AI）和机器学习的数学基础，而矩阵作为其核心概念之一，承担着数据表示、变换和运算的重任。矩阵不仅在数据科学中广泛应用，更是神经网络、图像处理、自然语言处理等领域的重要工具。本文将深入探讨矩阵的基本概念、性质及其运算，通过详细的数学公式、推导过程和代码示例，帮助读者更好地理解矩阵在AI中的应用。第一章：矩阵的基本概念1.1矩阵的定义
  • Docker入门之构建 LingRannn docker1024程序员节
    Docker构建概述DockerBuild实现了客户端-服务器架构，其中：客户端：Buildx是用于运行和管理构建的客户端和用户界面。服务器：BuildKit是处理构建执行的服务器或构建器。当您调用构建时，Buildx客户端会向BuildKit后端发送构建请求。BuildKit解析构建指令并执行构建步骤。构建输出要么发送回客户端，要么上传到注册表，例如DockerHub。Buildx和BuildK
  • 鸿蒙ArkTs如何实现pdf预览功能？
    前言在开发鸿蒙App时，你是否做过pdf预览功能。是否也和我一样碰壁了，来看看我遇到的问题，以及我是如何实现的吧。PDFKit运行示例代码报错therequestedmodule'@hms:officeservice.PdfView'doesnotprovideanexportname'pdfViewManager'whichimportedby'xxxx'真机运行本来以为用真机就能运行了，没想到
  • springboot毕设项目自驾旅游网站的设计与实现gah85（java+VUE+Mybatis+Maven+Mysql） 计算机程序设计源哥 javaspringboot旅游
    springboot毕设项目自驾旅游网站的设计与实现gah85（java+VUE+Mybatis+Maven+Mysql）项目运行环境配置：Jdk1.8+Tomcat8.5+Mysql+HBuilderX（Webstorm也行）+Eclispe（IntelliJIDEA,Eclispe,MyEclispe,Sts都支持）。项目技术：Springboot+mybatis+Maven+Vue等等组成，
  • 力扣 3248. 矩阵中的蛇(Java实现) Dr_Si leetcode算法职场和发展
    题目分析给定一个值n，既是矩阵边长还是操作次数。蛇可以进行上下左右操作，问操作完毕后的位置思路分析首先设置初始位置=0，当读取操作时进行对应的操作。由示例可以看出，UP操作就是i-=n;RIGHT操作就是i+=1;DOWN操作就是i+=n;LEFT操作就是i-=1.代码classSolution{publicintfinalPositionOfSnake(intn,Listcommands){in
  • Markdown 简明语法 markdown
    引言Markdown是一种极简的『标记语言』，将文本转为HTML，通常为我大码农所用。其不追求大而全，简洁至上，正所谓不求最贵，只求最好！0.1:1.斜体和粗体使用和*表示斜体和粗体。示例：这是斜体，这是粗体。0.2:2.分级标题使用===表示一级标题，使用---表示二级标题。示例：这是一个一级标题============================这是一个二级标题--------------
  • 【蓝桥杯集训·每日一题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
  • ztree异步加载 3213213333332132 JavaScriptAjaxjsonWebztree
    相信新手用ztree的时候,对异步加载会有些困惑，我开始的时候也是看了API花了些时间才搞定了异步加载，在这里分享给大家。 我后台代码生成的是json格式的数据，数据大家按各自的需求生成，这里只给出前端的代码。 设置setting，这里只关注async属性的配置 var setting = { //异步加载配置
  • thirft rpc 具体调用流程 BlueSkator 中间件rpcthrift
    Thrift调用过程中，Thrift客户端和服务器之间主要用到传输层类、协议层类和处理类三个主要的核心类，这三个类的相互协作共同完成rpc的整个调用过程。在调用过程中将按照以下顺序进行协同工作：         （1）     将客户端程序调用的函数名和参数传递给协议层（TProtocol），协议
  • 异或运算推导, 交换数据 dcj3sjt126com PHP异或^
    /* * 5 0101 * 9 1010 * * 5 ^ 5 * 0101 * 0101 * ----- * 0000 * 得出第一个规律: 相同的数进行异或, 结果是0 * * 9 ^ 5 ^ 6 * 1010 * 0101 * ---- * 1111 * * 1111 * 0110 * ---- * 1001
  • 事件源对象 周华华 JavaScript
    <!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
  • MySql配置及相关命令 g21121 mysql
            MySQL安装完毕后我们需要对它进行一些设置及性能优化，主要包括字符集设置，启动设置，连接优化，表优化，分区优化等等。           一 修改MySQL密码及用户      
  • [简单]poi删除excel 2007超链接 53873039oycg Excel
          采用解析sheet.xml方式删除超链接，缺点是要打开文件2次,代码如下:      public void removeExcel2007AllHyperLink(String filePath) throws Exception { OPCPackage ocPkg = OPCPac
  • Struts2添加 open flash chart 云端月影
    准备以下开源项目： 1. Struts 2.1.6 2. Open Flash Chart 2 Version 2 Lug Wyrm Charmer (28th, July 2009) 3. jofc2，这东西不知道是没做好还是什么意思，好像和ofc2不怎么匹配，最好下源码，有什么问题直接改。 4. log4j 用eclipse新建动态网站，取名OFC2Demo，将Struts2 l
  • spring包详解 aijuans spring
    下载的spring包中文件及各种包众多，在项目中往往只有部分是我们必须的，如果不清楚什么时候需要什么包的话，看看下面就知道了。 aspectj目录下是在Spring框架下使用aspectj的源代码和测试程序文件。Aspectj是java最早的提供AOP的应用框架。 dist 目录下是Spring 的发布包，关于发布包下面会详细进行说明。 docs&nb
  • 网站推广之seo概念 antonyup_2006 算法Web应用服务器搜索引擎Google
       持续开发一年多的b2c网站终于在08年10月23日上线了。作为开发人员的我在修改bug的同时，准备了解下网站的推广分析策略。     所谓网站推广，目的在于让尽可能多的潜在用户了解并访问网站，通过网站获得有关产品和服务等信息，为最终形成购买决策提供支持。     网站推广策略有很多，seo，email，adv
  • 单例模式,sql注入,序列 百合不是茶 单例模式序列sql注入预编译
      序列在前面写过有关的博客,也有过总结,但是今天在做一个JDBC操作数据库的相关内容时 需要使用序列创建一个自增长的字段  居然不会了,所以将序列写在本篇的前面    1,序列是一个保存数据连续的增长的一种方式; 序列的创建; CREATE SEQUENCE seq_pro 2 INCREMENT BY 1 -- 每次加几个 3
  • Mockito单元测试实例 bijian1013 单元测试mockito
    Mockito单元测试实例： public class SettingServiceTest { private List<PersonDTO> personList = new ArrayList<PersonDTO>(); @InjectMocks private SettingPojoService settin
  • 精通Oracle10编程SQL(9)使用游标 bijian1013 oracle数据库plsql
    /* *使用游标 */ --显示游标 --在显式游标中使用FETCH...INTO语句 DECLARE CURSOR emp_cursor is select ename,sal from emp where deptno=1; v_ename emp.ename%TYPE; v_sal emp.sal%TYPE; begin ope
  • 【Java语言】动态代理 bit1129 java语言
      JDK接口动态代理 JDK自带的动态代理通过动态的根据接口生成字节码(实现接口的一个具体类)的方式，为接口的实现类提供代理。被代理的对象和代理对象通过InvocationHandler建立关联   package com.tom; import com.tom.model.User; import com.tom.service.IUserService;
  • Java通信之URL通信基础 白糖_ javajdkwebservice网络协议ITeye
    java对网络通信以及提供了比较全面的jdk支持，java.net包能让程序员直接在程序中实现网络通信。 在技术日新月异的现在，我们能通过很多方式实现数据通信，比如webservice、url通信、socket通信等等，今天简单介绍下URL通信。 学习准备：建议首先学习java的IO基础知识   URL是统一资源定位器的简写，URL可以访问Internet和www，可以通过url
  • 博弈Java讲义 - Java线程同步 (1) boyitech java多线程同步锁
      在并发编程中经常会碰到多个执行线程共享资源的问题。例如多个线程同时读写文件，共用数据库连接，全局的计数器等。如果不处理好多线程之间的同步问题很容易引起状态不一致或者其他的错误。    同步不仅可以阻止一个线程看到对象处于不一致的状态，它还可以保证进入同步方法或者块的每个线程，都看到由同一锁保护的之前所有的修改结果。处理同步的关键就是要正确的识别临界条件（cri
  • java-给定字符串，删除开始和结尾处的空格，并将中间的多个连续的空格合并成一个。 bylijinnan java
    public class DeleteExtraSpace { /** * 题目：给定字符串，删除开始和结尾处的空格，并将中间的多个连续的空格合并成一个。 * 方法1.用已有的String类的trim和replaceAll方法 * 方法2.全部用正则表达式，这个我不熟 * 方法3.“重新发明轮子”，从头遍历一次 */ public static v
  • An error has occurred.See the log file错误解决！ Kai_Ge MyEclipse
    今天早上打开MyEclipse时，自动关闭！弹出An error has occurred.See the log file错误提示！ 很郁闷昨天启动和关闭还好着！！！打开几次依然报此错误，确定不是眼花了！ 打开日志文件！找到当日错误文件内容： --------------------------------------------------------------------------
  • [矿业与工业]修建一个空间矿床开采站要多少钱? comsci
           地球上的钛金属矿藏已经接近枯竭...........        我们在冥王星的一颗卫星上面发现一些具有开采价值的矿床.....        那么,现在要编制一个预算,提交给财政部门..
  • 解析Google Map Routes dai_lm google api
    为了获得从A点到B点的路劲，经常会使用Google提供的API，例如 [url] http://maps.googleapis.com/maps/api/directions/json?origin=40.7144,-74.0060&destination=47.6063,-122.3204&sensor=false [/url] 从返回的结果上，大致可以了解应该怎么走，但
  • SQL还有多少“理所应当”？ datamachine sql
    转贴存档，原帖地址：http://blog.chinaunix.net/uid-29242841-id-3968998.html、http://blog.chinaunix.net/uid-29242841-id-3971046.html！ ------------------------------------华丽的分割线--------------------------------
  • Yii使用Ajax验证时，如何设置某些字段不需要验证 dcj3sjt126com Ajaxyii
    经常像你注册页面,你可能非常希望只需要Ajax去验证用户名和Email,而不需要使用Ajax再去验证密码,默认如果你使用Yii 内置的ajax验证Form,例如: $form=$this->beginWidget('CActiveForm', array(        'id'=>'usuario-form',&
  • 使用git同步网站代码 dcj3sjt126com crontabgit
    转自:http://ued.ctrip.com/blog/?p=3646?tn=gongxinjun.com   管理一网站，最开始使用的虚拟空间，采用提供商支持的ftp上传网站文件，后换用vps，vps可以自己搭建ftp的，但是懒得搞，直接使用scp传输文件到服务器，现在需要更新文件到服务器，使用scp真的很烦。发现本人就职的公司，采用的git+rsync的方式来管理、同步代码，遂
  • sql基本操作 蕃薯耀 sqlsql基本操作sql常用操作
    sql基本操作 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 2015年6月1日 17:30:33 星期一     &
  • Spring4+Hibernate4+Atomikos3.3多数据源事务管理 hanqunfeng Hibernate4
    Spring3+后不再对JTOM提供支持，所以可以改用Atomikos管理多数据源事务。Spring2.5+Hibernate3+JTOM参考：http://hanqunfeng.iteye.com/blog/1554251Atomikos官网网站：http://www.atomikos.com/   一.pom.xml <dependency> <
  • jquery中两个值得注意的方法one()和trigger()方法 jackyrong trigger
      在jquery中，有两个值得注意但容易忽视的方法，分别是one()方法和trigger()方法,这是从国内作者<<jquery权威指南》一书中看到不错的介绍 1） one方法     one方法的功能是让所选定的元素绑定一个仅触发一次的处理函数，格式为    one(type,${data},fn) &nb
  • 拿工资不仅仅是让你写代码的 lampcy 工作面试咨询
    这是我对团队每个新进员工说的第一件事情。这句话的意思是，我并不关心你是如何快速完成任务的，哪怕代码很差，只要它像救生艇通气门一样管用就行。这句话也是我最喜欢的座右铭之一。 这个说法其实很合理：我们的工作是思考客户提出的问题，然后制定解决方案。思考第一，代码第二，公司请我们的最终目的不是写代码，而是想出解决方案。 话粗理不粗。 付你薪水不是让你来思考的，也不是让你来写代码的，你的目的是交付产品
  • 架构师之对象操作----------对象的效率复制和判断是否全为空 nannan408 架构师
    1.前言。   如题。 2.代码。 (1)对象的复制，比spring的beanCopier在大并发下效率要高，利用net.sf.cglib.beans.BeanCopier Src src=new Src(); BeanCopier beanCopier = BeanCopier.create(Src.class, Des.class, false);
  • ajax 被缓存的解决方案 Rainbow702 JavaScriptjqueryAjaxcache缓存
    使用jquery的ajax来发送请求进行局部刷新画面，各位可能都做过。 今天碰到一个奇怪的现象，就是，同一个ajax请求，在chrome中，不论发送多少次，都可以发送至服务器端，而不会被缓存。但是，换成在IE下的时候，发现，同一个ajax请求，会发生被缓存的情况，只有第一次才会被发送至服务器端，之后的不会再被发送。郁闷。 解决方法如下： ① 直接使用 JQuery提供的 “cache”参数，
  • 修改date.toLocaleString()的警告 tntxia String
      我们在写程序的时候，经常要查看时间，所以我们经常会用到date.toLocaleString()，但是date.toLocaleString()是一个过时 的API，代替的方法如下：   package com.tntxia.htmlmaker.util; import java.text.SimpleDateFormat; import java.util.
  • 项目完成后的小总结 xiaomiya js总结项目
    项目完成了，突然想做个总结但是有点无从下手了。 做之前对于客户端给的接口很模式。然而定义好了格式要求就如此的愉快了。 先说说项目主要实现的功能吧 1，按键精灵 2，获取行情数据 3，各种input输入条件判断 4，发送数据（有json格式和string格式） 5，获取预警条件列表和预警结果列表， 6，排序， 7，预警结果分页获取 8，导出文件（excel，text等） 9，修
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他