cukw6666
cukw6666

css 实现计数器_CSS计数器简介

css 实现计数器

Counters are a big part of programming. They help keep tabs on loops by storing the number of times it’s been executed. Common variable names for increment counters are i, j and k. Before the days of modern CSS, keeping track of things on the page was either done manually in the markup, or by using JavaScript to tally things up. These days are long gone as CSS has a well supported counter property that makes things easy.

计数器是编程的重要组成部分。 它们通过存储执行次数来帮助保持循环。 增量计数器的常见变量名是i ， j和k 。 在现代CSS时代来临之前，跟踪页面上的内容要么是在标记中手动完成的，要么是使用JavaScript进行汇总。 由于CSS具有良好支持的counter属性，使事情变得简单，因此这些日子已经一去不复返了。

页面的编号部分 (Numbering Sections of a Page)

To get started with counters, imagine you have a page that has multiple

tags, each with it’s own heading

and content. That page may look something like this:

要开始使用计数器，请假设您有一个包含多个

标记的页面，每个标记都有自己的标题

和内容。 该页面可能看起来像这样： 


  
Ratings

  Insert a table with reptile ratings on it...




  
Alligators

  Insert awesome facts about alligators here...




  
Turtles

  Insert interesting facts about turtles here...




  
Snakes

  Insert sketchy facts about snakes here...

If you wanted to number each

you could simply prefix each

with the number right in the markup. While a great solution when you have a small fixed number of sections, things fall apart quickly when you have tens or even hundreds of sections. The complexity compounds quite quickly the moment you need to reorder the sections.

如果您想为每个

编号，则可以在标记中为每个

加上数字前缀。 当您拥有固定数量的部分时，这是一个很好的解决方案，但是当您拥有数十甚至数百个部分时，事情很快就会崩溃。 当您需要重新排序各部分时，复杂性很快就形成了。

To alleviate this burden, we can use CSS counters. The first step to using CSS counters is to initialize a counter, which sets the value to zero 0:

为了减轻这种负担，我们可以使用CSS计数器。 使用CSS计数器的第一步是初始化一个计数器，该计数器将值设置为零0 ： 

body {
  counter-reset: sections;
}

For each section, we will want to increment the counter by 1:

对于每个部分，我们将希望将计数器增加1 ： 

section {
  counter-increment: sections;
}

To use the counter’s value, we can use the content property to prepend the value to the heading h2:

要使用计数器的值，我们可以使用content属性将值添加到标题h2 ： 

h2:before {
  content: counter(sections) ". ";
}

Now we’ll have section headings like 1. Ratings and 2. Alligators. That’s not all, the counter is impervious to adding and removing new sections as well as reordering them!

现在，我们将获得诸如1. Ratings和2. Alligators类的标题。 不仅如此，添加和删除新部分以及重新排列它们的计数器是不可渗透的！

计算表中的行数 (Counting the Number of Rows in a Table)

Counting the number of rows in a

is quite similar to how we added a numerical value to each section on the page. The big difference will be that we are only interested in the total value, and not the value for each row.

计算

的行数与我们向页面的每个部分添加数值非常相似。 最大的不同是我们只对总价值感兴趣，而不对每一行的价值感兴趣。

Before we can tally up the rows in a

, we will need a
to work with:

在计算出

的行之前，我们需要一个
进行处理：

Reptile Rating
Alligator 9001
Turtle 223
Snake 3.14
Rows

Note the use of , and . While not necessary, by grouping the rows into sections, we can better target just the rows in the section and omit any rows in the header or footer.

注意使用 ， 和 。 虽然没有必要，但通过将行分组为多个节，我们可以更好地仅将节中的行作为目标，并省略页眉或页脚中的任何行。

Same as before, we will want to initiate a counter with a zero value:

与以前一样，我们将要初始化一个零值的计数器： 

body {
  counter-reset: rows;
}

For each row in the we shall increment the counter:

对于中的每一行 ，我们将增加计数器： 

table tbody tr {
  counter-increment: rows;
}

Finally, we will add the total number of rows, the final value of the counter, to the footer in the column aptly classed as .total:

最后，我们将总行数(计数器的最终值)添加到适当归类为.total的列的页脚中： 

table .total:before {
  content: counter(rows);
}

Now our

