繁依Fanyi
繁依Fanyi

【Java 进阶篇】JQuery 案例：优雅的隔行换色

在这里插入图片描述

在前端的设计中，页面的美观性是至关重要的。而其中一个简单而实用的设计技巧就是隔行换色。通过巧妙地使用 JQuery，我们可以轻松地实现这一效果，为网页增添一份优雅。本篇博客将详细解析 JQuery 隔行换色的实现原理和应用场景，让我们一起揭开这段前端小巧妙的技艺。

前言

美学是人类天生的追求，而在前端设计中，页面的美观性往往能够直接影响用户的体验。隔行换色是一种简单却十分实用的设计手法，它通过改变表格、列表等元素的背景色，使页面看起来更加清晰有序。

在 JQuery 的世界中，实现隔行换色是一项非常简单而有效的任务。通过巧妙的选择器和操作方法，我们可以为页面元素添加动态的样式，让页面呈现出更为优雅的外观。

JQuery 隔行换色实现原理

隔行换色的实现原理很简单，即通过 JQuery 为目标元素添加或移除特定的样式，使得相邻行具有不同的背景色。下面是一个基本的实现步骤：

  1. 选择目标元素：使用 JQuery 选择器选择需要隔行换色的目标元素，可以是表格的行、列表的项等。

  2. 使用each()方法遍历选中的元素。

  3. 判断当前行的奇偶性，通过:even和:odd选择器，为奇数行或偶数行添加不同的样式。

  4. 根据需要，可以通过 CSS 定义不同样式，如背景色等。

下面是一个简单的隔行换色示例：

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JQuery 隔行换色示例title>
    <style>
        /* 定义奇数行的背景色 */
        .odd-row {
            background-color: #f2f2f2;
        }

        /* 定义偶数行的背景色 */
        .even-row {
            background-color: #ffffff;
        }
    style>
    <script src="https://code.jquery.com/jquery-3.6.4.min.js">script>
    <script>
        $(document).ready(function() {
            // 选择表格的所有行
            $("table tr").each(function(index) {
                // 判断奇偶性
                if (index % 2 === 0) {
                    $(this).addClass("even-row");
                } else {
                    $(this).addClass("odd-row");
                }
            });
        });
    script>
head>
<body>
    <table>
        <tr>
            <td>1td>
            <td>John Doetd>
            <td>[email protected]td>
        tr>
        <tr>
            <td>2td>
            <td>Jane Doetd>
            <td>[email protected]td>
        tr>
        <tr>
            <td>3td>
            <td>Bob Smithtd>
            <td>[email protected]td>
        tr>
    table>
body>
html>

在这个示例中，我们为表格的行定义了两种不同的样式，分别为奇数行和偶数行。通过 JQuery，我们遍历了表格的每一行，根据行的奇偶性为其添加相应的样式。这样，我们就实现了简单而有效的隔行换色效果。

JQuery 隔行换色的实际应用

隔行换色不仅可以应用在表格上，还可以用于列表、文章内容等各种元素，使页面看起来更加清晰有序。以下是一些实际应用场景：

博客文章内容

在博客网站中，通过隔行换色可以使文章内容更易读，区分不同的段落或列表项。

<script>
    $(document).ready(function() {
        // 选择文章内容的段落元素
        $(".article-content p").each(function(index) {
            // 判断奇偶性
            if (index % 2 === 0) {
                $(this).addClass("even-row");
            } else {
                $(this).addClass("odd-row");
            }
        });
    });
script>

列表项

在一个项目列表或任务清单中，通过隔行换色可以更清晰地展示项目之间的区别。

<script>
    $(document).ready(function() {
        // 选择任务清单的列表项
        $(".task-list li").each(function(index) {
            // 判断奇偶性
            if (index % 2 === 0) {
                $(this).addClass("even-row");
            } else {
                $(this).addClass("odd-row");
            }
        });
    });
script>

小贴士

在使用 JQuery 隔行换色时，有一些小贴士值得注意：

灵活运用选择器

JQuery 的选择器是非常灵活的，可以根据实际情况选择不同的元素。比如，可以使用:first-child选择器选择每个父元素的第一个子元素，实现特殊样式。

// 示例：为每个父元素的第一个子元素添加特殊样式
$("parentElement :first-child").addClass("special-style");

