AAA_建筑材料批发叶总
AAA_建筑材料批发叶总

蓝桥杯Web应用开发-CSS3 新特性

CSS3 新特性

专栏持续更新中

在前面我们已经学习了元素选择器、id 选择器和类选择器，我们可以通过标签名、id 名、类名给指定元素设置样式。
现在我们继续选择器之旅，学习 CSS3 中新增的三类选择器，分别是：
• 属性选择器
• 子元素伪类选择器
• UI 伪类选择器

新增属性选择器

属性选择器就是通过正则的方式去匹配指定属性的元素，为其设置样式。
在 CSS3 中新增了三种属性选择器，如下所示：

选择器 描述
E[attr^=“xx”] 选择元素 E，其中 E 元素的 attr 属性是以 xx 开头的任何字符。
E[attr$=“xx”] 选择元素 E，其中 E 元素的 attr 属性是以 xx 结尾的任何字符。
E[attr*=“xx”] 选择元素 E，其中 E 元素的 attr 属性是包含 xx 的任何字符。

新建一个 index.html 文件，在其中写入以下内容。

DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Documenttitle>
    <style>
      a[href^="#"] {
        color: rgb(179, 255, 0);
      }
      a[href$="org"] {
        color: rgb(195, 0, 255);
      }
      a[href*="un"] {
        background-color: rgb(0, 255, 149);
        color: white;
      }
    style>
  head>
  <body>
    <ul>
      <li><a href="#">本地链接a>li>
      <li><a href="https://www.baidu.com">百度a>li>
      <li><a href="https://developer.mozilla.org">MDNa>li>
      <li><a href="https://unsplash.com">Unsplasha>li>
    ul>
  body>
html>

蓝桥杯Web应用开发-CSS3 新特性_第1张图片

