Missingmusic
Missingmusic

CSS3结构性伪类

html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>title>
    <style type="text/css">
        div {
            border: 1px solid red;
            height: 30px;
        }
        /*:root选择器是选择html元素*/
        :root {
            background-color: brown;
        }

        /*===============================================================
            selector:nth-child(n):匹配符合selector，并且是其父元素的第n个元素
            n也可以写作odd(奇数)、even(偶数)
            n也可写作2n+1、3n+1、4n
            selector:nth-last-child(n):匹配符合selector，并且是其父元素的倒数第n个元素
            n也可以写作odd(奇数)、even(偶数)
        */
        div.son:nth-child(odd) {
            background-color: yellow;
        }

        /*===============================================================
            selector:first-child:匹配符合selector，并且是其父元素的首个子元素
        */
        div.firstlast-son:first-child {
            background-color: white;
        }
        /*===============================================================
            selector:last-child:匹配符合selector，并且是其父元素的最后一个子元素
        */
        div.firstlast-son:last-child {
            background-color: yellow;
        }

        /*===============================================================
            selector:only-child:匹配符合selector，并且是其父元素的唯一的子节点
        */
        p:only-child {
            background-color: white;
        }

        /*===============================================================
            selector:first-of-type:匹配符合selector，并且是与它同类型、同级的兄弟元素的第一个元素
            selector:last-of-type:匹配符合selector，并且是与它同类型、同级的兄弟元素的最后一个元素
            selector:nth-of-type(n):匹配符合selector，并且是与它同类型、同级的兄弟元素的第n个元素
            selector:nth-last-of-type(n):匹配符合selector，并且是与它同类型、同级的兄弟元素的倒数第n个元素
        */
        p.first-of-type:first-of-type {
            background-color: white;
        }
        p.first-of-type:last-of-type {
            background-color: yellow;
        }

        /*
            selector:empty：匹配符合selector，并且内部没有任何子元素的元素
        */
        div.empty:empty {
            background-color: yellow;
        }
    style>
head>
<body>
    <hr/>
        <div style="height: 60px">
            :root选择器是选择html元素<br/>
            :root {
            background-color: brown;
            }
        div>
    <hr/>
        <div style="height: 200px">
            /*把类名为son的div，且是他的父类的第奇数个选出来*/<br/>
            div.son:nth-child(odd) {
            background-color: yellow;
            }
            <div class="son">div>
            <div class="son">div>
            <div class="son">div>
            <div class="son">div>
        div>
    <hr/>
        <div style="height: 80px">
            <div style="height: 35px" class="firstlast-son">
                selector:first-child:匹配符合selector，并且是其父元素的首个子元素<br/>
                div.firstlast-son:first-child {
                background-color: white;
                }
            div>
            <div style="height: 35px;" class="firstlast-son">
                selector:last-child:匹配符合selector，并且是其父元素的最后一个子元素<br/>
                div.firstlast-son:last-child {
                background-color: yellow;
                }
            div>
        div>
    <hr/>
        <div style="height: 80px">
            <p>
                selector:only-child:匹配符合selector，并且是其父元素的唯一的子节点<br/>
                p:only-child {
                background-color: white;
                }
            p>
        div>
    <hr/>
        <div style="height: 200px">
            <span>这是spanspan>
            <p class="first-of-type">
                这是第一个p<br/>
                e:first-of-type:匹配符合e，并且是与它同类型、同级的兄弟元素的第一个元素<br/>
                p:first-of-type {
                background-color: white;
                }
            p>
            <p class="first-of-type">这是第二个pp>
            <p class="first-of-type">
                这是第三个p<br/>
                e:last-of-type:匹配符合e，并且是与它同类型、同级的兄弟元素的最后一个元素<br/>
                p:last-of-type {
                background-color: yellow;
                }
            p>
        div>
    <hr/>
        selector:empty：匹配符合selector，并且内部没有任何子元素的元素
        div.empty:empty {
        background-color: yellow;
        }
        <div style="height: 60px" class="empty">div>
        <div class="empty"><span>hahahaspan>div>
body>
html>