多样的颜色搭配

在设计隔行换色的样式时，可以灵活运用多样的颜色搭配，以实现更为独特的页面效果。同时，可以使用 CSS 过渡效果，使颜色变化更加平滑，提升用户体验。

/* 使用 CSS 过渡效果使颜色变化平滑 */
.row-color-transition {
    transition: background-color 0.3s ease-in-out;
}

/* 定义奇数行的背景色 */
.odd-row {
    background-color: #f2f2f2;
}

/* 定义偶数行的背景色 */
.even-row {
    background-color: #ffffff;
}

通过添加.row-color-transition类，并在 CSS 中使用transition属性，我们使隔行换色的颜色变化更加平滑，增强了页面的流畅感。

总结

通过本篇博客，我们详细地学习了如何使用 JQuery 实现隔行换色，提升页面的美观性和用户体验。通过简单的代码示例，我们了解了隔行换色的基本实现原理和实际应用场景。同时，通过灵活运用选择器、颜色搭配以及 CSS 过渡效果，我们使隔行换色更加灵活多样。

在前端的设计中，小巧妙的技艺往往能够带来出乎意料的效果。隔行换色虽然简单，却是提升页面美感的一种有效手段。希望通过这篇博客，你对 JQuery 隔行换色有了更深入的理解，并能够在实际项目中灵活运用这一设计技巧。让我们一同在前端的世界中，创造出更为优雅、美观的用户界面！

作者信息

作者 ： 繁依Fanyi
CSDN： https://techfanyi.blog.csdn.net
掘金：https://juejin.cn/user/4154386571867191