• 在上面代码中，我们使用 a[href^=“#”] 去匹配 a 标签中 href 属性值以 # 开头的元素。
• 使用 a[href$=“org”] 去匹配 a 标签中 href 属性值以 org 结尾的元素。
• 使用 a[href*=“un”] 去匹配 a 标签中 href 属性值包含 un 的元素。

子元素伪类选择器

子元素伪类选择器就是选择某元素的子元素的一种选择器。
在 CSS3 中，有以下几种子元素伪类选择器：

选择器 描述
E:first-child 选择元素 E 的第一个子元素。
E:last-child 选择元素 E 的最后一个子元素。
E:nth-child(n) 选择元素 E 的第 n 个子元素，n 有三种取值，数字、odd 和 even。注意第一个子元素的下标是 1。
E:only-child 选择元素 E 下唯一的子元素。
E:first-of-type 选择父元素下第一个 E 类型的子元素。
E:last-of-type 选择父元素下最后一个 E 类型的子元素。
E:nth-of-type(n) 选择父元素下第 n 个 E 类型的子元素，n 有三种取值，数字、odd 和 even。
E:only-of-type 选择父元素唯一的 E 类型的子元素。
E:nth-last-child(n) 选择所有 E 元素倒数的第 n 个子元素。
E:nth-last-of-type(n) 选择所有 E 元素倒数的第 n 个为 E 的子元素。

新建一个 index1.html 文件，在其中写入以下内容。

DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Documenttitle>
    <style>
      div {
        width: 100px;
        height: 100px;
        margin-top: 10px;
        background-color: rgb(0, 255, 242);
      }
      div:nth-child(2) {
        background-color: rgb(0, 255, 128);
      }
      div:nth-of-type(4) {
        background-color: rgb(111, 0, 255);
      }
    style>
  head>
  <body>
    <div>div>
    <div>div>
    <div>div>
    <div>div>
  body>
html>

蓝桥杯Web应用开发-CSS3 新特性_第2张图片

• 在代码中，我们使用 div:nth-child(2) 给 div 的第 2 个子元素添加绿色背景颜色。
• 使用 div:nth-of-type(4) 给父元素下第 4 个 div 子元素添加紫色背景颜色。

UI 伪类选择器

UI 伪类选择器是通过元素的状态来选择的一种选择器。
在 CSS3 中有以下几种 UI 伪类选择器。

选择器 描述
:focus 给获取焦点的元素设置样式。
::selection 给页面中被选中的文本内容设置样式。
:checked 给被选中的单选框或者复选框设置样式。
:enabled 给可用的表单设置样式。
:disabled 给不可用的表单设置样式。
:read-only 给只读表单设置样式。
:read-write 给可读写的表单元素设置样式。
:valid 验证有效。
:invalid 验证无效。

你可能感兴趣的:(蓝桥杯Web应用开发(大学组),前端,蓝桥杯,css3,css,html5)

  • antv/x6 实现框组功能 bigHead- antv/x6javascriptantvX6vue3
    前言：今天看到有小伙伴看到antv/x6多层嵌套下自动拓展父节点这篇文章后在底下留言怎么实现框组的功能，现在就单一摘出来讲解一下。首先要先注册组合节点exportclassNodeGroupextendsNode{privatecollapsed:boolean=true;protectedpostprocess(){this.toggleCollapse(true);}isCollapsed()
  • npm 常用指令指南 风干牛肉巴旦木 npm
    以下是一些常用的NPM（NodePackageManager）指令，它们在前端开发中非常实用：#NPM常用指令大全##包管理###安装依赖​```bashnpminstall安装package.json中列出的所有依赖。安装开发依赖npminstall--save-dev安装并添加到devDependencies。安装特定版本的包npminstall@安装指定版本的包。全局安装包npminstal
  • python实用库 依山临水 Python笔记
    转自：https://github.com/jobbole/awesome-python-cn环境管理管理Python版本和环境的工具p–非常简单的交互式python版本管理工具。pyenv–简单的Python版本管理工具。Vex–可以在虚拟环境中执行命令。virtualenv–创建独立Python环境的工具。virtualenvwrapper-virtualenv的一组扩展。包管理管理包和依赖的
  • css表格宽度设置无效 思想永无止境 Web前端csshtmltable
    table-layout:fixedtable-layout:fixed，table和td设置宽度有效，但在第一行有合并列的情况时，列宽会被均分，从而导致td设置宽度无效（table宽度仍然有效）。table-layout:fixed的表格，各列宽度由第一行决定，后面指定的宽度会被忽略，当第一行合并后，所有列宽度会被均分。解决方法：在之后添加代码或者table-layout:autotable-l
  • 社会科学市场博弈和价格预测之时间序列挖掘（Datawhale AI 夏令营） 会飞的Anthony 人工智能人工智能
    深入理解赛题——探索性数据分析首先，我们先介绍一下什么是EDA：探索性数据分析（ExploratoryDataAnalysis,EDA）是一组数据分析技术，旨在总结其主要特征，通常通过可视化手段来实现。EDA的目标是通过数据的统计摘要和图形展示来发现数据的结构、异常值、模式、趋势、关系以及变量之间的相互作用。为什么进行EDA？在现在的数据挖掘类比赛中，模型和方法选择空间往往很小，同时存在不少自动机
  • 工程化与框架系列（22）--前端性能优化（中） 一进制ᅟᅠ        ‌‍‎‏  前端工程化与框架前端性能优化状态模式
    前端性能优化（运行）引言运行时性能直接影响用户交互体验和应用流畅度。本文将深入探讨前端运行时性能优化的各种策略和技术，包括渲染优化、内存管理、计算优化等关键主题，帮助开发者构建高性能的Web应用。运行时性能概述运行时性能优化主要关注以下方面：渲染性能：减少重排重绘，优化动画效果内存管理：防止内存泄漏，优化内存使用计算优化：提升JavaScript执行效率事件处理：优化事件监听和响应异步操作：合理使
  • 【ACM独立出版-录用文章全部递交EI检索-检索稳定】2025年数字化教育与信息技术国际学术会议（DEIT 2025） AEIC_GAO 数据挖掘大数据人工智能数据分析教育电商zoom会议
    【会议亮点】1.EI检索稳定：ACMInternationalConferenceProceedingsSeries独立出版2.参会人数多，口头报告和海报展示均提供正式的参会证书3.线下参会包含三餐，茶歇、会议物料：定制手提袋、会议手册、会议通知、会议日程、会议邀请函等证明类文件4.线上与线下同步进行，支持不便到线下的参会者线上参与，均享有与线下会场一样的发言权利5.主办单位为湖南师范大学教育科学
  • Vue.js 开发入门指南 2401_89793006 热门话题vue.jsflutter前端
    Vue.js开发入门指南Vue.js是一款流行的前端框架，它轻量、高效且易于上手，非常适合构建交互式Web应用。本文将介绍Vue.js的基础概念，并带你实现一个简单的Vue应用。1.Vue.js简介Vue.js是一个渐进式JavaScript框架，核心库专注于视图层，并且易于与其他库或现有项目集成。它的主要特点包括：双向数据绑定：数据和视图保持同步。组件化开发：方便代码复用，提高开发效率。虚拟DO
  • 爬取5：将口吃表达换成正常表达 宝耶 java
    publicstaticvoidmain(String[]args){Strings="我我我要要学学学编程程";Stringss=s.replaceAll("(.)\\1+","$1");//replaceAll里有循环，$1在正则表达式外用，表示把第一组的内容再拿出来用//(.)表示把重复内容的第一个字看作一组//\\1表示把第一组的内容重复一次//+表示重复一次或多次//$1表示把第一组的内
  • npm、Yarn 与 pnpm：选择最适合你的包管理工具 奶凶的小熊崽 前端npmnpm前端node.js
    在前端项目中，npm、pnpm和yarn都是包管理工具，主要用于管理JavaScript依赖。它们的核心功能类似，但在性能、依赖管理方式、磁盘空间占用等方面有所不同。以下是它们的详细对比，以及在项目中的选择建议。一、三者的基本介绍1️⃣npm（NodePackageManager）官方默认包管理器，随Node.js一起安装（无需额外安装）。版本：npmv1-v4（较早版本）：安装速度较慢，存在幽灵
  • 016.3月夏令营：数理类 力学AI有限元 保研
    016.3月夏令营：数理类：中国人民大学统计学院：http://www.eeban.com/forum.php?mod=viewthread&tid=386109北京大学化学学院第一轮：http://www.eeban.com/forum.php?m...6026&extra=page%3D1香港大学化学系夏令营：http://www.eeban.com/forum.php?mod=viewthr
  • 链表操作的高阶技巧：K个一组翻转链表的实现与思考 Echo_Wish LeetCode专题链表网络数据结构
    链表操作的高阶技巧：K个一组翻转链表的实现与思考在算法领域中，链表操作是一项基础而又充满挑战的技术，特别是在面试中常常出现的“翻转链表”问题。今天，我，Echo_Wish，将带大家深入探讨一种链表操作的高阶技巧——“K个一组翻转链表”。本文不仅会详细讲解这一问题的解决思路，还会通过具体的代码示例，帮助大家更好地理解和掌握这一技巧。问题描述“K个一组翻转链表”问题的描述如下：给定一个链表和一个整数K
  • 计算机硬件全面测试工具,电脑硬件全面检测工具 HWiNFO32 2.30 weixin_39757893 计算机硬件全面测试工具
    电脑硬件全面检测工具HWiNFO322.302008年10月10日10:55作者：陈涛编辑：陈涛文章出处：泡泡网原创分享HWiNFO32是电脑硬件检测专业软件。它可以显示出电脑所有主要硬件配置，包括处理器、主板芯片组、PCMCIA接口、BIOS版本、内存等信息，另外HWiNFO32还提供了对处理器、硬盘以及CD-ROM的性能测试功能。因为现在电脑硬件更新换代非常迅速，HWiNFO32当然也要紧跟脚
  • 深入解析 Vue3 核心架构与实战范式：从响应式原理到 Composition API 设计哲学 嘉图明 架构前端框架
    引言：框架演进的必然选择在2020年发布的Vue3并非简单的版本迭代，而是对前端工程化痛点的系统性解决方案。本文将深入剖析其架构设计，结合TypeScript类型系统和ChromeDevTools性能分析工具，揭示Vue3如何通过底层重构实现开发体验与运行效率的双重突破。一、响应式系统的量子跃迁：Proxy的颠覆性设计1.1从Object.defineProperty到Proxy的范式转移//Vu
  • 人工智能之数学基础：对线性代数中逆矩阵的思考？ 每天五分钟玩转人工智能 机器学习深度学习之数学基础线性代数人工智能矩阵机器学习逆矩阵向量
    本文重点逆矩阵是线性代数中的一个重要概念，它在线性方程组、矩阵方程、动态系统、密码学、经济学和金融学以及计算机图形学等领域都有广泛的应用。通过了解逆矩阵的定义、性质、计算方法和应用，我们可以更好地理解和应用线性代数知识，解决各种实际问题。关于逆矩阵的思考现在我们有一个计算过程如上所示，我们知道矩阵的作用就是函数，向量a先经过矩阵1进行函数作用，然后再经过矩阵2函数作用最后可以得到输出向量c，这个过
  • 清北携手出品手册，颠覆你的知识边界 2501_90766876 pdf
    Deepseek合集链接：https://pan.quark.cn/s/df8ce3ea6f4e完整版Deepseek从入门到精通附最全链接：https://pan.quark.cn/s/7e851bca2dc2清华大学Deepseek指南系列6本大全集链接：https://pan.quark.cn/s/72194e32428aDeepSeek资料库链接：https://pan.quark.cn/
  • 清北出品DeepSeek手册，知识巅峰盛宴开启 2501_90766946 pdf
    Deepseek合集链接：https://pan.quark.cn/s/df8ce3ea6f4e完整版Deepseek从入门到精通附最全链接：https://pan.quark.cn/s/7e851bca2dc2清华大学Deepseek指南系列6本大全集链接：https://pan.quark.cn/s/72194e32428aDeepSeek资料库链接：https://pan.quark.cn/
  • Java高频面试之集合-01 牛马baby java面试开发语言
    hello啊，各位观众姥爷们！！！本baby今天来报道了！哈哈哈哈哈嗝面试官：说说java的集合框架Java集合框架（JavaCollectionsFramework，JCF）是Java中用于存储、操作和管理数据结构的核心库。它提供了一组标准化的接口、实现类和算法，使得开发者能够高效地处理各种数据集合。1.集合框架的核心接口Java集合框架主要围绕以下几个核心接口构建：(1)Collection接
  • 2025-03-06 ffmpeg提取SPS/PPS/SEI ( extradata ) ihmhm12345 ffmpegffmpeg
    一、需求在某些情况下，可能需要直接使用H264/H265等原始数据流进行解码，比较常用的udp下的h264/h265。这时需要av_parser_parse2来组AVPacket,但对于视频的信息：宽高、格式等，可以根据AVCodecParserContext来获取，也可以直接提取sps/pps/sei这些原始数据extradata本文讲如何从原始数据流(AVPacket)中找出extradata
  • 解决AWS EC2实例无法使用IAM角色登录AWS CLI xyzzklk aws云计算服务器网络运维
    问题背景有时，我们希望一台AWSEC2实例，即云服务器，能够使用AWSCLI访问AWS管理控制台资源。例如，这里，我们想让它能够列出所有IAM用户组。awsiamlist-groups于是，我们使用下面的命令，在AWSCLI中添加某位用户的访问秘钥，作为访问时的认证凭据。awsconfigure然而，这并非最佳方法。最佳方法应是给要访问控制台的实例分配一个IAM角色。否则将会有很多问题，例如，当前
  • 【前端知识】Web Components开发框架quarkC介绍 问道飞鱼 前端开发技术前端javascript开发语言webcomponents
    文章目录概述**QuarkC简介****核心特性****QuarkC的使用方法****1.安装QuarkC****2.创建一个简单的QuarkC组件****3.使用组件****QuarkC的优势****1.更低的学习成本****2.更好的开发体验****3.跨框架兼容性****4.性能优化****5.社区支持与生态****6.开放性和灵活性****QuarkC的适用场景****总结**构建复杂We
  • 初识操作系统 曳渔 #JavaEEjava-eejava
    目录一、操作系统的认识1、常见的操作系统：2、操作系统的两个基本功能：二、进程1、什么是进程(Process)：2、进程的组成：3、进程的并发和并行执行：三、总结：一、操作系统的认识操作系统是⼀组做计算机资源管理的软件的统称。1、常见的操作系统：目前常见的操作系统有Windows系列、Unix系列、Linux系列、OSX系列、Android系列、iOS系列、鸿蒙等。·Windows是常见的个人电脑
  • PySide(PyQT)，怎样在非QObject对象上应用信号槽框架 深蓝海拓 pyside6系统学习pyside6学习笔记数据库
    在PySide（以及PyQt）中，信号和槽机制是基于QObject类实现的。只有继承自QObject的类才能够定义和使用信号与槽。那么如果画面中的对象不是QObject类，就无法使用信号和槽。比如下面的代码就会出错：importsysfromPySide6.QtCoreimportSignalfromPySide6.QtWidgetsimportQApplication,QGraphicsScen
  • Github 2024-07-12 Java开源项目日报Top10 老孙正经胡说 githubjava开源Github趋势分析开源项目PythonGolang
    根据GithubTrendings的统计，今日(2024-07-12统计)共有10个项目上榜。根据开发语言中项目的数量，汇总情况如下：开发语言项目数量Java项目10Android开源轻量级流媒体前端创建周期：3158天开发语言：Java协议类型：GNUGeneralPublicLicensev3.0Star数量：28641个Fork数量：2896次关注人数：28641人贡献人数：312人Open
  • JDBC（超详细） 肉肉的小白 数据库javamysql
    1简介JDBC（JavaDataBaseConnectivity,java数据库连接）是一种用于执行SQL语句的JavaAPI，可以为多种关系数据库提供统一访问，它由一组用Java语言编写的类和接口组成。JDBC提供了一种基准，据此可以构建更高级的工具和接口，使数据库开发人员能够编写数据库应用程序Java具有坚固、安全、易于使用、易于理解和可从网络上自动下载等特性，是编写数据库应用程序的杰出语言。
  • TORGO 数据库：构音障碍语音研究的宝贵资源 帅小柏 语音识别与Wenet实战语音识别与ESPnet实战语音识别
    TORGO数据库：构音障碍语音研究的宝贵资源在语音识别和语音病理学领域，构音障碍（Dysarthria）是一个重要的研究方向。构音障碍是由神经运动接口异常引起的，导致发音器官运动异常，语音不清晰，传统自动语音识别（ASR）系统难以有效识别。为了推动这一领域的研究，多伦多大学开发了TORGO数据库，这是一个包含构音障碍患者和正常对照组语音数据的宝贵资源。1.数据库简介TORGO数据库是由多伦多大学计
  • 简要分析Netlink协议 TJ_Dream 基础内核函数分析网络
    Netlink协议是Linux内核中用于内核态与用户态进程间通信（IPC）的一种机制，基于套接字的通信接口，提供高效、灵活的双向数据传输能力，常用于内核模块与用户程序之间的实时交互。Netlink协议的核心内容协议基础通信模式：基于消息的通信，支持单播（unicast）、多播（multicast）和广播。协议族（Family）Netlink不是单一协议，而是一组协议族，每个协议族通过唯一的协议号（
  • [A-30]ARMv8/v9-GIC-中断处理(中断状态机\中断生命周期) 奔跑的架构师 ARMv8/ARMv9系统架构arm开发armlinux架构
    ver0.1前言前一篇文章，我们站在SOC安全框架的视角下，对GIC的安全相关的架构设计做了梳理。所有的中断信号在SOC启动阶段的初始化过程中必须被配置到一个具有安全等级的Group中，目前ARM为中断信号设计了3个组：SecureGroup0、SecureGroup1、Non-SecureGroup1。在分组的基础上，在信号到达GIC-CPU-Interfaces的时候，还会根据当前PE的执行状
  • 计算机架构简介 搞芯片的小呆鸟 计算机基础学习架构
    以下是对RISC-V架构、X86架构、ARM架构、MIPS架构、PowerPC架构、SPARC架构、IA-64架构、Power架构的介绍：RISC-V架构简介：RISC-V是基于精简指令集计算（RISC）原理建立的开放标准指令集架构（ISA），2010年诞生于加州大学伯克利分校。其指令集简单且高度可定制，任何人都可免费使用、修改和扩展。特点：具有开源免费、可扩展性强、指令集简洁等特点。用户能根据自
  • 26届进大厂计划——小红书后端实习面经 码间烟火录 后端面经后端
    作者介绍浙江大学软件工程硕士生淘天后端研发工程师秋招斩获阿里、字节、快手、京东、美团等多个大厂研发ssp/sp持续分享秋招经验分享、高频八股问题、最新大厂面经、硬核技术干货……全网同号，欢迎关注1、【实习经历】在实习过程中是否遇到过技术难题？如果有，是如何分析和解决的？技术难题在高并发场景下，系统接口响应时间变长，数据库查询效率低下。分析与解决过程定位问题：通过日志分析和性能监控工具（如Artha
  • 遍历dom 并且存储（将每一层的DOM元素存在数组中） 换个号韩国红果果 JavaScripthtml
    数组从0开始！！ var a=[],i=0; for(var j=0;j<30;j++){ a[j]=[];//数组里套数组，且第i层存储在第a[i]中 } function walkDOM(n){ do{ if(n.nodeType!==3)//筛选去除#text类型 a[i].push(n); //con
  • Android+Jquery Mobile学习系列(9)-总结和代码分享 白糖_ JQuery Mobile
    目录导航   经过一个多月的边学习边练手，学会了Android基于Web开发的毛皮，其实开发过程中用Android原生API不是很多，更多的是HTML/Javascript/Css。   个人觉得基于WebView的Jquery Mobile开发有以下优点： 1、对于刚从Java Web转型过来的同学非常适合，只要懂得HTML开发就可以上手做事。 2、jquerym
  • impala参考资料 dayutianfei impala
    记录一些有用的Impala资料   1. 入门资料 >>官网翻译：     http://my.oschina.net/weiqingbin/blog?catalog=423691   2. 实用进阶 >>代码&架构分析：     Impala/Hive现状分析与前景展望：http
  • JAVA 静态变量与非静态变量初始化顺序之新解 周凡杨 java静态非静态顺序
    今天和同事争论一问题，关于静态变量与非静态变量的初始化顺序，谁先谁后，最终想整理出来！测试代码： import java.util.Map; public class T { public static T t = new T(); private Map map = new HashMap(); public T(){ System.out.println(&quo
  • 跳出iframe返回外层页面 g21121 iframe
    在web开发过程中难免要用到iframe，但当连接超时或跳转到公共页面时就会出现超时页面显示在iframe中，这时我们就需要跳出这个iframe到达一个公共页面去。 首先跳转到一个中间页，这个页面用于判断是否在iframe中，在页面加载的过程中调用如下代码： <script type="text/javascript"> //<!-- function
  • JAVA多线程监听JMS、MQ队列 510888780 java多线程
    背景：消息队列中有非常多的消息需要处理，并且监听器onMessage（）方法中的业务逻辑也相对比较复杂，为了加快队列消息的读取、处理速度。可以通过加快读取速度和加快处理速度来考虑。因此从这两个方面都使用多线程来处理。对于消息处理的业务处理逻辑用线程池来做。对于加快消息监听读取速度可以使用1.使用多个监听器监听一个队列；2.使用一个监听器开启多线程监听。 对于上面提到的方法2使用一个监听器开启多线
  • 第一个SpringMvc例子 布衣凌宇 spring mvc
    第一步：导入需要的包； 第二步：配置web.xml文件 <?xml version="1.0" encoding="UTF-8"?> <web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi=
  • 我的spring学习笔记15-容器扩展点之PropertyOverrideConfigurer aijuans Spring3
    PropertyOverrideConfigurer类似于PropertyPlaceholderConfigurer，但是与后者相比，前者对于bean属性可以有缺省值或者根本没有值。也就是说如果properties文件中没有某个bean属性的内容，那么将使用上下文（配置的xml文件）中相应定义的值。如果properties文件中有bean属性的内容，那么就用properties文件中的值来代替上下
  • 通过XSD验证XML antlove xmlschemaxsdvalidationSchemaFactory
    1. XmlValidation.java package xml.validation; import java.io.InputStream; import javax.xml.XMLConstants; import javax.xml.transform.stream.StreamSource; import javax.xml.validation.Schem
  • 文本流与字符集 百合不是茶 PrintWrite()的使用字符集名字 别名获取
    文本数据的输入输出;           输入;数据流,缓冲流         输出;介绍向文本打印格式化的输出PrintWrite();   package 文本流; import java.io.FileNotFound
  • ibatis模糊查询sqlmap-mapping-**.xml配置 bijian1013 ibatis
            正常我们写ibatis的sqlmap-mapping-*.xml文件时，传入的参数都用##标识，如下所示： <resultMap id="personInfo" class="com.bijian.study.dto.PersonDTO"> <res
  • java jvm常用命令工具——jdb命令(The Java Debugger) bijian1013 javajvmjdb
            用来对core文件和正在运行的Java进程进行实时地调试，里面包含了丰富的命令帮助您进行调试，它的功能和Sun studio里面所带的dbx非常相似，但 jdb是专门用来针对Java应用程序的。         现在应该说日常的开发中很少用到JDB了，因为现在的IDE已经帮我们封装好了，如使用ECLI
  • 【Spring框架二】Spring常用注解之Component、Repository、Service和Controller注解 bit1129 controller
    在Spring常用注解第一步部分【Spring框架一】Spring常用注解之Autowired和Resource注解（http://bit1129.iteye.com/blog/2114084）中介绍了Autowired和Resource两个注解的功能，它们用于将依赖根据名称或者类型进行自动的注入，这简化了在XML中，依赖注入部分的XML的编写，但是UserDao和UserService两个bea
  • cxf wsdl2java生成代码super出错,构造函数不匹配 bitray super
        由于过去对于soap协议的cxf接触的不是很多,所以遇到了也是迷糊了一会.后来经过查找资料才得以解决. 初始原因一般是由于jaxws2.2规范和jdk6及以上不兼容导致的.所以要强制降为jaxws2.1进行编译生成.我们需要少量的修改: 我们原来的代码 wsdl2java com.test.xxx -client http://..... 修改后的代
  • 动态页面正文部分中文乱码排障一例 ronin47
    公司网站一部分动态页面，早先使用apache+resin的架构运行，考虑到高并发访问下的响应性能问题，在前不久逐步开始用nginx替换掉了apache。 不过随后发现了一个问题，随意进入某一有分页的网页，第一页是正常的（因为静态化过了）；点“下一页”，出来的页面两边正常，中间部分的标题、关键字等也正常，唯独每个标题下的正文无法正常显示。 因为有做过系统调整，所以第一反应就是新上
  • java-54- 调整数组顺序使奇数位于偶数前面 bylijinnan java
    import java.util.Arrays; import java.util.Random; import ljn.help.Helper; public class OddBeforeEven { /** * Q 54 调整数组顺序使奇数位于偶数前面 * 输入一个整数数组，调整数组中数字的顺序，使得所有奇数位于数组的前半部分，所有偶数位于数组的后半
  • 从100PV到1亿级PV网站架构演变 cfyme 网站架构
    一个网站就像一个人，存在一个从小到大的过程。养一个网站和养一个人一样，不同时期需要不同的方法，不同的方法下有共同的原则。本文结合我自已14年网站人的经历记录一些架构演变中的体会。 1：积累是必不可少的 架构师不是一天练成的。 1999年，我作了一个个人主页，在学校内的虚拟空间，参加了一次主页大赛，几个DREAMWEAVER的页面，几个TABLE作布局，一个DB连接，几行PHP的代码嵌入在HTM
  • [宇宙时代]宇宙时代的GIS是什么？ comsci Gis
           我们都知道一个事实，在行星内部的时候，因为地理信息的坐标都是相对固定的，所以我们获取一组GIS数据之后，就可以存储到硬盘中，长久使用。。。但是，请注意，这种经验在宇宙时代是不能够被继续使用的          宇宙是一个高维时空
  • 详解create database命令 czmmiao database
    完整命令 CREATE DATABASE mynewdb   USER SYS IDENTIFIED BY sys_password   USER SYSTEM IDENTIFIED BY system_password   LOGFILE GROUP 1 ('/u01/logs/my/redo01a.log','/u02/logs/m
  • 几句不中听却不得不认可的话 datageek
    1、人丑就该多读书。 2、你不快乐是因为：你可以像猪一样懒，却无法像只猪一样懒得心安理得。 3、如果你太在意别人的看法，那么你的生活将变成一件裤衩，别人放什么屁，你都得接着。 4、你的问题主要在于：读书不多而买书太多，读书太少又特爱思考，还他妈话痨。 5、与禽兽搏斗的三种结局：(1)、赢了，比禽兽还禽兽。(2)、输了，禽兽不如。(3)、平了，跟禽兽没两样。结论：选择正确的对手很重要。 6
  • 1 14:00 PHP中的“syntax error, unexpected T_PAAMAYIM_NEKUDOTAYIM”错误 dcj3sjt126com PHP
    原文地址：http://www.kafka0102.com/2010/08/281.html   因为需要，今天晚些在本机使用PHP做些测试，PHP脚本依赖了一堆我也不清楚做什么用的库。结果一跑起来，就报出类似下面的错误：“Parse error: syntax error, unexpected T_PAAMAYIM_NEKUDOTAYIM in /home/kafka/test/
  • xcode6 Auto layout and size classes dcj3sjt126com ios
    官方GUI   https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/AutolayoutPG/Introduction/Introduction.html   iOS中使用自动布局（一）   http://www.cocoachina.com/ind
  • 通过PreparedStatement批量执行sql语句【sql语句相同，值不同】 梦见x光 sql事务批量执行
    比如说：我有一个List需要添加到数据库中，那么我该如何通过PreparedStatement来操作呢？ public void addCustomerByCommit(Connection conn , List<Customer> customerList) {    String sql = "inseret into customer(id
  • 程序员必知必会----linux常用命令之十【系统相关】 hanqunfeng Linux常用命令
    一.linux快捷键 Ctrl+C : 终止当前命令 Ctrl+S : 暂停屏幕输出 Ctrl+Q : 恢复屏幕输出 Ctrl+U : 删除当前行光标前的所有字符 Ctrl+Z : 挂起当前正在执行的进程 Ctrl+L : 清除终端屏幕，相当于clear   二.终端命令 clear : 清除终端屏幕 reset : 重置视窗，当屏幕编码混乱时使用 time com
  • NGINX IXHONG nginx
    pcre 编译安装 nginx conf/vhost/test.conf   upstream admin { server 127.0.0.1:8080; }   server {                 listen       80; &
  • 设计模式--工厂模式 kerryg 设计模式
    工厂方式模式分为三种：   1、普通工厂模式：建立一个工厂类，对实现了同一个接口的一些类进行实例的创建。   2、多个工厂方法的模式：就是对普通工厂方法模式的改进，在普通工厂方法模式中，如果传递的字符串出错，则不能正确创建对象，而多个工厂方法模式就是提供多个工厂方法，分别创建对象。   3、静态工厂方法模式：就是将上面的多个工厂方法模式里的方法置为静态，
  • Spring InitializingBean/init-method和DisposableBean/destroy-method mx_xiehd javaspringbeanxml
    1.initializingBean/init-method 实现org.springframework.beans.factory.InitializingBean接口允许一个bean在它的所有必须属性被BeanFactory设置后，来执行初始化的工作，InitialzingBean仅仅指定了一个方法。 通常InitializingBean接口的使用是能够被避免的，（不鼓励使用，因为没有必要
  • 解决Centos下vim粘贴内容格式混乱问题 qindongliang1922 centosvim
    有时候，我们在向vim打开的一个xml，或者任意文件中，拷贝粘贴的代码时，格式莫名其毛的就混乱了，然后自己一个个再重新，把格式排列好，非常耗时，而且很不爽，那么有没有办法避免呢？ 答案是肯定的，设置下缩进格式就可以了，非常简单： 在用户的根目录下 直接vi  ~/.vimrc文件 然后将set pastetoggle=<F9> 写入这个文件中，保存退出，重新登录，
  • netty大并发请求问题 tianzhihehe netty
    多线程并发使用同一个channel java.nio.BufferOverflowException: null at java.nio.HeapByteBuffer.put(HeapByteBuffer.java:183) ~[na:1.7.0_60-ea] at java.nio.ByteBuffer.put(ByteBuffer.java:832) ~[na:1.7.0_60-ea]
  • Hadoop NameNode单点问题解决方案之一 AvatarNode wyz2009107220 NameNode
    我们遇到的情况 Hadoop NameNode存在单点问题。这个问题会影响分布式平台24*7运行。先说说我们的情况吧。 我们的团队负责管理一个1200节点的集群(总大小12PB)，目前是运行版本为Hadoop 0.20，transaction logs写入一个共享的NFS filer(注：NetApp NFS Filer)。 经常遇到需要中断服务的问题是给hadoop打补丁。 DataNod
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他