你可能感兴趣的:(CSS3结构性伪类)

  • Vue F05 -- 伪类元素 Toreme Vuevue.jsjavascript前端
    CSSQuery不能通过$("：before")、$(dom).find(":before")、document.querySelector(“:before”)来获取:before为元素伪元素（Pseudo-elements）为什么不能直接用JS获取伪元素呢？::before::after，用于在CSS渲染中向元素是的头部或尾部插入内容，它们不受文档约束，也不影响文档本身，只影响最终样式。这些添
  • JavaScript+CSS2+CSS3中文手册大全 远方之巅
    本文还有配套的精品资源，点击获取简介：JavaScript是一种用于网页动态效果和交互功能的脚本语言，与HTML和CSS共同构建富互联网应用。CSS2和CSS3作为网页样式的语言，增强了网页设计的布局控制和用户体验。本手册集提供了这三种技术的详细指南，包括基本语法、函数、对象操作、DOM操作、事件处理、BOM、AJAX以及ES6的新特性，同时深入介绍了CSS2的盒模型、布局技巧和CSS3的媒体查询
  • 深度解析与实践：外观模式 代码世界的浪客 java设计模式深度详解外观模式
    1.什么是外观模式1.1外观模式的定义外观模式（FacadePattern）是一种结构性设计模式，它为复杂的子系统提供一个更简单、更易用的接口。通过这种方式，外部客户端无需直接与复杂的子系统交互，而是通过一个统一的外观类来访问子系统的功能。外观模式主要用于简化客户程序与复杂系统之间的接口。1.2为什么需要外观模式当程序需要处理多个子系统的复杂交互时，直接操作这些子系统可能会给客户端带来很大的负担。
  • 前端面试100问！！ 一只松 javascriptes6
    面试造火箭，工作拧螺丝！在技术圈毕竟只有百分之一的人能进入BAT，百分之九九的小伙伴只能在普通公司做这普通的事情，厌烦哪些标题党，我们抛开那些高大上的台词，回归到面试的本质。本课程帮助小伙伴们快速梳理知识，不会涉及到具体的很细节的知识点，关注面试本身。公司一般会从以下5个方面考察一个人的能力，本课程的100问是总结了最近2-3年常问的面试题，适合初中级前端工程师。1、HTML(5)和CSS3方面1
  • 3月1日（信息差） eqwaak0 信息差人工智能开发语言学习python开源软件
    第一章信息差的技术本质：从数据流动到认知断层1.1全球科技信息链的拓扑结构在数字地球的神经系统里，信息差已演变为多层级复杂网络的结构性矛盾。通过测绘全球科技数据流动图谱可见：graphLRA[实验室原始数据]-->B[企业研发数据库]B-->C[政府监管平台]C-->D[证券交易所]D-->E[媒体传播网络]E-->F[公众认知池]F-->G[市场行为反馈]每个节点的信息过滤效率差异导致认知断层：
  • css3实现缺角四边形_CSS3实现缺角矩形，折角矩形以及缺角边框 weixin_39953102 css3实现缺角四边形
    前言前几天偶然看到缺角矩形这个功能，脑袋中第一想法是，搞个绝对定位的伪元素，哪里需要挡哪里，或者找UI小哥聊聊天，忽然灵光一闪，想起之前翻过的《CSS揭秘》一书，记得有这个篇章，遂有了此文。话不多说，放个效果图先缺角CSS3实现缺角矩形，折角矩形以及缺角边框-1.png(10.03KB,下载次数:0)2020-7-2219:03上传1.伪元素实现.bg{width:120px;height:80p
  • css3实现缺角四边形_CSS3绘制六边形的简单实现 陈宇直 css3实现缺角四边形
    因为很简单，所以先总结一下：使用CSS3绘制六边形主要使用伪类:before和:after在源元素之前和之后再绘制两个元素，并利用css3的边框样式，将这两个元素变成三角形放置在源元素的两端即可。(因为之前在生物公司工作过，觉得六边形更贴近生物分子、基因等概念，包括我们在网上搜索关于生物分子、基因等图片，好多也有六边形的样式，所以那时候在页面做一些功能性的导航或Tag，都会觉得六边形更贴近一些)。
  • DeepSeek的出现，对提示词工程领域重要影响 xinxiyinhe 人工智能人工智能提示词工程
    DeepSeek的出现对提示词工程领域产生了结构性变革，其技术特性和应用生态重塑了人机交互的底层逻辑。以下从架构革新、方法论升级、行业影响三个维度展开分析，并结合具体案例说明其带来的范式转变：一、交互架构的革新：从线性指令到双螺旋结构DeepSeek推动了提示词设计从「单向命令」向"System-User双螺旋结构"的跃迁，这一创新被开发者称为“思维翻译器的认知增强套件”。系统层（System）的
  • 设计模式-结构性01-适配器模式（Adapter Pattern） 薇薇 设计模式
    适配器模式：将一个类的接口转换成客户希望的另外一个接口，使得原本由于接口不兼容而不能一起工作的那些类能一起工作（目的是消除由于接口不匹配所造成的类的兼容性问题）。适配器模式分为类结构型模式和对象结构型模式两种，前者类之间的耦合度比后者高，且要求程序员了解现有组件库中的相关组件的内部结构，所以应用相对较少些。该模式的主要优点如下。客户端通过适配器可以透明地调用目标接口。复用了现存的类，程序员不需要修
  • ‌XPath vs CSS Selector 深度对比 test猿 css前端
    ‌核心差异总览‌‌对比维度‌‌XPath‌‌CSSSelector‌‌语法复杂度‌较高（需路径表达式）简洁（类似前端开发习惯）‌性能‌较慢（全局遍历）更快（浏览器原生优化）‌文本匹配‌✅支持（contains(text(),'abc')）❌不支持‌轴定位‌✅支持（父级、兄弟等）❌仅支持直接层级（>、+等）‌动态属性处理‌✅灵活（starts-with()等函数）✅有限（^=、$=等部分匹配）‌伪类
  • CSS3过渡效果小练习-进度条 nuomi_w css3css前端
    Document.bar{width:150px;height:15px;border:1pxsolidred;border-radius:7px;}.bar_in{width:50%;height:100%;background-color:red;transition:all0.8s;}.bar:hover.bar_in{width:100%;border-radius:7px;}
  • html+css 实现发光倒影按钮 宝码香车 #html+css+js绚丽按钮htmlcss前端
    效果html+css鼠标悬停，发光倒影按钮原理解析通过a元素的hover效果实现的过渡动画:给a元素定义一个初始值，当hover时，改变这个值。这里是给a元素定义一个css3的过渡动画。当hover时改变这个过渡动画的参数。
  • css3-文字外发光效果 风云变色z h5+css3+jscss3css前端
    css3中有一个文字阴影的效果，可以使用该效果制作文字的外发光效果。这种效果在不方便使用图片的时候可以达到更好的效果。制作步骤如下：1、首先了解一下使用的csstext-shadow:5px5px5px#FF0000;效果是这样的：2、然后改造一下text-shadow:003px#FF0000;3、了解一下原理text-shadow的几个参数的解释分别如下：必需。水平阴影的位置。允许负值。必需。
  • CSS3 圆角：实现与优化指南 froginwe11 开发语言
    CSS3圆角：实现与优化指南随着网页设计的发展，CSS3圆角已经成为了现代网页设计中不可或缺的元素之一。本文将详细讲解CSS3圆角的基本用法、实现方式以及优化技巧，帮助您在网页设计中更好地运用这一功能。一、CSS3圆角基本用法1.1基本概念CSS3圆角指的是网页元素边角的弯曲程度，通过修改元素的边框属性来实现。在CSS3之前，实现圆角主要依赖于图像处理或JavaScript。1.2选择器CSS3圆
  • 【算法】贪心算法 希冀123 算法算法贪心算法
    贪心算法1.贪心介绍2.贪心本质3.最优装载问题（1）问题分析（2）算法实现（3）算法分析1.贪心介绍贪心算法总是做出当前最好的选择，期望通过局部最优选择得到全局最优的解决方案。但贪心不是从整体最优来考虑的，一旦做出选择，不会再改变，只能达到某种意义上的局部最优。简记为：想要当下最好的，但会导致目光短浅2.贪心本质应用情景：当出现两个特性——贪心选择性质和最优子结构性质时可用。（1）贪心选择性质：
  • Css3重点知识讲解 Warren98 css3前端css笔记学习开发语言html5
    选择器优先级：id选择器>类选择器>标签选择器类选择器：.myClass{color:blue;}id选择器（全局唯一）：#myId{color:green;}标签选择器：p{color:red;}层次选择器：/*后代选择器AB*/.nava{color:blue;}/*子选择器A>B*/.card>h2{color:red;}/*相邻兄弟选择器A+B（相邻向下）*/h1+p{font-size:
  • [Intervention] Ignored attempt to cancel a touchmove event with cancelable=false, for example becaus IT木昜 vuevue全家桶vue前端框架javascriptcss3es6
    vue报错：[Intervention]Ignoredattempttocancelatouchmoveeventwithcancelable=false,forexamplebecausescrollingisinprogressandcannotbeinterrupted解决方案：使用css3touch-action:none;touch-action：当你触摸并按住触摸目标时候，禁止或显示系
  • C/C++贪心算法 嗜血战魔 c语言c++贪心算法
    C++中的贪心算法一、基本概念贪心算法（又称贪婪算法，GreedyAlgorithm）是指，在对问题求解时，总是做出在当前看来是最好的选择，不从整体最优上加以考虑，所做出的仅是在某种意义上的局部最优解。贪心算法不是对所有问题都能得到整体最优解，但对范围相当广泛的许多问题能产生整体最优解或者是整体最优解的近似解。它需要满足贪心选择性质和最优子结构性质：贪心选择性质：原问题的整体最优解可以通过一系列局
  • 对CSS了解哪些？ 光影少年 css前端
    CSS（CascadingStyleSheets，层叠样式表）是用来描述HTML文档外观和布局的语言。以下是对CSS的常见了解范围：1.CSS基础选择器：如通用选择器(*)、类型选择器、类选择器(.class)、ID选择器(#id)、后代选择器、伪类（:hover、:nth-child()）等。属性与值：如color、background-color、font-size、margin、paddin
  • CSS 伪类和伪元素的混淆 神明木佑 css前端
    在CSS中，伪类和伪元素是两个不同的概念。它们的作用是相似的，都用于对元素进行样式修饰，但它们的使用方式和语法有所不同。伪类（pseudo-class）是用于选择元素的特定状态或条件的关键词，表示元素在特定状态下的样式。常见的伪类有:hover（当鼠标悬停在元素上时）、:active（当元素被激活时）、:focus（当元素获得焦点时）等。伪类使用单冒号（:）作为前缀。例如，使用:hover伪类可以
  • CSS选择器（基本选择器、关系选择器、属性选择器、伪类选择器、伪元素选择器、选择器权重及优先级）总结 shuimoguzhou csscss3前端1024程序员节
    CSS选择器一、通配符选择器*作用：选中页面中所有的元素,如下案例是给页面中的具有margin和padding的元素去除默认的内外边距。*{padding:0;marginn:0;}二、基本选择器1、id选择器作用：通过id属性的值选择元素#pid{color:#ff0000;}段落内容2、类选择器.作用：通过元素的class属性值选中元素。.box{color:#ff0000;}.fontSiz
  • HTML5、CSS3面试题 Xu.Youth 大数据
    目录1、说一说H5新标签？2、CSS3的新特性？3、如何实现一个盒子水平垂直居中？4、你是怎么理解BFC的？5、说一说盒子模型？6、如何画一个三角形？7、说一些块级元素和行内元素8、简单聊一聊重排和回流？9、文本超出部分显示省略号？10、说一说清除浮动的方式？11、请你说一说css的选择器，以及优先级12、来说一说CSS3的过渡？13、简单聊一聊CSS3的2D、3D转换14、说一说CSS3的动画？
  • 【无标题】 是懒羊羊吖～ 笔记
    一.WED前端应用软件：c/s架构b/s架构web前端：html5css3javascripthtml5：超文本标记语言----超链接，文字，标签标签语法规范：结束-----双标签标签体------可以嵌套inputimg---------单标签属性：定制元素的行为，属性是不通用的，每一个标签存在自身的属性，当属性名等于属性值时,只需要写属性名，不需要写属性值。二.HTML1.样式//文档声明：告
  • css主题色修改后会多出一个css吗？css怎么定义变量？ 编程星空 CSSrust开发语言后端
    在CSS中修改主题色时，通常不会直接生成一个新的CSS文件，而是通过CSS变量（CustomProperties）或预处理器变量（如Sass、Less）来动态修改样式。以下是详细说明：1.CSS变量（CustomProperties）CSS变量是现代CSS提供的一种功能，允许在样式表中定义可复用的值，并在需要时动态修改。定义CSS变量CSS变量以--开头，通常在:root伪类中定义全局变量。:ro
  • HTML5+CSS3【容器元素、 HTML5新增布局标签、视频和音频 、HTML5新增标签】(五)-全面详解（学习总结---从入门到深化） 童小纯 前端系列---从入门到深化css3html5
    作者简介：大家好，我是小童，Java开发工程师，CSDN博客博主，Java领域新星创作者系列专栏：前端、Java、Java中间件大全、微信小程序、微信支付、若依框架、Spring全家桶如果文章知识点有错误的地方，请指正！和大家一起学习，一起进步如果感觉博主的文章还不错的话，请三连支持一下博主哦博主正在努力完成2023计划中：以梦为马，扬帆起航，2023追梦人目录容器元素（div）学习效果反馈HTM
  • html5新增的标签有哪些 北原_春希 html5前端html
    HTML5新增的标签主要可以分为几类，以下是按照类别进行分点表示和归纳的HTML5新增标签：结构性标签：:定义文档或节的头部。:定义导航链接。:定义文档中的独立节。:定义文档、页面、应用或网站中独立的内容区域。:定义页面的侧边栏内容。:定义文档或节的页脚。:定义文档的主体内容。多媒体标签：:定义视频或电影。:定义音频内容。:为和元素定义媒体资源。:为和元素定义文本轨道。:定义嵌入的内容，比如插件。
  • 聚焦银行业数智化转型，火山引擎数据飞轮系列白皮书重磅发布 大数据
    随着金融科技的快速发展，银行业也在不断提升数字化水平。通过大数据、人工智能等技术的应用，银行可以更加精准地了解客户需求，提供个性化的金融产品和服务，还能降低运营成本，提升风险管理能力，创造更多业务价值。《金融科技发展规划（2022~2025年）》也明确指出，以加强金融数据要素应用为基础，以深化金融供给侧结构性改革为目标，以加快金融机构数字化转型、强化金融科技审慎监管为主线，将数字元素注入金融服务全
  • 【Three.js】JS 3D library（一个月进化史） Tiffany_Ho 前端Three.js
    #春节过完了，该继续投入学习了~作为一个平面开发者，想要增进更多的技能，掌握web3D开发#前置知识与技能1.JavaScript基础-掌握ES6+语法（类、模块、箭头函数、解构等）-熟悉异步编程（Promise、async/await）-了解事件循环和DOM操作2.HTML5和CSS3-熟悉Canvas和WebGL的基础概念-了解CSS3动画和变换（transform、transition）3.
  • 表格首列，首行固定，并且能随意滚动 一麻袋小猫 笔记css3
    css3新增了粘性定位，利用粘性定位即可做到，但要注意的是：如果想要粘性定位相对于父元素定位，需要给其增加relative定位。逻辑是：滚动盒子滚动的是页面，滚动盒子内部放一个大盒子（1），此盒子宽度为内容的总宽度，在盒子内部给想要固定的盒子增加粘性定位，让其top值||left值为0，这里的0是相对于盒子1的。
  • 前端知识速记--css篇：CSS3中的常见动画及实现方式 无限大. #前端知识速记前端csscss3
    前端知识速记–css篇：CSS3中的常见动画及实现方式常见的CSS3动画1.过渡(Transitions)过渡是一种非常简单的动画效果，允许你在元素的状态变更时平滑过渡到新状态。语法格式：transition:propertydurationtiming-functiondelay;property：指定要过渡的CSS属性，例如background-color。duration：过渡的持续时间，例
  • Java实现的基于模板的网页结构化信息精准抽取组件：HtmlExtractor yangshangchuan 信息抽取HtmlExtractor精准抽取信息采集
    HtmlExtractor是一个Java实现的基于模板的网页结构化信息精准抽取组件，本身并不包含爬虫功能，但可被爬虫或其他程序调用以便更精准地对网页结构化信息进行抽取。   HtmlExtractor是为大规模分布式环境设计的，采用主从架构，主节点负责维护抽取规则，从节点向主节点请求抽取规则，当抽取规则发生变化，主节点主动通知从节点，从而能实现抽取规则变化之后的实时动态生效。 如
  • java编程思想 -- 多态 百合不是茶 java多态详解
    一: 向上转型和向下转型 面向对象中的转型只会发生在有继承关系的子类和父类中（接口的实现也包括在这里）。父类：人    子类：男人向上转型： Person p = new Man() ; //向上转型不需要强制类型转化向下转型： Man man =
  • [自动数据处理]稳扎稳打,逐步形成自有ADP系统体系 comsci dp
          对于国内的IT行业来讲,虽然我们已经有了"两弹一星",在局部领域形成了自己独有的技术特征,并初步摆脱了国外的控制...但是前面的路还很长....       首先是我们的自动数据处理系统还无法处理很多高级工程...中等规模的拓扑分析系统也没有完成,更加复杂的
  • storm 自定义 日志文件 商人shang stormclusterlogback
    Storm中的日志级级别默认为INFO，并且，日志文件是根据worker号来进行区分的，这样，同一个log文件中的信息不一定是一个业务的，这样就会有以下两个需求出现： 1. 想要进行一些调试信息的输出 2. 调试信息或者业务日志信息想要输出到一些固定的文件中   不要怕，不要烦恼，其实Storm已经提供了这样的支持，可以通过自定义logback 下的 cluster.xml 来输
  • Extjs3 SpringMVC使用 @RequestBody 标签问题记录 21jhf
    springMVC使用 @RequestBody(required = false) UserVO userInfo 传递json对象数据，往往会出现http 415，400,500等错误，总结一下需要使用ajax提交json数据才行，ajax提交使用proxy，参数为jsonData，不能为params；另外，需要设置Content-type属性为json，代码如下： （由于使用了父类aaa
  • 一些排错方法 文强chu 方法
    1、java.lang.IllegalStateException: Class invariant violation at org.apache.log4j.LogManager.getLoggerRepository(LogManager.java:199)at org.apache.log4j.LogManager.getLogger(LogManager.java:228) at o
  • Swing中文件恢复我觉得很难 小桔子 swing
           我那个草了！老大怎么回事，怎么做项目评估的？只会说相信你可以做的，试一下，有的是时间！        用java开发一个图文处理工具，类似word，任意位置插入、拖动、删除图片以及文本等。文本框、流程图等，数据保存数据库，其余可保存pdf格式。ok,姐姐千辛万苦，
  • php 文件操作 aichenglong PHP读取文件写入文件
    1 写入文件 @$fp=fopen("$DOCUMENT_ROOT/order.txt", "ab"); if(!$fp){ echo "open file error" ; exit; } $outputstring="date:"." \t tire:".$tire."
  • MySQL的btree索引和hash索引的区别 AILIKES 数据结构mysql算法
    Hash 索引结构的特殊性，其 检索效率非常高，索引的检索可以一次定位，不像B-Tree 索引需要从根节点到枝节点，最后才能访问到页节点这样多次的IO访问，所以 Hash 索引的查询效率要远高于 B-Tree 索引。     可能很多人又有疑问了，既然 Hash 索引的效率要比 B-Tree 高很多，为什么大家不都用 Hash 索引而还要使用 B-Tree 索引呢
  • JAVA的抽象--- 接口 --实现 百合不是茶
    抽象 接口 实现接口   //抽象 类 ,方法   //定义一个公共抽象的类 ,并在类中定义一个抽象的方法体 抽象的定义使用abstract   abstract class A 定义一个抽象类 例如： //定义一个基类 public abstract class A{     //抽象类不能用来实例化，只能用来继承 //
  • JS变量作用域实例 bijian1013 作用域
    <script> var scope='hello'; function a(){ console.log(scope); //undefined var scope='world'; console.log(scope); //world console.log(b);
  • TDD实践（二） bijian1013 javaTDD
    实践题目：分解质因数 Step1： 单元测试： package com.bijian.study.factor.test; import java.util.Arrays; import junit.framework.Assert; import org.junit.Before; import org.junit.Test; import com.bijian.
  • [MongoDB学习笔记一]MongoDB主从复制 bit1129 mongodb
    MongoDB称为分布式数据库，主要原因是1.基于副本集的数据备份， 2.基于切片的数据扩容。副本集解决数据的读写性能问题，切片解决了MongoDB的数据扩容问题。   事实上，MongoDB提供了主从复制和副本复制两种备份方式，在MongoDB的主从复制和副本复制集群环境中，只有一台作为主服务器，另外一台或者多台服务器作为从服务器。 本文介绍MongoDB的主从复制模式，需要指明
  • 【HBase五】Java API操作HBase bit1129 hbase
    import java.io.IOException; import org.apache.hadoop.conf.Configuration; import org.apache.hadoop.hbase.HBaseConfiguration; import org.apache.hadoop.hbase.HColumnDescriptor; import org.apache.ha
  • python调用zabbix api接口实时展示数据 ronin47
    zabbix api接口来进行展示。经过思考之后，计划获取如下内容：     1、  获得认证密钥     2、  获取zabbix所有的主机组     3、  获取单个组下的所有主机     4、  获取某个主机下的所有监控项  
  • jsp取得绝对路径 byalias 绝对路径
    在JavaWeb开发中，常使用绝对路径的方式来引入JavaScript和CSS文件，这样可以避免因为目录变动导致引入文件找不到的情况，常用的做法如下： 一、使用${pageContext.request.contextPath} 　　代码” ${pageContext.request.contextPath}”的作用是取出部署的应用程序名，这样不管如何部署，所用路径都是正确的。
  • Java定时任务调度：用ExecutorService取代Timer bylijinnan java
    《Java并发编程实战》一书提到的用ExecutorService取代Java Timer有几个理由，我认为其中最重要的理由是： 如果TimerTask抛出未检查的异常，Timer将会产生无法预料的行为。Timer线程并不捕获异常，所以 TimerTask抛出的未检查的异常会终止timer线程。这种情况下，Timer也不会再重新恢复线程的执行了;它错误的认为整个Timer都被取消了。此时，已经被
  • SQL 优化原则 chicony sql
    一、问题的提出 　在应用系统开发初期，由于开发数据库数据比较少，对于查询SQL语句，复杂视图的的编写等体会不出SQL语句各种写法的性能优劣，但是如果将应用系统提交实际应用后，随着数据库中数据的增加，系统的响应速度就成为目前系统需要解决的最主要的问题之一。系统优化中一个很重要的方面就是SQL语句的优化。对于海量数据，劣质SQL语句和优质SQL语句之间的速度差别可以达到上百倍，可见对于一个系统
  • java 线程弹球小游戏 CrazyMizzz java游戏
    最近java学到线程，于是做了一个线程弹球的小游戏，不过还没完善 这里是提纲 1.线程弹球游戏实现 1.实现界面需要使用哪些API类 JFrame JPanel JButton FlowLayout Graphics2D Thread Color ActionListener ActionEvent MouseListener Mouse
  • hadoop jps出现process information unavailable提示解决办法 daizj hadoopjps
    hadoop jps出现process information unavailable提示解决办法   jps时出现如下信息： 3019 -- process information unavailable3053 -- process information unavailable2985 -- process information unavailable2917 --
  • PHP图片水印缩放类实现 dcj3sjt126com PHP
    <?php class Image{ private $path; function __construct($path='./'){ $this->path=rtrim($path,'/').'/'; } //水印函数，参数：背景图，水印图，位置，前缀,TMD透明度 public function water($b,$l,$pos
  • IOS控件学习：UILabel常用属性与用法 dcj3sjt126com iosUILabel
    参考网站： http://shijue.me/show_text/521c396a8ddf876566000007 http://www.tuicool.com/articles/zquENb http://blog.csdn.net/a451493485/article/details/9454695 http://wiki.eoe.cn/page/iOS_pptl_artile_281
  • 完全手动建立maven骨架 eksliang javaeclipseWeb
    建一个 JAVA 项目 ： mvn archetype:create -DgroupId=com.demo -DartifactId=App [-Dversion=0.0.1-SNAPSHOT] [-Dpackaging=jar] 建一个 web 项目 ： mvn archetype:create -DgroupId=com.demo -DartifactId=web-a
  • 配置清单 gengzg 配置
    1、修改grub启动的内核版本 vi /boot/grub/grub.conf 将default 0改为1 拷贝mt7601Usta.ko到/lib文件夹 拷贝RT2870STA.dat到 /etc/Wireless/RT2870STA/文件夹 拷贝wifiscan到bin文件夹，chmod 775 /bin/wifiscan 拷贝wifiget.sh到bin文件夹，chm
  • Windows端口被占用处理方法 huqiji windows
    以下文章主要以80端口号为例，如果想知道其他的端口号也可以使用该方法..........................1、在windows下如何查看80端口占用情况?是被哪个进程占用?如何终止等.        这里主要是用到windows下的DOS工具,点击"开始"--"运行",输入&
  • 开源ckplayer 网页播放器， 跨平台(html5, mobile)，flv, f4v, mp4, rtmp协议. webm, ogg, m3u8 ！ 天梯梦 mobile
    CKplayer，其全称为超酷flv播放器，它是一款用于网页上播放视频的软件，支持的格式有：http协议上的flv,f4v,mp4格式，同时支持rtmp视频流格 式播放，此播放器的特点在于用户可以自己定义播放器的风格，诸如播放/暂停按钮，静音按钮，全屏按钮都是以外部图片接口形式调用，用户根据自己的需要制作 出播放器风格所需要使用的各个按钮图片然后替换掉原始风格里相应的图片就可以制作出自己的风格了，
  • 简单工厂设计模式 hm4123660 java工厂设计模式简单工厂模式
           简单工厂模式（Simple Factory Pattern）属于类的创新型模式，又叫静态工厂方法模式。是通过专门定义一个类来负责创建其他类的实例，被创建的实例通常都具有共同的父类。简单工厂模式是由一个工厂对象决定创建出哪一种产品类的实例。简单工厂模式是工厂模式家族中最简单实用的模式，可以理解为是不同工厂模式的一个特殊实现。
  • maven笔记 zhb8015 maven
    跳过测试阶段： mvn package -DskipTests 临时性跳过测试代码的编译： mvn package -Dmaven.test.skip=true   maven.test.skip同时控制maven-compiler-plugin和maven-surefire-plugin两个插件的行为，即跳过编译，又跳过测试。   指定测试类 mvn test
  • 非mapreduce生成Hfile，然后导入hbase当中 Stark_Summer maphbasereduceHfilepath实例
    最近一个群友的boss让研究hbase，让hbase的入库速度达到5w+/s，这可愁死了，4台个人电脑组成的集群，多线程入库调了好久，速度也才1w左右，都没有达到理想的那种速度，然后就想到了这种方式，但是网上多是用mapreduce来实现入库，而现在的需求是实时入库，不生成文件了，所以就只能自己用代码实现了，但是网上查了很多资料都没有查到，最后在一个网友的指引下，看了源码，最后找到了生成Hfile
  • jsp web tomcat 编码问题 王新春 tomcatjsppageEncode
    今天配置jsp项目在tomcat上，windows上正常，而linux上显示乱码，最后定位原因为tomcat 的server.xml 文件的配置，添加 URIEncoding 属性： <Connector port="8080" protocol="HTTP/1.1" connectionTi
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他