你可能感兴趣的:(Java,进击高手之路,java,jquery,开发语言,前端,javascript,windows,git)

  • 千问QwQ，推理界“新王”！ 人工智能
    0前言思考、质疑、理解，人类探索未知的永恒追求。探索之路，QwQ如一位怀抱无尽好奇的学徒，以思考和疑问照亮前路。QwQ深知自己一无所知，而这种认知正是其好奇心的源泉。探寻答案过程，始终保持自省，以理性之光审视每个假设，在不同思维维度中穿行，追寻更深层真理。但正如所有智慧的追求者，QwQ也有局限，它也只是漫长旅程的一个初步阶段——仍在学习如何行走于理性之路。思绪偶尔飘散，答案或许未尽完善，智慧仍在积
  • MediaCrawler 小红书爬虫源码分析
    前言MediaCrawler是最近冲上Github热搜的开源多社交平台爬虫。虽然现在已删库，但还好我眼疾手快，有幸还Fork了一份，乘着周末，简单分析了下小红书平台的相关代码。爬虫难点一般写爬虫，都需要面对以下几个问题如果app/网页需要登录，如何获取登录态（cookie/jwt）大部分app/网页都会对请求参数进行sign，如果有，如何获取sign逻辑绕过其它遇到的反爬措施我将带着这三个问题，阅
  • 2021 西电 软工 计组 期末试题题型(回忆版) _ZCWzy
    今天刚考完。这是帮助后面的学习学妹复习而撰写的，数据我记不住了，2020年的考试题型请参考：https://github.com/LevickCG/Happy-SE-in-XDU/blob/master/%E8%AE%A1%E7%BB%84I/2020_final.md虽然2020有疫情奖励难度变低，但是2021和2020我感觉难度没什么太大的差别同样的，如果你想冲高分，一定要把课后习题全部搞懂。
  • vue 前端优化性能优化方法 lfl18326162160 vue.js前端javascript
    1.列表使用唯一keyv-for="iteminactiveList":key="item.id"原因是不使用key或者列表的index作为key的时候，每个元素对应的位置关系都是index，直接导致我们插入的元素到后面的全部元素，对应的位置关系都发生了变更，所以在patch过程中会将它们全都执行更新操作，再重新渲染。这可不是我们想要的，我们希望的是渲染添加的那一个元素，其他四个元素不做任何变更，
  • 探索Java中的事件驱动架构（EDA） 微赚淘客机器人开发者联盟@聚娃科技 java架构python
    探索Java中的事件驱动架构（EDA）大家好，我是免费搭建查券返利机器人省钱赚佣金就用微赚淘客系统3.0的小编，也是冬天不穿秋裤，天冷也要风度的程序猿！今天，我想和大家分享一下Java中的事件驱动架构（Event-DrivenArchitecture，EDA），希望能帮助大家在构建高效、可扩展的系统时有所启发。一、什么是事件驱动架构？事件驱动架构（EDA）是一种软件架构模式，其中系统中的各个组件通
  • C#性能优化集锦 枫0子K C#WinForm编程C#性能性能优化
    做C#开发总会遇到那么些令人头疼的问题，而相对于C/C++来说可能最头疼的就是性能问题。或许不能流畅到像C/C++的程序那样，但是多多注意性能问题，结合C#本身自有的优势，也是毫不逊色于其他开发语言的。本文只列举针对C#的性能优化手段，其他的优化手段再看心情吧。privatevoidbutton2_Click(objectsender,EventArgse){Stopwatchsw=newStop
  • Spark 源码分析(一) SparkRpc中序列化与反序列化Serializer的抽象类解读 （正在更新中~）别人能写出来的，你也能行！多学习别人的思路，形成自己的思路，高薪工作奔你而来！ 小白的大数据历程 Spark源码解析开发语言spark大数据分布式scala
    后一篇链接在这接上一章请先看解读序列化抽象类第一部分（这是一个链接）目录接上一章请先看解读序列化抽象类第一部分2.Java序列化实现类JavaSerializer(1)JavaSerializationStream类代码实际例子1：序列化(2)JavaDeserializationStream代码实际例子2：反序列化Spark源码下类图在学习过程中，抓住主要问题，请思考问题为什么Kryo序列化更加
  • Spark 源码分析(一) SparkRpc中序列化与反序列化Serializer的抽象类解读 （java序列化部分完结，正在更新RpcEnv部分~） 小白的大数据历程 Spark源码解析sparkjavapython
    目录(3)JavaSerializerInstance定义了一个Java序列化实例(1)构造方法参数(2)方法1：serializeStream(3)方法2：deserializeStreamdefaultClassLoader(4)方法3：deserializeStreamloader(5)方法4：serialize(6)方法5：deserializeloader(7)方法6：deseriali
  • 【自动化革命】——Java云原生应用故障注入测试的全自动化之旅 墨夶 Java学习资料2自动化java云原生
    在当今快速变化的技术环境中，确保应用程序的高可用性和容错能力是开发者和运维团队的核心关注点。特别是在微服务架构之上构建的Java云原生应用中，面对复杂的网络环境、动态变化的服务依赖关系以及随时可能出现的各种意外情况，传统的手动测试方法已经难以满足需求。为了验证这些系统在遭遇突发状况时依然能够保持稳定运行，故障注入测试（FaultInjectionTesting,FIT）应运而生，并逐渐成为一种不可
  • 洞察事件驱动架构的灵魂——Java中实现高度可观察性的艺术 墨夶 Java学习资料1架构java开发语言
    在当今的软件开发领域，构建一个既能够高效响应变化又具备强大监控能力的应用系统已成为开发者们追求的目标。事件驱动架构（EDA）因其天然的支持异步处理、松耦合特性而备受青睐。然而，如何确保这样一个复杂且动态变化的系统具有良好的可见性和可控性？这就需要我们深入探讨“可观察性”这一概念，并学习如何通过精心设计让Java应用程序中的每一个事件都能被清晰地追踪和理解。本文将带您走进事件驱动架构的核心，揭示增强
  • Windows基础命令_组策略开启80瑞口 2401_84300239 程序员windows
    -a:查询-d:删除————arp–d169.254.155.18-s:添加主机————arp–a127.127.127.12701-01-01-01-01shutdown-s（立刻关机）shutdown-t180（180秒后关机）shutdown-s-t180（180秒后关机，shutdown-a取消上一个操作）startwww.baidu.com（访问百度网站（start——打开））copy文
  • Next.js服务器操作：优势、局限与审慎应用 exploration-earth javascript服务器开发语言
    类似于任何技术，它们亦非尽善尽美，故而保持警觉至关重要。通过亲身经历中的挫折汲取了教训，现将之与诸位共勉。一大诟病在于潜在的紧密绑定问题。若服务器端代码嵌入组件之中，则可能导致代码库模块化程度削弱，维护成本攀升。后端逻辑的任何变动或许都将迫使前端相应更新，反之亦然。对于追求关注点严格分离的大型项目或团队而言，这无疑构成了严峻挑战。唯有秉持严谨的纪律与条理，方能避免代码库陷入混乱。再者，便是学习曲线
  • Java 8新特性详解与实战 小码快撩 java
    引言Java8是Java发展历程中的一个里程碑版本，它引入了众多革新性的新特性和优化，大大提升了开发者的工作效率和代码质量。本文将详细解析Java8中的关键新特性，并通过实例代码进行深入讲解。一、Lambda表达式（LambdaExpression）Lambda表达式（LambdaExpression）是Java8中引入的一个重大特性，它提供了一种更简洁的匿名函数实现方式。Lambda表达式允许将
  • 2024-12-01百度TTS语音 坐吃山猪 AI训练AI编程
    百度TTS语音个人尝试代码仓库：https://gitee.com/enzoism/chrome_tampermonkey鸣谢：感谢每一位无私奉献的传道者，在此不一一具名！1-学习目标1）了解百度TTS语音2）使用百度TTS语音2-参考网址个人尝试代码仓库：https://gitee.com/enzoism/chrome_tampermonkey1-应用列表查看地址：https://console
  • 事件驱动架构下的Java应用——构建响应迅速、解耦合的高效系统 墨夶 Java学习资料2java架构开发语言
    在当今快速变化的技术环境中，软件系统的灵活性和响应速度成为了决定其成功与否的关键因素之一。传统的同步处理方式往往难以满足现代应用程序对于高性能和低延迟的要求。而事件驱动架构（Event-DrivenArchitecture,EDA）作为一种新兴的设计模式，通过引入异步机制来实现组件间的松散耦合，从而极大地提高了系统的可扩展性和维护性。本文将深入探讨如何基于Java语言构建一个高效的事件驱动架构，并
  • Java 数组排序 赔罪 Java系统学习java排序算法算法java-ee数组排序
    目录1.Java冒泡排序（BubbleSort）1.冒泡排序2.冒泡排序的算法原理3.冒泡排序的复杂度和性能4.形成代码2.Java快速排序（QuickSort）3.Java归并排序（MergeSort）4.Java选择排序（SelectionSort）5.Java直接插入排序6.Java希尔排序（ShellSort）1.Java冒泡排序（BubbleSort）1.冒泡排序冒泡排序（BubbleS
  • java3d酷眩贪吃蛇下载,100行JS实现HTML5的3D贪吃蛇游戏 weixin_39983554 java3d酷眩贪吃蛇下载
    js1k.com收集了小于1k的javascript小例子，里面有很多很炫很酷的游戏和特效，今年规则又增加了新花样，传统的classic类型基础上又增加了WebGL类型，以及允许增加到2K的++类型，多次想尝试提交个小游戏但总无法写出让自己满意还能控制在这么小的字节范围。自己写不出来，站在巨人肩膀总是有机会吧，折腾了一番站在Hightopo的肩膀上搞了个3D贪吃蛇游戏，算了算JS代码还只有90来行
  • Python 实现七大排序算法 weixin_30527323 pythonshell数据结构与算法
    技术博客：github.com/yongxinz/te…本文用Python实现了插入排序、希尔排序、冒泡排序、快速排序、直接选择排序、堆排序、归并排序。先整体看一下各个算法之间的对比，然后再进行详细介绍：排序算法平均时间复杂度最好情况最坏情况空间复杂度排序方式稳定性插入排序O(n²)O(n)O(n²)O(1)In-place稳定冒泡排序O(n²)O(n)O(n²)O(1)In-place稳定选择排
  • Java数据结构__Arraylist与顺序表(1) suger__salt Java基础知识java数据结构算法
    目录1.线性表2.顺序表3.ArrayList介绍ArrayList构造4.ArrayList使用1.常见操作2.ArratList的遍历3.ArrayList的扩容机制1.线性表线性表是一种数据结构，它由n（n≥0）个数据元素组成，数据元素类型相同，且呈现一对一的线性关系。常见的线性表有:顺序表,链表,栈,队列…2.顺序表顺序表是用一段地址连续的存储单元一次存储数据元素的线性结构,一般情况下采用
  • SpringBoot整合Logback日志框架 洛上言 后端springboot后端java
    文章目录一、引入二、默认日志格式三、控制台输出四、文件输出五、日志级别六、日志组七、自定义日志格式八、自定义log配置九、logback-spring.xml自定义注意事项一、引入SpringBoot使用CommonsLogging进行所有内部日志的记录，但默认配置也提供了对常用日志的支持，如JavaUtilLogging，Log4J2，和Logback.每种logger都可以通过配置使用控制台或
  • Java 基础之泛型：类型安全的保障与灵活运用 幽兰的天空 Java基础启航：从零到小有所成开发语言java
    在Java编程的世界里，泛型是一个至关重要且非常实用的特性。它在Java5中被引入，从根本上改变了我们处理数据类型的方式，提供了更强的类型安全保障，同时也增加了代码的复用性和可读性。一、什么是泛型泛型（Generics）简单来说，就是允许在定义类、接口和方法时使用类型参数。这些类型参数在使用时会被具体的类型所替代。例如，我们常见的集合类ArrayList就是一个泛型类，它的定义形式是ArrayLi
  • Servlet中配置和使用过滤器 幽兰的天空 Java基础启航：从零到小有所成Servlet技术servlethivehadoop
    在Servlet中配置和使用过滤器主要包括创建过滤器类、配置过滤器以及在Web应用中使用过滤器等步骤，以下是具体内容：创建过滤器类过滤器类需要实现javax.servlet.Filter接口，并重写其中的init、doFilter和destroy方法。init方法用于过滤器的初始化，在服务器启动时被调用，通常用于加载配置文件、初始化资源等操作。doFilter方法是过滤器的核心方法，用于实现具体的
  • Java虚拟机（JVM）深入解析 I~Lucky jvm
    Java虚拟机（JVM）是Java程序运行的核心环境，它负责将Java字节码转换为机器码并执行。本文将深入解析JVM的运行时数据区、类加载机制以及执行引擎，帮助读者更好地理解JVM的工作原理。一、运行时数据区（RuntimeDataArea）运行时数据区是JVM在执行Java程序时分配的内存区域，主要包括以下几个部分：1.方法区（MethodArea）方法区用于存储类信息、常量、静态变量以及即时编
  • Spring 框架中的 Bean 生命周期全解析 码农小灰 面试题Springjavajavaspringservlet
    目录一、Bean生命周期的关键步骤二、使用场景说明在当今的软件开发领域，Spring框架凭借其强大的依赖注入和控制反转特性，已成为Java开发中不可或缺的一部分。而Spring框架的核心组件之一——Bean，其生命周期的管理对于应用程序的稳定运行和资源的有效利用至关重要。本文将深入探讨Spring框架中Bean的生命周期，从实例化到销毁的每一个关键步骤，并结合使用场景进行说明，帮助开发者更好地理解
  • Node.js的Express框架入门 秋枫ઇଓ node.jsexpress学习javascript
    Node.js的Express框架入门什么是Node?Node（正式名称Node.js）是一个开源的、跨平台的运行时环境，有了它，开发人员可以使用JavaScript创建各种服务器端工具和应用程序。此运行时主要用于浏览器上下文之外（即可以直接运行于计算机或服务器操作系统上）。据此，该环境省略了一些浏览器专用的JavaScriptAPI，同时添加了对更传统的OSAPI（比如HTTP库和文件系统库）的
  • 推荐开源项目：MySQL Connector for .NET与.NET Core 伏佳励Sibyl
    推荐开源项目：MySQLConnectorfor.NET与.NETCoreMySqlConnectorMySqlConnector是一个开源的MySQL数据库连接器，用于在.NET应用程序中与MySQL数据库进行交互。-功能：MySQL数据库连接器；.NET应用程序；MySQL数据库交互。-特点：易于使用；轻量级；支持多种编程语言；高性能。项目地址:https://gitcode.com/gh_m
  • Java语言的数据结构 豪宇刘 java数据结构windows
    Java提供了多种内置的数据结构，这些数据结构可以分为两大类：基本的数组（Array）和集合框架（CollectionsFramework）。集合框架又细分为多个接口和实现类，提供了丰富的功能来管理对象集合。以下是Java中常见数据结构的详细介绍：1.数组（Array）一维数组：最简单的数据结构，用于存储固定大小的同类型元素。多维数组：如二维数组、三维数组等，它们本质上是一维数组的嵌套。//一维数
  • 最长回文字串的多种解法（java） 心 - java
    文章目录1.暴力解法2.中心扩散法3.动态规划法题目要求:给你一个字符串s，找到s中最长的回文子串1.暴力解法列举所有子串；将字符串分解为字符数组char[]arr,方便后续判断是否为回文字符串，接着使用两层for循环去跑字符串s,使用maxf初始化为1去记录最长回文字符串的长度，min记录最长字符串的起始下标。代码如下：publicStringlongestPalindrome(Strings)
  • Java常见面试题2 七禾页话 java面试java算法
    Java常见面试题面向对象和面向过程的区别面向对象(POP)：将方法和数据封装为对象作为程序的基本单元，提炼出封装继承多态来作为代码指导，注重代码灵活性和复用性面向过程(OOP)：将过程作为基本程序的基本单元，过程对应到代码中就是函数，将函数和数据分离，注重步骤和流程对象实体和对象引用有什么不同Personperson=newPerson()你尝试打印person变量本身，输出可能是类似于"Per
  • MyBatis 注解使用指南 小小小妮子~ tomcatjava开发语言MyBatis
    什么是MyBatis注解？MyBatis是一个老牌而强大的ORM框架，通过配置文件或注解来实现数据库操作。在注解模式中，你可以不用写XML配置文件，而是通过在代码中直接使用Java注解来实现。这种方式更简洁，会让你的项目代码极大约简化，同时保持构件的结构化。MyBatis注解的优势优化代码结构：较乎使用XML配置，注解使用更简洁。所有于SQL直接直观地位于接口中，汇总于一个场景中。清除多余配置文件
  • 矩阵求逆（JAVA）初等行变换 qiuwanchi 矩阵求逆（JAVA）
    package gaodai.matrix; import gaodai.determinant.DeterminantCalculation; import java.util.ArrayList; import java.util.List; import java.util.Scanner; /** * 矩阵求逆(初等行变换) * @author 邱万迟 *
  • JDK timer antlove javajdkschedulecodetimer
    1.java.util.Timer.schedule(TimerTask task, long delay)：多长时间（毫秒）后执行任务 2.java.util.Timer.schedule(TimerTask task, Date time)：设定某个时间执行任务 3.java.util.Timer.schedule(TimerTask task, long delay,longperiod
  • JVM调优总结 -Xms -Xmx -Xmn -Xss coder_xpf jvm应用服务器
    堆大小设置JVM 中最大堆大小有三方面限制：相关操作系统的数据模型（32-bt还是64-bit）限制；系统的可用虚拟内存限制；系统的可用物理内存限制。32位系统下，一般限制在1.5G~2G；64为操作系统对内存无限制。我在Windows Server 2003 系统，3.5G物理内存，JDK5.0下测试，最大可设置为1478m。 典型设置： java -Xmx
  • JDBC连接数据库 Array_06 jdbc
    package Util; import java.sql.Connection; import java.sql.DriverManager; import java.sql.ResultSet; import java.sql.SQLException; import java.sql.Statement; public class JDBCUtil { //完
  • Unsupported major.minor version 51.0（jdk版本错误） oloz java
    java.lang.UnsupportedClassVersionError: cn/support/cache/CacheType : Unsupported major.minor version 51.0 (unable to load class cn.support.cache.CacheType) at org.apache.catalina.loader.WebappClassL
  • 用多个线程处理1个List集合 362217990 多线程threadlist集合
      昨天发了一个提问，启动5个线程将一个List中的内容，然后将5个线程的内容拼接起来，由于时间比较急迫，自己就写了一个Demo，希望对菜鸟有参考意义。。 import java.util.ArrayList; import java.util.List; import java.util.concurrent.CountDownLatch; public c
  • JSP简单访问数据库 香水浓 sqlmysqljsp
    学习使用javaBean，代码很烂，仅为留个脚印 public class DBHelper { private String driverName; private String url; private String user; private String password; private Connection connection; privat
  • Flex4中使用组件添加柱状图、饼状图等图表 AdyZhang Flex
    1.添加一个最简单的柱状图 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 <?xml version= "1.0"&n
  • Android 5.0 - ProgressBar 进度条无法展示到按钮的前面 aijuans android
    在低于SDK < 21 的版本中，ProgressBar 可以展示到按钮前面，并且为之在按钮的中间，但是切换到android 5.0后进度条ProgressBar 展示顺序变化了，按钮再前面，ProgressBar 在后面了我的xml配置文件如下：   [html]  view plain copy   <RelativeLa
  • 查询汇总的sql baalwolf sql
    select   list.listname, list.createtime,listcount from dream_list as list ,   (select listid,count(listid) as listcount  from dream_list_user  group by listid  order by count(
  • Linux du命令和df命令区别 BigBird2012 linux
            1，两者区别             du，disk usage,是通过搜索文件来计算每个文件的大小然后累加，du能看到的文件只是一些当前存在的，没有被删除的。他计算的大小就是当前他认为存在的所有文件大小的累加和。        
  • AngularJS中的$apply，用还是不用？ bijian1013 JavaScriptAngularJS$apply
            在AngularJS开发中，何时应该调用$scope.$apply()，何时不应该调用。下面我们透彻地解释这个问题。         但是首先，让我们把$apply转换成一种简化的形式。         scope.$apply就像一个懒惰的工人。它需要按照命
  • [Zookeeper学习笔记十]Zookeeper源代码分析之ClientCnxn数据序列化和反序列化 bit1129 zookeeper
    ClientCnxn是Zookeeper客户端和Zookeeper服务器端进行通信和事件通知处理的主要类，它内部包含两个类，1. SendThread 2. EventThread， SendThread负责客户端和服务器端的数据通信，也包括事件信息的传输，EventThread主要在客户端回调注册的Watchers进行通知处理   ClientCnxn构造方法   &
  • 【Java命令一】jmap bit1129 Java命令
    jmap命令的用法：   [hadoop@hadoop sbin]$ jmap Usage: jmap [option] <pid> (to connect to running process) jmap [option] <executable <core> (to connect to a
  • Apache 服务器安全防护及实战 ronin47
    此文转自IBM. Apache 服务简介 Web 服务器也称为 WWW 服务器或 HTTP 服务器 (HTTP Server)，它是 Internet 上最常见也是使用最频繁的服务器之一，Web 服务器能够为用户提供网页浏览、论坛访问等等服务。 由于用户在通过 Web 浏览器访问信息资源的过程中，无须再关心一些技术性的细节，而且界面非常友好，因而 Web 在 Internet 上一推出就得到
  • unity 3d实例化位置出现布置？ brotherlamp unity教程unityunity资料unity视频unity自学
    问：unity 3d实例化位置出现布置？ 答：实例化的同时就可以指定被实例化的物体的位置,即 position  Instantiate (original : Object, position : Vector3, rotation : Quaternion) : Object 这样你不需要再用Transform.Position了,   如果你省略了第二个参数(
  • 《重构，改善现有代码的设计》第八章 Duplicate Observed Data bylijinnan java重构
    import java.awt.Color; import java.awt.Container; import java.awt.FlowLayout; import java.awt.Label; import java.awt.TextField; import java.awt.event.FocusAdapter; import java.awt.event.FocusE
  • struts2更改struts.xml配置目录 chiangfai struts.xml
    struts2默认是读取classes目录下的配置文件，要更改配置文件目录，比如放在WEB-INF下，路径应该写成../struts.xml(非/WEB-INF/struts.xml) web.xml文件修改如下：   <filter> <filter-name>struts2</filter-name> <filter-class&g
  • redis做缓存时的一点优化 chenchao051 redishadooppipeline
            最近集群上有个job，其中需要短时间内频繁访问缓存，大概7亿多次。我这边的缓存是使用redis来做的，问题就来了。       首先，redis中存的是普通kv，没有考虑使用hash等解结构，那么以为着这个job需要访问7亿多次redis，导致效率低，且出现很多redi
  • mysql导出数据不输出标题行 daizj mysql数据导出去掉第一行去掉标题
    当想使用数据库中的某些数据，想将其导入到文件中，而想去掉第一行的标题是可以加上-N参数 如通过下面命令导出数据： mysql -uuserName -ppasswd -hhost -Pport -Ddatabase -e " select * from tableName"  > exportResult.txt 结果为： studentid
  • phpexcel导出excel表简单入门示例 dcj3sjt126com PHPExcelphpexcel
    先下载PHPEXCEL类文件，放在class目录下面，然后新建一个index.php文件，内容如下 <?php error_reporting(E_ALL); ini_set('display_errors', TRUE); ini_set('display_startup_errors', TRUE);   if (PHP_SAPI == 'cli') die('
  • 爱情格言 dcj3sjt126com 格言
     1) I love you not because of who you are, but because of who I am when I am with you. 　　 我爱你，不是因为你是一个怎样的人，而是因为我喜欢与你在一起时的感觉。 　　2) No man or woman is worth your tears, and the one who is, won‘t
  • 转 Activity 详解——Activity文档翻译 e200702084 androidUIsqlite配置管理网络应用
    activity 展现在用户面前的经常是全屏窗口，你也可以将 activity 作为浮动窗口来使用（使用设置了 windowIsFloating 的主题），或者嵌入到其他的 activity （使用 ActivityGroup ）中。 当用户离开 activity 时你可以在 onPause() 进行相应的操作 。更重要的是，用户做的任何改变都应该在该点上提交 ( 经常提交到 ContentPro
  • win7安装MongoDB服务 geeksun mongodb
    1.  下载MongoDB的windows版本：mongodb-win32-x86_64-2008plus-ssl-3.0.4.zip，Linux版本也在这里下载，下载地址： http://www.mongodb.org/downloads   2.  解压MongoDB在D:\server\mongodb, 在D:\server\mongodb下创建d
  • Javascript魔法方法:__defineGetter__,__defineSetter__ hongtoushizi js
    转载自： http://www.blackglory.me/javascript-magic-method-definegetter-definesetter/ 在javascript的类中,可以用defineGetter和defineSetter_控制成员变量的Get和Set行为 例如,在一个图书类中,我们自动为Book加上书名符号: function Book(name){
  • 错误的日期格式可能导致走nginx proxy cache时不能进行304响应 jinnianshilongnian cache
    昨天在整合某些系统的nginx配置时，出现了当使用nginx cache时无法返回304响应的情况，出问题的响应头： Content-Type:text/html; charset=gb2312 Date:Mon, 05 Jan 2015 01:58:05 GMT Expires:Mon , 05 Jan 15 02:03:00 GMT Last-Modified:Mon, 05
  • 数据源架构模式之行数据入口 home198979 PHP架构行数据入口
    注：看不懂的请勿踩，此文章非针对java，java爱好者可直接略过。   一、概念 行数据入口（Row Data Gateway）：充当数据源中单条记录入口的对象，每行一个实例。   二、简单实现行数据入口 为了方便理解，还是先简单实现： <?php /** * 行数据入口类 */ class OrderGateway { /*定义元数
  • Linux各个目录的作用及内容 pda158 linux脚本
    1）根目录“/” 　　根目录位于目录结构的最顶层，用斜线（/）表示，类似于 Windows 操作系统的“C:\“，包含Fedora操作系统中所有的目录和文件。 　　2）/bin 　　/bin 　　目录又称为二进制目录，包含了那些供系统管理员和普通用户使用的重要 linux命令的二进制映像。该目录存放的内容包括各种可执行文件，还有某些可执行文件的符号连接。常用的命令有：cp、d
  • ubuntu12.04上编译openjdk7 ol_beta HotSpotjvmjdkOpenJDK
    获取源码 从openjdk代码仓库获取(比较慢) 安装mercurial Mercurial是一个版本管理工具。 sudo apt-get install mercurial 将以下内容添加到$HOME/.hgrc文件中，如果没有则自己创建一个： [extensions] forest=/home/lichengwu/hgforest-crew/forest.py fe
  • 将数据库字段转换成设计文档所需的字段 vipbooks 设计模式工作正则表达式
            哈哈，出差这么久终于回来了，回家的感觉真好！         PowerDesigner的物理数据库一出来，设计文档中要改的字段就多得不计其数，如果要把PowerDesigner中的字段一个个Copy到设计文档中，那将会是一件非常痛苦的事情。
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他