will report on how many rows it contains. Adding or deleting rows to the markup will yield an updated total. This even works when using JavaScript to manipulate the DOM.

现在，我们的

将报告它包含多少行。 在标记中添加或删除行将产生更新的总数。 甚至在使用JavaScript操纵DOM时也可以使用 。

结论 (Conclusion)

Even though we’re blurring the line between content and design, counters in CSS are extremely useful and in many cases can completely eliminate the need of introducing JavaScript to a page.

即使我们模糊了内容和设计之间的界限，CSS中的计数器还是非常有用的，并且在许多情况下可以完全消除将JavaScript引入页面的需要。

Want to see the code snippets on this page in action and play around with it on your own? Check out the code from this post on CodeSandbox.

是否想实际查看此页面上的代码片段并自己使用？ 在CodeSandbox上查看这篇文章中的代码。

翻译自: https://www.digitalocean.com/community/tutorials/css-css-counters

css 实现计数器

你可能感兴趣的:(css 实现计数器_CSS计数器简介)

  • 探究 Java SPI 原理与实战_打造高扩展性的应用架构 随风九天 javajava架构开发语言JavaSPI
    1.引言1.1为什么需要模块化与扩展性设计在大型软件系统中，良好的架构设计是至关重要的。模块化和可扩展性设计使得我们能够：将功能划分为独立的模块；在不修改原有代码的前提下引入新功能；实现松耦合、高内聚的设计目标。Java提供了多种机制来支持这种设计，其中SPI（ServiceProviderInterface）是一种轻量级的服务发现机制，广泛用于构建插件化系统。1.2Java中的常见扩展机制概述扩
  • 网络安全协议之SSL协议 北邮23级网安 sslweb安全网络
    SSL协议简介什么是SSL协议？SSL协议是一种安全套接层协议，它可以在TCP协议的基础上提供数据的加密、身份验证和完整性保护。SSL协议主要由两部分组成：握手协议和记录协议。握手协议负责建立安全连接，交换公钥和证书，商定对称密钥等；记录协议负责使用对称密钥对数据进行加密和解密，以及检测数据的完整性。SSL协议常用于Web浏览器和Web服务器之间的通信，例如HTTPS。（HTTPS是一种安全的HT
  • 你懂安全优化SSL嘛? 巴依老爷coder 安全安全ssl网络协议
    一文带你了解SSL全部内容CIA?SSL概述加密算法对比数字签名与证书RSA加密算法代码实操1.更完善的错误处理2.证书验证3.资源管理改进常见的面试问题CIA?在信息安全领域，CIA（保密性、完整性、可用性）是核心原则，各有其实现方法与面临的威胁：保密性：实现方法：运用加密技术，对称加密（如AES）适合大量数据快速加密，非对称加密（如RSA）用于密钥交换与数字签名；借助访问控制手段，像基于角色的
  • Story2：自动化免密登录CSDN和百度+Spring AI文档，并进行页签切换
    开发环境搭建以及前期回顾请移步至CSDN自动写博客系列（总）一、整体方案构思，文字描述：1、CSDN免密登录，参考Story1：自动化_CSDN免密登录2、百度免密登录，原理同CSDN免密登录，但是这里注意一下：（1）百度免密登录扫码获取cookie用的是百度APP，请下载好百度APP进行扫描（2）在实现百度免密登录的时候会碰到一个问题，当添加百度cookie的时候，原CSDN的cookie是已经
  • Paimon LSM Tree Compaction核心：堆和败者树 lifallen PaimonLSMTreejava数据库数据结构apache大数据算法flink
    SortMergeReaderWithMinHeapSortMergeReaderWithMinHeap是Paimon合并排序（Merge-Sort）机制中最终执行多路归并（K-wayMerge）的核心实现之一。SortMergeReaderWithMinHeap是SortMergeReader接口的一个具体实现。它的核心功能是接收多个已经排好序的RecordReader（代表多个有序的数据流），
  • Redis集群部署指南：高可用与分布式实践 东窗西篱梦 redis分布式数据库
    目录1.原理与理论2.背景与目的3.详细部署步骤（手动操作）步骤1：安装Redis5.0.4步骤2：配置Redis服务步骤3：修改关键配置步骤4：启动所有节点步骤5：构建集群步骤6：验证集群状态4.常见问题与解决方案节点无法加入集群集群槽位未完全分配主从切换失败客户端重定向错误5.总结与心得1.原理与理论Redis集群通过分片（Sharding）实现数据分布式存储，核心机制包括：槽位分配（Slot
  • Netty架构解析：从高性能到协议支持 lifallen Nettyjava开发语言设计模式数据结构nio
    Netty是一个异步事件驱动的网络应用程序框架，用于快速开发可维护的高性能协议服务器和客户端。主要应用场景高性能网络服务器(HTTP、WebSocket、TCP服务器)分布式系统通信(RPC框架、消息队列)协议实现(自定义协议、标准协议适配)网络代理和网关(负载均衡、API网关)核心基础(CoreFoundation)io.netty.common:提供通用的工具类、常量和基本抽象，例如Attri
  • 基于python+flask框架的某图书馆书籍推荐系统的设计与实现（开题+程序+论文） 计算机毕设 zhihao502 pythonflask课程设计
    本系统（程序+源码+数据库+调试部署+开发环境）带论文文档1万字以上，文末可获取，系统界面在最后面。系统程序文件列表开题报告内容研究背景在数字化时代，图书馆作为知识传播与积累的重要场所，面临着如何更有效地服务于广大读者的挑战。随着信息量的爆炸式增长，读者在浩瀚的书海中寻找符合个人兴趣和需求的书籍变得日益困难。传统的图书检索方式已难以满足读者快速、精准获取推荐书籍的需求。因此，开发一套智能化的图书馆
  • Spring Boot与MyBatisPlus集成实践：数据库操作简易化
    本文还有配套的精品资源，点击获取简介：本项目"mybatisplus-01.zip"旨在探讨如何将SpringBoot与MyBatisPlus集成，以创建高效和便捷的数据库操作应用。MyBatisPlus是MyBatis的增强版，简化了SQL操作并提供了更多功能。SpringBoot则是一个用于快速开发微服务的框架，它预设了许多配置，减少了初始化项目和编写配置文件的工作。本项目详细介绍了Sprin
  • 如何在YashanDB中实现灵活的数据建模？ 数据库
    随着信息技术的不断发展，数据量的快速增长使得数据建模成为数据库设计中的一个核心问题。尤其是在面对复杂的业务需求时，合理的数据模型能够有效支撑数据的存储、查询和管理。在这样的背景下，如何在YashanDB中实现灵活的数据建模，成为开发者和数据库管理员亟需解决的技术挑战。核心技术点分析支持多种存储结构YashanDB提供了多种存储结构的支持，包括行存（HEAP）、B树存储（BTREE）以及列存储（MC
  • 使用Robocorp和LangChain构建可扩展的Python自动化工作流 qq_37836323 langchainpython自动化
    使用Robocorp和LangChain构建可扩展的Python自动化工作流引言在当今快速发展的技术世界中，自动化已成为提高效率和生产力的关键。Robocorp是一个强大的平台，它允许开发者构建和运行可在任何地方、任何规模无缝运行的Python工作流。本文将探讨如何结合Robocorp和LangChain来创建灵活、可扩展的自动化解决方案。Robocorp简介Robocorp是一个现代化的自动化平
  • MySQL实现任意级子目录的主要方案以及区别
    常见的实现方案及区别1.邻接表（AdjacencyList）方案描述：每条记录存储一个节点的父节点ID。表结构大致：idINTPRIMARYKEY,nameVARCHAR(...),parent_idINT--指向父节点的ID，根节点为NULL或0优点：结构简单，直观，容易维护。插入、删除单条节点简单。缺点：查询整个树或任意节点的所有子孙节点比较复杂，需递归多次查询（MySQL8.0之前不支持递归
  • redis实现消息队列 秋恬意 redis
    ✅一、使用List实现消息队列的原理（经典队列模型）RedisList本质是什么？Redis的List是一个双向链表（quicklist实现），支持从两端高效地插入和弹出元素。队列模型怎么实现？你可以把List当成一个先进先出的队列：生产者使用LPUSH把消息推入队列（左边）消费者使用RPOP弹出队列（右边）如果用BRPOP，消费者会阻塞等待直到有消息可读⚙️工作机制示意图：生产者（LPUSH）-
  • MVVM和MVC区别 秋恬意 mvcvue
    MVVM（Model-View-ViewModel）和MVC（Model-View-Controller）是两种常见的软件架构模式，它们在处理用户界面与业务逻辑之间的交互时有一些不同的设计理念和实现方式。下面我将详细说明这两种模式的区别。1.架构概述MVC（Model-View-Controller）Model：表示应用的核心数据和业务逻辑，通常是与数据库交互的部分。View：用户界面，负责显示数
  • Java NIO 核心知识总结
    NIO简介在传统的JavaI/O模型（BIO）中，I/O操作是以阻塞的方式进行的。也就是说，当一个线程执行一个I/O操作时，它会被阻塞直到操作完成。这种阻塞模型在处理多个并发连接时可能会导致性能瓶颈，因为需要为每个连接创建一个线程，而线程的创建和切换都是有开销的。为了解决这个问题，在Java1.4版本引入了一种新的I/O模型—NIO（NewIO，也称为Non-blockingIO）。NIO弥补了同
  • Windows环境下串口通信开发实战工具包 八大山狗
    本文还有配套的精品资源，点击获取简介：在Windows操作系统中，串口是一种用于计算机与外部设备通信的接口，尤其适用于旧式硬件和特定嵌入式系统。串口通信简单且实用，适合点对点或多点数据传输。本文介绍了Windows环境下如何使用串口开发工具进行调试和开发。提供了包括串口模拟工具和串口命令收发工具在内的实用程序，这些工具可以帮助开发者无需实际连接硬件即可测试和验证串口通信协议，提高开发和调试效率。同
  • 全面掌握10W Qi标准无线充电解决方案 泠川
    本文还有配套的精品资源，点击获取简介：本文介绍了一种符合Qi无线充电标准、输出功率为10瓦特的无线充电方案。该方案适用于多种设备，如智能手机和平板电脑，提供比传统5W无线充电更快的充电速度。方案详细提供了无线充电器的原理图、PCB文件和BOM文件，包含了从设计到生产的完整资料，帮助开发者或制造商深入理解无线充电器的设计和实现。其中，“NE8101”作为核心芯片，确保了高效率的无线充电和符合Qi标准
  • Unreal Engine开发者的助手：nFringeSetup1.16+config插件介绍
    本文还有配套的精品资源，点击获取简介：UnrealEngine是游戏开发中广受欢迎的引擎，其强大的图形渲染和开发工具得到开发者的青睐。nFringeSetup1.16+config插件专为UnrealEngine与VisualStudio2008的集成而设计，简化了UDK和Unreal项目的构建与管理。该插件提供了无缝的开发环境，优化了代码编辑、调试和构建过程。它还通过Config_.rar文件提
  • 构建安全隔离的数据共享通道：NFS、CSI 与动态卷调度实践 观熵 Docker安全docker容器存储
    构建安全隔离的数据共享通道：NFS、CSI与动态卷调度实践关键词：容器存储、安全隔离、NFS、CSI插件、动态卷调度、跨节点挂载、PVC策略、Kubernetes卷权限摘要：在容器化应用中，跨Pod、跨节点的数据共享是典型需求场景，NFS与CSI（ContainerStorageInterface）成为主流实现路径。但共享存储往往伴随权限泄露、数据冲突、状态污染等风险。本文从NFS与CSI的原理出
  • c语言——运算符 俊昭喜喜里 c语言开发语言
    一.运算符的简介1.运算符的定义：运算符就是在c语言中程序执行运算的逻辑符号。优先级运算符名称或含义使用形式结合方向说明1[]数组下标数组名[常量表达式]左到右--()圆括号(表达式）/函数名(形参表)--.成员选择（对象）对象.成员名--->成员选择（指针）对象指针->成员名--2-负号运算符-表达式右到左单目运算符~按位取反运算符~表达式++自增运算符++变量名/变量名++--自减运算符--变
  • java毕业设计图书馆座位预约管理系统维修端源码+lw文档+mybatis+系统+mysql数据库+调试 木林网络 mybatisjava数据库
    java毕业设计图书馆座位预约管理系统维修端源码+lw文档+mybatis+系统+mysql数据库+调试java毕业设计图书馆座位预约管理系统维修端源码+lw文档+mybatis+系统+mysql数据库+调试本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、
  • 程序代码篇---Python指明函数参数类型
    文章目录前言简介一、函数参数的类型指定1.基本类型提示2.默认参数3.可变参数4.联合类型（Union）5.可选类型（Optional）6.复杂类型二、返回值的类型指定1.基本返回类型2.无返回值（None）3.返回多个值（Tuple）4.生成器（Generator）三、高级类型提示用法1.类型别名（TypeAliases）2.泛型（Generics）3.可调用对象（Callable）4.NewT
  • Apple A 系列芯片 Camera 架构解析：ISP + NPU 图像管线协同机制全景实战 观熵 影像技术全景图谱：架构调优与实战架构接口隔离原则影像Camera
    AppleA系列芯片Camera架构解析：ISP+NPU图像管线协同机制全景实战关键词：AppleA系列、图像信号处理器（ISP）、神经网络引擎（NPU）、SmartHDR、DeepFusion、图像协同计算、图像路径优化、拍照性能、图像延迟控制、AppleSilicon摘要：苹果在A系列芯片中持续深化ISP与NPU的协同架构，实现图像质量、算法速度与功耗的高度平衡。从A11到A17Pro，App
  • Xbox One 控制器转换为 macOS HID 设备的工作原理分析 aerror xboxmacos
    XboxOne控制器转换为macOSHID设备的工作原理分析源代码在https://github.com/guilhermearaujo/xboxonecontrollerenabler.git这个工程的核心功能是将XboxOne控制器（macOS原生不支持的设备）转换为macOS可识别的HID设备。这里通过分析代码，详细解释其工作原理、设备描述和报告描述符的实现。整体架构该项目由三个主要部分组成
  • 求模运算符c 写代码的小球 算法
    在C语言中，取模运算（也称为取余运算）使用取模运算符%来实现。数学上称为mod。取模运算的基本形式是x%y，表示x除以y的余数。取模运算的基本原理取模运算的基本公式是：x%y=x-y*(x/y)其中，x/y表示整数除法的结果1。例如：#includeintmain(){inta=-3;intb=2;intresult=a%b;printf("%d%%%d=%d\n",a,b,result);//输
  • 基于JAVA的酒店管理系统的设计与实现 代论文网课招代理 前端javascript开发语言网络数据库
    目录绪论3第一章课题研究途径与意义51.1本课题研究途径51.2本课题研究意义6第二章酒店管理系统分析72.1背景介绍72.2现实需求分析81)酒店首页介绍模块92)顾客注册登录模块93)信息查询模块104)预订管理模块105)管理员登录模块106)超级管理员登录模块107)房间信息模块102.3系统环境需求101)系统采用Windows操作系统下MyEclipse开发平台开发；102)程序设计语
  • [驱动开发篇] PWM驱动开发 - 原理解析篇 车载操作系统---攻城狮 嵌入式开发驱动开发
    [驱动开发篇]PWM驱动原理解析一.PWM（脉冲宽度调制）通用原理详解1.1、PWM基础原理1.1.1.PWM波形结构1.1.2.核心控制方程1.2、通用实现原理（硬件无关）1.2.1.PWM生成基本组件1.2.2.参数关系公式1.2.3.计数模式（所有芯片通用）1.3、PWM控制机制（通用模型）1.3.1.开环控制（基础模式）1.3.2.闭环控制（高级模式）1.4、通用应用原理1.4.1.功率控
  • Charles中文版抓包工具：提升网络请求调试与API性能的高效工具
    在当今的软件开发过程中，调试网络请求和优化API性能是保证应用顺畅运行和提高用户体验的关键。对于开发者来说，能够高效捕捉和分析HTTP/HTTPS请求的工具是必不可少的。Charles抓包工具作为一款广受欢迎的网络调试工具，提供了强大的功能来帮助开发者分析网络流量、优化API性能并提高开发效率。本文将深入探讨如何利用Charles中文版抓包工具加速网络请求调试、提升API性能，并通过有效的功能实现
  • 操作系统——磁盘调度算法代码实现 十指流玉 笔记操作系统
    磁盘调度算法先来先服务算法（FCFS）：先来先服务算法根据访问磁盘的先后顺序进行，由当前磁头位置移动到首先到达缓存区的磁盘。优点：公平/简单，该算法的平均寻道时间相对较长。voidFCFS(){intsum=0;intstart;intFind[11];cout>start;cout>Find[i];}cout";for(inti=1;i";}cout>start;cout>Find[i].loc
  • 【一起来学AI大模型】支持向量机（SVM）：核心算法深度解析 运器123 AI大模型支持向量机机器学习人工智能ai大数据AI编程算法
    一、算法核心思想支持向量机（SVM）是一种强大的监督学习算法，核心思想是通过寻找最优超平面实现分类或回归：分类目标：找到能最大化两类数据间隔的超平面回归目标：找到包含最多数据点的ε带关键概念图解超平面：w·x+b=0/\/\+1|支持向量|-1|●●||●●||●●||_________________|最大间隔(margin)二、数学原理与优化问题1.线性可分情况目标函数：\min_{w,b}\
  • Java 并发包之线程池和原子计数 lijingyao8206 Java计数ThreadPool并发包java线程池
    对于大数据量关联的业务处理逻辑，比较直接的想法就是用JDK提供的并发包去解决多线程情况下的业务数据处理。线程池可以提供很好的管理线程的方式，并且可以提高线程利用率，并发包中的原子计数在多线程的情况下可以让我们避免去写一些同步代码。     这里就先把jdk并发包中的线程池处理器ThreadPoolExecutor 以原子计数类AomicInteger 和倒数计时锁C
  • java编程思想 抽象类和接口 百合不是茶 java抽象类接口
    接口c++对接口和内部类只有简介的支持,但在java中有队这些类的直接支持   1 ,抽象类 :  如果一个类包含一个或多个抽象方法,该类必须限定为抽象类(否者编译器报错)   抽象方法 : 在方法中仅有声明而没有方法体    package com.wj.Interface;
  • [房地产与大数据]房地产数据挖掘系统 comsci 数据挖掘
           随着一个关键核心技术的突破,我们已经是独立自主的开发某些先进模块,但是要完全实现,还需要一定的时间...        所以,除了代码工作以外,我们还需要关心一下非技术领域的事件..比如说房地产     &nb
  • 数组队列总结 沐刃青蛟 数组队列
          数组队列是一种大小可以改变，类型没有定死的类似数组的工具。不过与数组相比，它更具有灵活性。因为它不但不用担心越界问题，而且因为泛型（类似c++中模板的东西）的存在而支持各种类型。      以下是数组队列的功能实现代码：   import List.Student; public class
  • Oracle存储过程无法编译的解决方法 IT独行者 oracle存储过程　
    今天同事修改Oracle存储过程又导致2个过程无法被编译，流程规范上的东西，Dave 这里不多说，看看怎么解决问题。   1.     查看无效对象 XEZF@xezf(qs-xezf-db1)> select object_name,object_type,status from all_objects where status='IN
  • 重装系统之后oracle恢复 文强chu oracle
    前几天正在使用电脑，没有暂停oracle的各种服务。 突然win8.1系统奔溃，无法修复，开机时系统 提示正在搜集错误信息，然后再开机，再提示的无限循环中。 无耐我拿出系统u盘 准备重装系统，没想到竟然无法从u盘引导成功。 晚上到外面早了一家修电脑店，让人家给装了个系统，并且那哥们在我没反应过来的时候， 直接把我的c盘给格式化了 并且清理了注册表，再装系统。 然后的结果就是我的oracl
  • python学习二（ 一些基础语法） 小桔子 pthon基础语法
    紧接着把！昨天没看继续看django 官方教程，学了下python的基本语法 与c类语言还是有些小差别： 1.ptyhon的源文件以UTF-8编码格式 2. /   除 结果浮点型 //  除 结果整形 %   除 取余数 *   乘 **  乘方 eg 5**2 结果是5的2次方25 _&
  • svn 常用命令 aichenglong SVN版本回退
    1 svn回退版本   1)在window中选择log,根据想要回退的内容,选择revert this version或revert chanages from this version 两者的区别:   revert this version:表示回退到当前版本(该版本后的版本全部作废)   revert chanages from this versio
  • 某小公司面试归来 alafqq 面试
    先填单子，还要写笔试题，我以时间为急，拒绝了它。。时间宝贵。 老拿这些对付毕业生的东东来吓唬我。。 面试官很刁难，问了几个问题，记录下； 1，包的范围。。。public,private,protect. --悲剧了 2，hashcode方法和equals方法的区别。谁覆盖谁.结果，他说我说反了。 3，最恶心的一道题，抽象类继承抽象类吗？（察，一般它都是被继承的啊） 4，stru
  • 动态数组的存储速度比较 集合框架 百合不是茶 集合框架
    集合框架： 自定义数据结构(增删改查等) package 数组; /** * 创建动态数组 * @author 百合 * */ public class ArrayDemo{ //定义一个数组来存放数据 String[] src = new String[0]; /** * 增加元素加入容器 * @param s要加入容器
  • 用JS实现一个JS对象，对象里有两个属性一个方法 bijian1013 js对象
    <html> <head> </head> <body> 用js代码实现一个js对象，对象里有两个属性，一个方法 </body> <script> var obj={a:'1234567',b:'bbbbbbbbbb',c:function(x){
  • 探索JUnit4扩展：使用Rule bijian1013 java单元测试JUnitRule
            在上一篇文章中，讨论了使用Runner扩展JUnit4的方式，即直接修改Test Runner的实现(BlockJUnit4ClassRunner)。但这种方法显然不便于灵活地添加或删除扩展功能。下面将使用JUnit4.7才开始引入的扩展方式——Rule来实现相同的扩展功能。 1. Rule       &n
  • [Gson一]非泛型POJO对象的反序列化 bit1129 POJO
    当要将JSON数据串反序列化自身为非泛型的POJO时，使用Gson.fromJson(String, Class)方法。自身为非泛型的POJO的包括两种： 1. POJO对象不包含任何泛型的字段 2. POJO对象包含泛型字段，例如泛型集合或者泛型类 Data类 a.不是泛型类， b.Data中的集合List和Map都是泛型的 c.Data中不包含其它的POJO    
  • 【Kakfa五】Kafka Producer和Consumer基本使用 bit1129 kafka
    0.Kafka服务器的配置 一个Broker， 一个Topic Topic中只有一个Partition（）   1. Producer： package kafka.examples.producers; import kafka.producer.KeyedMessage; import kafka.javaapi.producer.Producer; impor
  • lsyncd实时同步搭建指南——取代rsync+inotify ronin47
    1. 几大实时同步工具比较 1.1 inotify + rsync 最近一直在寻求生产服务服务器上的同步替代方案，原先使用的是 inotify + rsync，但随着文件数量的增大到100W+，目录下的文件列表就达20M，在网络状况不佳或者限速的情况下，变更的文件可能10来个才几M，却因此要发送的文件列表就达20M，严重减低的带宽的使用效率以及同步效率；更为要紧的是，加入inotify
  • java-9. 判断整数序列是不是二元查找树的后序遍历结果 bylijinnan java
    public class IsBinTreePostTraverse{ static boolean isBSTPostOrder(int[] a){ if(a==null){ return false; } /*1.只有一个结点时，肯定是查找树 *2.只有两个结点时，肯定是查找树。例如{5,6}对应的BST是 6 {6,5}对应的BST是
  • MySQL的sum函数返回的类型 bylijinnan javaspringsqlmysqljdbc
    今天项目切换数据库时，出错 访问数据库的代码大概是这样： String sql = "select sum(number) as sumNumberOfOneDay from tableName"; List<Map> rows = getJdbcTemplate().queryForList(sql); for (Map row : rows
  • java设计模式之单例模式 chicony java设计模式
    在阎宏博士的《JAVA与模式》一书中开头是这样描述单例模式的： 　　作为对象的创建模式，单例模式确保某一个类只有一个实例，而且自行实例化并向整个系统提供这个实例。这个类称为单例类。 单例模式的结构 　　单例模式的特点： 单例类只能有一个实例。 单例类必须自己创建自己的唯一实例。 单例类必须给所有其他对象提供这一实例。 　　饿汉式单例类   publ
  • javascript取当月最后一天 ctrain JavaScript
    <!--javascript取当月最后一天--> <script language=javascript> var current = new Date(); var year = current.getYear(); var month = current.getMonth(); showMonthLastDay(year, mont
  • linux tune2fs命令详解 daizj linuxtune2fs查看系统文件块信息
    一.简介： tune2fs是调整和查看ext2/ext3文件系统的文件系统参数，Windows下面如果出现意外断电死机情况，下次开机一般都会出现系统自检。Linux系统下面也有文件系统自检，而且是可以通过tune2fs命令，自行定义自检周期及方式。 二.用法： Usage: tune2fs [-c max_mounts_count] [-e errors_behavior] [-g grou
  • 做有中国特色的程序员 dcj3sjt126com 程序员
      从出版业说起 网络作品排到靠前的，都不会太难看，一般人不爱看某部作品也是因为不喜欢这个类型，而此人也不会全不喜欢这些网络作品。究其原因，是因为网络作品都是让人先白看的，看的好了才出了头。而纸质作品就不一定了，排行榜靠前的，有好作品，也有垃圾。 许多大牛都是写了博客，后来出了书。这些书也都不次，可能有人让为不好，是因为技术书不像小说，小说在读故事，技术书是在学知识或温习知识，有
  • Android：TextView属性大全 dcj3sjt126com textview
    android:autoLink    设置是否当文本为URL链接/email/电话号码/map时，文本显示为可点击的链接。可选值(none/web/email/phone/map/all)  android:autoText    如果设置，将自动执行输入值的拼写纠正。此处无效果，在显示输入法并输
  • tomcat虚拟目录安装及其配置 eksliang tomcat配置说明tomca部署web应用tomcat虚拟目录安装
    转载请出自出处：http://eksliang.iteye.com/blog/2097184 1.-------------------------------------------tomcat  目录结构 config：存放tomcat的配置文件 temp  ：存放tomcat跑起来后存放临时文件用的 work   ： 当第一次访问应用中的jsp
  • 浅谈：APP有哪些常被黑客利用的安全漏洞 gg163 APP
    首先，说到APP的安全漏洞，身为程序猿的大家应该不陌生；如果抛开安卓自身开源的问题的话，其主要产生的原因就是开发过程中疏忽或者代码不严谨引起的。但这些责任也不能怪在程序猿头上，有时会因为BOSS时间催得紧等很多可观原因。由国内移动应用安全检测团队爱内测（ineice.com）的CTO给我们浅谈关于Android 系统的开源设计以及生态环境。 1. 应用反编译漏洞：APK 包非常容易被反编译成可读
  • C#根据网址生成静态页面 hvt Web.netC#asp.nethovertree
    HoverTree开源项目中HoverTreeWeb.HVTPanel的Index.aspx文件是后台管理的首页。包含生成留言板首页，以及显示用户名，退出等功能。根据网址生成页面的方法：   bool CreateHtmlFile(string url, string path) { //http://keleyi.com/a/bjae/3d10wfax.htm stri
  • SVG 教程 （一） 天梯梦 svg
    SVG 简介 SVG 是使用 XML 来描述二维图形和绘图程序的语言。 学习之前应具备的基础知识： 继续学习之前，你应该对以下内容有基本的了解： HTML XML 基础 如果希望首先学习这些内容，请在本站的首页选择相应的教程。 什么是SVG？ SVG 指可伸缩矢量图形 (Scalable Vector Graphics) SVG 用来定义用于网络的基于矢量
  • 一个简单的java栈 luyulong java数据结构栈
    public class MyStack { private long[] arr; private int top; public MyStack() { arr = new long[10]; top = -1; } public MyStack(int maxsize) { arr = new long[maxsize]; top
  • 基础数据结构和算法八：Binary search sunwinner AlgorithmBinary search
    Binary search needs an ordered array so that it can use array indexing to dramatically reduce the number of compares required for each search, using the classic and venerable binary search algori
  • 12个C语言面试题，涉及指针、进程、运算、结构体、函数、内存，看看你能做出几个！ 刘星宇 c面试
    12个C语言面试题，涉及指针、进程、运算、结构体、函数、内存，看看你能做出几个！ 1.gets()函数 问：请找出下面代码里的问题： #include<stdio.h> int main(void) {     char buff[10];     memset(buff,0,sizeof(buff));
  • ITeye 7月技术图书有奖试读获奖名单公布 ITeye管理员 活动ITeye试读
    ITeye携手人民邮电出版社图灵教育共同举办的7月技术图书有奖试读活动已圆满结束，非常感谢广大用户对本次活动的关注与参与。 7月试读活动回顾： http://webmaster.iteye.com/blog/2092746 本次技术图书试读活动的优秀奖获奖名单及相应作品如下（优秀文章有很多，但名额有限，没获奖并不代表不优秀）： 《Java性能优化权威指南》