ARIA 实践指南（1）

编者按：本文作者：安佳，360 搜索事业部的前端开发工程师，W3C CSS 工作组成员。

ARIA

ARIA，Accessible Rich Internet Applications，可访问的富 Internet 应用程序。

ARIA 属于可访问性语义的范畴。从功能上来说，ARIA 的 roles、states 和 properties 类似于辅助技术的 CSS。对屏幕阅读器而言，ARIA 控制着它们的非视觉体验的渲染。

举个例子：这段 HTML 代码

<button>保存button>

屏幕阅读器会读成：

如果按钮是用标签模拟的，即：

<span>保存span>

此时，屏幕阅读器就不认识它了。若想告诉屏幕阅读器这个 HTML 元素也是一个“按钮”，则需要指定元素的 ARIA role。如下：

<span tabindex="0"

      role="button">保存span>

此时，屏幕阅读器也会读成：

我们注意到，HTML 代码里还有一个属性tabindex="0"，它表示该元素是可聚焦的，是可以通过键盘访问到的（更多内容请查阅 tabindex）。

与此相比，保存没写tabindex="0"却可以被键盘访问到，也可以被屏幕阅读器识别，这是因为 HTML 内置了这些功能。自带键盘可访问性的标签有、、以及表单元素。键盘可访问包括按 tab 键能让页面中的元素获得焦点、按 Return/Enter 键能激活该元素、表单元素在获得焦点时按方向键可以上下切换选项。

我们要做的

所以，在使用 ARIA 时，我们要做的就是：

• 确保可访问性语义，让屏幕阅读器能认识该元素，即给 HTML 标签指定合适的 ARIA 的 role、state 及相关的 properties。这部分是纯 HTML 的

• 确保键盘可访问性，为每个 ARIA role 定义预期的行为，即管理键盘焦点、提供键盘交互。这部分是 JS 和 HTML 的

作为《ARIA 实践指南》系列文章的第一篇，本文就先介绍两种最基本的控件：链接和按钮。

链接

role="link" 提供一个超链接，可以是其它页面、网页内锚点、文件、邮箱、电话等。

键盘交互：

• enter：链接跳转，并将焦点移到链接目标处

在日常开发中，一般不用其它 HTML 标签去模拟超链接，而是直接使用原生的，这是因为浏览器一般都会自带一些有价值的功能，比如在新窗口中打开目标、将目标URL复制到系统剪贴板等。

考虑到使用 ARIA 模拟链接的场景少之又少，此处就不展开介绍了。

按钮

role="button" 允许用户触发一个事件或者操作，比如提交表单、打开对话框、执行删除操作。如果激活按钮是打开对话框，那按照惯例，按钮的文案后面常跟着“...”，比如“另存为...”，文件的“浏览...”。

除了普通按钮之外，ARIA 还支持另外两种类型的按钮：

• 切换按钮：它有两种状态“开启-关闭”。若按钮设置了状态 aria-pressed，那么辅助技术会视此按钮为切换按钮。当切换按钮的状态发生变化时，建议按钮对应的 label 别变；如果 label 会发生变化，那就可以不写aria-pressed了

• 菜单按钮：如果按钮的 aria-haspopup 属性设置成了menu或者true，那么辅助技术会视此按钮为菜单按钮（会在后续章节里介绍）

ARIA 相关：

• role="button"

• 按钮的标签，默认取按钮上的文本。还可以通过这两种方式设置

  • aria-label="labelText"

  • aria-labelledby="IDREF"

• 按钮的功能描述，aria-describedby="IDREF"

• aria-disabled="true" 表示按钮禁用

• aria-pressed="true|false" 表示是切换按钮

如果按钮是

或模拟的，则还需要设置tabindex="0"；如果是用没有href属性的模拟的，也需要设置tabindex="0".

键盘交互：

• 当按钮获得焦点时，按space键或者enter键激活按钮

• 当按钮被激活之后，根据具体执行的操作类型来设置焦点。比如：

  • 如果关闭了对话框之后，功能被逻辑引到了另外一个元素上，比如“确认关闭”当前页面，那么焦点会逻辑移动到一个新上下文

  • 如果是打开了个对话框，则焦点将在对话框内部移动（“对话框”会在后续的文章里单独介绍）

  • 如果是关闭了个对话框，则焦点通常会返回打开此对话框的按钮上，比如“取消”按钮

  • 如果还在当前的上下文里，则焦点通常保留在按钮上（比如“重新计算”按钮）

  • 如果上下文会更改，比如“下一步”，则通常将焦点移动到该操作的起点

  • 如果使用快捷键激活按钮，则焦点通常保留在激活快捷键的上下文中

例子1：普通按钮

用

模拟一个打印按钮

<div tabindex="0"

     role="button"

     id="btnPrint">打印页面div>

在 HTML 里设置了tabindex="0"，指定了 ARIA 的 role="button"，确保屏幕阅读器能识别该元素。

键盘交互，需要支持按space键和enter键能触发打印对话框。由于打印对话框是浏览器自带的，所以此时，我们就不用手动管理对话框打开之后键盘焦点的移动行为了。

JS 代码如下：

let btnPrint = document.getElementById('btnPrint')

// 鼠标访问：click

btnPrint.addEventListener('click', () => {

    window.print()

})

// 键盘访问：keydown

btnPrint.addEventListener('keydown', (e) => {

    switch(e.keyCode){

        case 32: // space

            e.preventDefault() // 默认会滚动页面

            break;

        case 13: // enter

            e.preventDefault()

            window.print() // enter 键的激活时机是在 keydown

            break;

    }

})

// 键盘访问：keyup

btnPrint.addEventListener('keyup', (e) => {

    // space 键，

    if(e.keyCode === 32){

        e.preventDefault()

        window.print() // space 键的激活时机是在 keyup

    }

})

此时，按space键或者enter键，均可打开打印对话框。且焦点会默认定位在对话框里的某个可聚焦元素上，具体定位到哪个元素是由对话框自己管理的。在打印对话框里，焦点默认定位在了“Save”按钮上（:focus时有蓝色的box-shadow）。

例子2：切换按钮

用模拟一个静音按钮，HTML 和 CSS 代码如下：

<style>

    #btnMute {

        display: inline-block;

        padding: .3em .8em .4em 2em;

        border: 1px solid;

        background-repeat: no-repeat;

        background-position: .8em center;

        background-size: auto 1em;

    }

    #btnMute[aria-pressed="false"] {

        background-image: url(https://s4.ssl.qhres.com/static/ceaad449f261254b.svg);

    }

    #btnMute[aria-pressed="true"] {

        background-image: url(https://s1.ssl.qhres.com/static/f991a555e87bdbdd.svg);

    }

style>




<span tabindex="0"

      role="button"

      aria-pressed="false"

      id="btnMute">静音span>

以上代码，在 HTML 里给元素设置了三个属性

• tabindex="0" 元素可聚焦，也让屏幕阅读器能捕获到它

• role="button" 告诉屏幕阅读器，它是一个按钮

• aria-pressed="false" 告诉屏幕阅读器，它是一个切换按钮。初始状态，未开启

当aria-pressed="false"时，UI 和 屏幕阅读器的阅读文案分别是：

当aria-pressed="true"时，分别是：

接下来，就是编写 JS，以让按钮支持space键和enter键。代码如下：

let btnMute = document.getElementById('btnMute')

// 鼠标访问：click

btnMute.addEventListener('click', toggleMutePressed)

// 键盘访问：keydown

btnMute.addEventListener('keydown', (e) => {

    switch(e.keyCode){

        case 32:

            e.preventDefault()

            break;

        case 13:

            e.preventDefault()

            toggleMutePressed()

            break;

    }

})

// 键盘访问：keyup

btnMute.addEventListener('keyup', (e) => {

    if(e.keyCode === 32){

        e.preventDefault()

        toggleMutePressed()

    }

})

function toggleMutePressed(){

    let isPressed = btnMute.getAttribute('aria-pressed') === 'true'

    btnMute.setAttribute('aria-pressed', isPressed ? 'false' : 'true')

}

此时，当按space键或者enter键时，静音按钮会在“开启-关闭”这两种状态间来回切换。

小结

本文介绍了：

1. 站在开发的角度，在使用 ARIA 时，需要关注的两件事：

• 可访问性语义：给元素指定合适的 ARIA 的 role、state 和相关 properties（纯 HTML）

• 键盘可访问性：管理键盘焦点、提供键盘交互（JS 和 HTML）

链接

• 键盘交互：响应enter键

按钮：通过两个例子（普通按钮、切换按钮）介绍了以下特性

• 角色 role="button"

• 状态 aria-pressed="false"和aria-disabled="true"

• 属性 aria-label="text"和aria-labelledby="IDREF"、aria-describedby="IDREF"

• ARIA 相关

• 焦点管理：tabindex="0"、按钮被激活后的焦点设置（取决于具体的操作）

• 键盘交互：响应enter键和space键

主要参考

https://www.w3.org/TR/wai-aria-practices-1.1

关于奇舞周刊

《奇舞周刊》是360公司专业前端团队「奇舞团」运营的前端技术社区。关注公众号后，直接发送链接到后台即可给我们投稿。

你可能感兴趣的:(ARIA 实践指南（1）)

• “全栈2019”Java多线程第五十二章：LockSupport等待截止时间 人人都是程序员
  难度初级学习时间10分钟适合人群零基础开发语言Java开发环境JDKv11IntelliJIDEAv2018.3文章原文链接“全栈2019”Java多线程第五十二章：LockSupport等待截止时间下一章“全栈2019”Java多线程第五十三章：ThreadLocal简单介绍学习小组加入同步学习小组，共同交流与进步。方式一：加入编程圈子。方式二：关注头条号Gorhaf，私信“Java学习小组”。
• 极简生活抄书第115天：选择繁杂物品的基础 兮若耶
  不知你有没有发现，我们买的很多的物品，优先考虑的事情是她的颜值。漂亮华彩的外表能让她在物品群中第一眼就能被你识别到。衣服也好、餐具和家具也好，其他的小零件也好，往往她的颜色能让你决定是否会购买它。颜值即正义，像现在很多产品主推出来的亮点，都是她的外表颜色。就像我们喜欢一个人一样，始于颜值，陷于才华，忠于人品。刚开始会被他的外表所吸引，去靠近去了解；接触时间越长，因为他的才华和人品而决定你们两个人之
• 2021-06-02 公子赵
  忽起一阵大风，猛地把如闷罐般的天空撕开了一个缺口，灌进几许清凉，闷热的空气凉爽许多，人如本来在沙滩上张着嘴奄奄一息的鱼忽然被海浪拍进了大海里，一下子又活泛起来。风恩赐般吹了一阵，忽又止住，如来时那么突然。不过经此一吹，到底降下了些许温度，气温较为舒爽。晚饭后，风又起，慢慢地越来越大，远处隐隐约约传来一阵阵雷声。过了一会儿，雨嘀嗒、滴哒慢悠悠洒下几点，似乎是被风吹到不同的地方去了，难以集中精力、酣畅
• 运动记录10/11/36｜再次刷新个人跑步最长记录 零肆壹伍
  月跑量目标：110公里今日完成：10.75公里实际完成：35.70公里还差：74.30公里俯卧撑：50个/天−36天/1800个今早起来听着窗外没有雨声，大概率确定不下雨，可以跑步了，然后再到窗口确认，路面还是有点湿，不过不下雨，这不影响跑步。送小孩去上学的路上飘着的毛毛雨，不过这已经阻挡我跑步的心了。送完小孩回来直接去到湖边了，很喜欢这种雨后的感觉，什么都是新鲜的，简单做完热身后就开始跑步了。今
• Visual Studio 快速跳转至特定程序行的快捷键 踏过山河，踏过海 c/c++知识二次稳固QtLinuxvisualstudioide
  VisualStudio快速跳转至特定程序行的快捷键linuxWindows在VisualStudio中在VisualCode中在Notepad++中Win11中的普通记事本总结linux:numWindowsCtrl+G在VisualStudio中在VisualCode中Ctrl+G也是可以的在Notepad++中Ctrl+G也是可以的Win11中的普通记事本总结Ctrl+G在Windows中的
• 庐山行日志（2021.1.5—9）下 美丽和胖夫
  2021.1.8，晴老天爷可真会安排，庐山三日，第一日阴，第二日雪，今天是个艳阳天。昨天雪地奔波，累坏了，索性放弃看日出，吃过早餐，让司机师傅送到含鄱口。含鄱口地势独特左为五老峰，右为太乙峰。山势高峻，怪石磷峋，形凹如口，对着鄱阳湖，似乎要把鄱阳湖一口吞下似的。含鄱口牌坊题字为邵式平所书，左右有“山色”，“湖光”各两字，坊后有一亭，曰“含鄱亭”，昨晚看的电影《庐山恋》就有这儿的镜头。看到含鄱口上一
• 为什么Java仍旧生机盎然——对“为什么Java正在消亡”的回应 苹果酱0567 面试题汇总与解析springboot后端java中间件开发语言
  [图片上传失败...(image-599293-1649288200226)]0.阅读完本文你将会了解Java作为热门语言之一所面临的争议了解Java的生态环境和未来1.前言原文标题：WhyJavaIsPerfectlyAlive——Aresponseto"WhyJavaIsDying"原文地址：https://betterprogramming.pub/why-java-is-perfectly
• 2022-04-09 happylinzi
  2022年4月9日读《论语•先进》【原文】11.22：子路问：“闻斯行诸（1）？”子曰：“有父兄在，如之何其闻斯行之？”冉有问：“闻斯行诸？”子曰：“闻斯行之。”公西华曰：“由也问闻斯行诸，子曰‘有父兄在'；求也问闻斯行诸，子曰‘闻斯行之'。赤也惑，敢问。”子曰：“求也退，故进之；由也兼人，故退之。”【原句译文】11.22子路问：“一听到有道理的事情就要行动吗？”孔子说：“父亲和兄长都在，怎么能听
• 写给未来的爱人-轰趴 2021-09-04 豆豆_d009
  嗨亲爱的：见字如面，我想你了今天单位团建了，来了平谷，年轻人的娱乐项目轰趴，里面有游戏机、台球机、麻将、乒乓球桌、桌球、象棋、KTV、我除了象棋不会玩之外，其他都还行，其实没啥意思，整个这个别墅连水都没给我们准备，就是提供了一个空间，关键还死贵，我发现我不是玩不了，而是不想参与这种又浪费时间又浪费生命的无聊游戏。不过我今天放飞了一下我的无人机，差一点就找不到了，信号中断，还好返航功能还很厉害，机页
• 好用的洗面奶女士 洗面奶哪个牌子美白效果好 日常购物技巧呀
  女士洗面奶，其款式的选择比较多，主要功效有补水、保湿、滋润等，一般配合其它护肤品使用，其效果更佳，满足女性清洁、护理肌肤的需求。那么，你知道洗面奶什么牌子好？现在巴拉排行榜网小编为大家介绍十款受欢迎的女士洗面奶排行榜，感兴趣的朋友们一起来了解下吧！十款受欢迎的女士洗面奶排行榜1、兰蔻清滢嫩肤洁面乳泡沫比较细腻，清洁度中等偏上，冲洗方便。[bai]洗完后不会觉得干。这款是无皂基的洗面奶，混合皮选蓝色
• 小兔子 何亚珂
  【幸福女孩糖糖二年级坚持原创分享第408天2018.10.23星期二】图片发自App图片发自App
• OTA升级流程简要概括 小彬彬我来了 OTAota
  一.将自身的固件版本信息通过POST上传，获取到Update.zip的地址二.获取到Update.zip的地址后，通过GET获取到带有更新包Md5信息的XML文件三.检查本地是否有更新包，如果没有的话就下载Update.zip，如果有的话，先对比一下MD5,如果MD5值不一致，则删除当前更新包，重新下载四.OTA更新包下载完成之后1、RecoverySystem.verifyPackage（）方法
• 【hot100篇-python刷题记录】【回文链表】 我明天再来学Web渗透 力扣hot100-python链表数据结构python开发语言leetcode算法职场和发展
  R7-链表篇思路：转回文数组法链表转数组，再使用双指针判断是不是回文数组即可。wkao?!根本不用双指针判断是否回文数组，只需要倒序判断布尔值即可。（牛啊牛啊）#Definitionforsingly-linkedlist.#classListNode:#def__init__(self,val=0,next=None):#self.val=val#self.next=nextclassSolut
• 基于Springboot和Vue的在线小说阅读平台系统(570) 源码出售和定制 vue.js前端springboot后端spring前端框架
  获取源码请滑到最底部访问官网项目配套调试视频和相对应的软件安装包1、项目描述具体请看视频演示2、项目开发工具开发工具：Idea或Eclipse数据库：MysqlJar包仓库：Maven前端框架：Vue2后端框架：Springboot3、项目图片4、演示视频基于Springboot和Vue的在线小说阅读平台系统(570)
• 3.2.6 盘古开天地start_kernel aspirestro三水哥 InterruptPipelinelinuxarmIPIPEXenomai
  点击查看系列文章=》InterruptPipeline系列文章大纲-CSDN博客3.2内核初始化(盘古开天地)3.2.1内核初始化的神话3.2.2从头(Head)开始3.2.3从头初始化到身体3.2.4宇之内存的空分复用3.2.5宙之CPU的时分复用3.2.6盘古开天地start_kernel3.2.6盘古开天地start_kernel__primary_switched最后义无反顾的跳转到了st
• 2.3.6 返回用户空间 aspirestro三水哥 InterruptPipelinelinux运维服务器
  InterruptPipeline系列文章大纲-CSDN博客2.3el0_irq2.3.1el0_irq代码框架2.3.2kernel_entry0与kernel_exit02.3.3el0_irq_naked与enable_da_f2.3.4trace_hardirqs_off与trace_hardirqs_on2.3.5irq_handler2.3.6返回用户空间目录InterruptPipe
• 2.2 ARM64异常处理 aspirestro三水哥 InterruptPipelinelinuxarm嵌入式硬件
  InterruptPipeline系列文章大纲-CSDN博客1异常级别转换异常发生时，如何处理呢？异常级别分为4级，其中EL0不处理异常。当EL0发生异常时，会进入更高的异常级别进行处理。ARM64包含4个异常级别：EL0：非特权模式，常用来跑应用程序；EL1：特权模式，常用来跑内核；EL2：虚拟化监控程序，例如hypervisor；EL3：安全模式，例如securemonitor;同步异常一般在
• html5 css3 JavaScript响应式中文静态网页模板js源代码 Yucool01 html5javascriptcss3
  该批次模板具备如下功能：首页，二级页面，三级页面登录页面均有，页面齐全，功能齐全，js+css+html,前端HTML纯静态页面，无后台，可用dreamweaver,sublime,webstorm等工具修改；部分网页模板效果图：有需要的同学可以下载学习一下：https://download.csdn.net/download/Yucool01/22408278https://download.c
• APP测试流程梳理 秃头老码农
  1APP测试基本流程1.1流程图1.2测试周期测试周期可按项目的开发周期来确定测试时间，一般测试时间为两三周（即15个工作日），根据项目情况以及版本质量可适当缩短或延长测试时间。1.3测试资源测试任务开始前，检查各项测试资源。--产品功能需求文档；--产品原型图；--产品效果图；--测试设备；--其他。1.4日报及产品上线报告（内部报告机制）1）测试人员每天需对所测项目发送测试日报。（也就是我这边
• Python进阶————面向对象高级 记得多吃点 Python进阶知识python开发语言
  面向对象高级前言一、继承1.1.单继承1.2.多继承1.3.方法重写1.4.子类调用父类方法1.4.1父类名.父类方法名()1.4.2super().父类方法名()1.5.多层继承二、封装2.1.私有属性2.2.私有方法三、多态3.1.多态的条件3.2.多态的定义四、面向对象的其他特性4.1.对象属性4.2.类属性4.3.类方法4.4.静态方法总结前言接下来我们学习Python中的继承、封装、多态
• minio的联邦扩容 睡不醒的双眼皮 云原生
  #1.需要先部署etcd服务自行解决#2.docker运行命令###单机部署dockerrun-itd--nameminio--restart=always--net=host\-e"MINIO_ROOT_USER=admin"\-e"MINIO_ROOT_PASSWORD=Renjc0027"\-e"MINIO_ETCD_ENDPOINTS=http://192.168.100.141:3066
• 迪杰斯特拉(Dijkstra's )算法——解决带权有向无向图最短路径 一条晒干的咸魚 数据结构与算法算法
  迪杰斯特拉算法(Dijkstra'sAlgorithm)，又称为狄克斯特拉算法，是一种用于解决带权重有向图或无向图最短路径问题的算法。该算法由荷兰计算机科学家艾兹赫尔·狄克斯特拉在1956年发明，是一种广泛应用于网络路由和其他领域的算法。在2001年的一次采访中，Dijkstra博士透露了他设计这个算法的起因和过程：从Rotterdam到Groningen的最短路线是什么？我花了大概20分钟时间设
• 弗洛伊德(Floyd's)算法—解决最短路径经典算法 一条晒干的咸魚 数据结构与算法算法
  弗洛伊德算法(Floyd'salgorithm)是一种用于解决图中最短路径问题的经典算法。由美国计算机科学家罗伯特·弗洛伊德于1962年提出，该算法通过动态规划的思想，在图中寻找任意两个节点之间的最短路径，具有广泛的应用。本文将详细介绍弗洛伊德算法的原理、实现细节以及应用案例。一、原理动态规划思想：弗洛伊德算法利用了动态规划的思想，将原问题分解为子问题并进行逐步求解。它通过不断更新节点之间的最短路
• 党的100周年 我的11年 虚空藏世界
  七月你好，我党生日快乐！何其有幸，生在日渐强大的中国，每一天都在成长。党龄11年2010年，我终于加入了中国共产党，那一刻除了激动还是激动。自己的言行举止被认可，是值得骄傲的事情，也是值得自豪的事情。申请入党积极分子，党课培训和考核，正式申请入党，加入党，似乎很顺理成章的就完成了，并非如此。虽然自己很优秀，但其实优秀的人很多。那么如何脱颖而出，就会显得极为重要。每一个人都是竞争者，也可能是未来的伙
• 2019-3-25六项精进打卡 Lily_0411
  姓名：张志丽公司：上海立泉环境科技有限公司六项精进469期【日精进打卡第120天】【知～学习】《六项精进》1遍共120遍《一剑封喉》1遍共120遍《优秀在于搞定小事》共1遍【经典名句】微笑是一种慈悲，给人微笑就是给人信心。【行～实践】一、修身：（对自己个人）1、健康步数5300步；2、坚持每日背诵六项精进大纲、大学、一剑封喉；3、坚持每日看书、背单词。二、齐家：（对家庭和家人）1、和家人聊天。三、
• 44‖苗苗写在2018:不要剥夺孩子的自然体验 最美的时光在路上
  当你告诉孩子要带雨衣，孩子没有带淋雨回来了，你会怎么说？当你告诉孩子降温了，要多穿点，孩子没有穿，最后冻得哆哆嗦嗦的回来了，你会怎么说？当你告诉孩子，早饭要好好吃，不然到了中午会饿。结果孩子中午很饿的回来了，你会怎么说？《正面管教》作者简·尼尔森翻译玉冰出版社北京联合公司1当孩子淋雨回来，冻得哆哆嗦嗦的回来，饿的咕噜咕噜的回来，你是不是都会说一句:“我早就告诉你了”这样就剥夺了孩子自然体验的结果，
• 基于Android+SQLite的通讯录APP开发 我就说好玩 androidsqlite数据库javaxml
  通讯录APP功能说明：APP需要实现如下功能：a.普通用户：（1）用户管理。包括用户注册，用户登录、用户信息管理。（2）显示联系人。用户登录成功后，可以显示所有该用户的联系人。（3）添加联系人。用户登录成功后，可增加和用户联系人。（4）查找联系人。用户登录成功后，可以精确查找指定联系人或按类别查找联系人。（5）删除指定条件联系人。用户登录成功后，可以删除用户个人相关的联系人。（6）修改联系人信息。
• 第三督导组5月7日深入西部城区督导简报 呼环整第三督导组
  5月7日上午，第三督导组全体成员来到西部城区责任督导辖区进行督导检查工作。图片发自App第三督导组按照市委、市政府关于西部城区城市环境综合整治实施方案的要求，对西部督导责任区域的110国道、白道川路开展了实地督导，本次督导主要针对辖区内的街边环境卫生整治情况、黄土裸露整治情况、小广告整治情况进行了督导检查。图片发自App通过今日的督导检查工作，督导组在街边环境卫生整治方面，以及小广告整治方面共发现
• 2018-04-08 乾立风中
  懒惰久了，努力一下就以为在拼命。但你想多了，你只是自己感动了自己。最怕的不是忙碌，而是安逸，别在本该努力拼搏的年纪选择安逸。
• 2020-12-28 莫忘小寒
  站的位置不一样，考虑的方向也不一样，站的立场不同，考虑的问题就会不同，看问题要从多面入手，英雄惜英雄，小人得志治人。全性保真，不以外物累形。专注自己的事，其他人的职权范围人家一定会做好的不管多复杂的工厂归根到底是要靠人一点点建设起来，能够管好人和人和谐相处才能做好自己的事情。能吃苦把钱用在刀刃上这样的人能成事。没有什么对错只是立场不同位置不同每个人都有自己的难处价格档位：0-5050-100。10
• 项目中 枚举与注解的结合使用 飞翔的马甲 javaenumannotation
  前言：版本兼容，一直是迭代开发头疼的事，最近新版本加上了支持新题型，如果新创建一份问卷包含了新题型，那旧版本客户端就不支持，如果新创建的问卷不包含新题型，那么新旧客户端都支持。这里面我们通过给问卷类型枚举增加自定义注解的方式完成。顺便巩固下枚举与注解。 一、枚举 1.在创建枚举类的时候，该类已继承java.lang.Enum类，所以自定义枚举类无法继承别的类，但可以实现接口。
• 【Scala十七】Scala核心十一：下划线_的用法 bit1129 scala
  下划线_在Scala中广泛应用，_的基本含义是作为占位符使用。_在使用时是出问题非常多的地方，本文将不断完善_的使用场景以及所表达的含义   1. 在高阶函数中使用 scala> val list = List(-3,8,7,9) list: List[Int] = List(-3, 8, 7, 9) scala> list.filter(_ > 7) r
• web缓存基础：术语、http报头和缓存策略 dalan_123 Web
  对于很多人来说，去访问某一个站点，若是该站点能够提供智能化的内容缓存来提高用户体验，那么最终该站点的访问者将络绎不绝。缓存或者对之前的请求临时存储，是http协议实现中最核心的内容分发策略之一。分发路径中的组件均可以缓存内容来加速后续的请求，这是受控于对该内容所声明的缓存策略。接下来将讨web内容缓存策略的基本概念，具体包括如如何选择缓存策略以保证互联网范围内的缓存能够正确处理的您的内容，并谈论下
• crontab 问题 周凡杨 linuxcrontabunix
    一： 0481-079   Reached   a   symbol   that   is   not   expected.   背景： */5   *   *   *   *  /usr/IBMIHS/rsync.sh 
• 让tomcat支持2级域名共享session g21121 session
  tomcat默认情况下是不支持2级域名共享session的，所有有些情况下登陆后从主域名跳转到子域名会发生链接session不相同的情况，但是只需修改几处配置就可以了。 打开tomcat下conf下context.xml文件 找到Context标签,修改为如下内容 如果你的域名是www.test.com <Context sessionCookiePath="/path&q
• web报表工具FineReport常用函数的用法总结（数学和三角函数） 老A不折腾 Webfinereport总结
    ABS ABS(number):返回指定数字的绝对值。绝对值是指没有正负符号的数值。 Number:需要求出绝对值的任意实数。 示例: ABS(-1.5)等于1.5。 ABS(0)等于0。 ABS(2.5)等于2.5。   ACOS ACOS(number):返回指定数值的反余弦值。反余弦值为一个角度，返回角度以弧度形式表示。 Number:需要返回角
• linux 启动java进程 sh文件 墙头上一根草 linuxshelljar
  #!/bin/bash #初始化服务器的进程PId变量 user_pid=0; robot_pid=0; loadlort_pid=0; gateway_pid=0; ######### #检查相关服务器是否启动成功 #说明： #使用JDK自带的JPS命令及grep命令组合，准确查找pid #jps 加 l 参数，表示显示java的完整包路径 #使用awk，分割出pid
• 我的spring学习笔记5-如何使用ApplicationContext替换BeanFactory aijuans Spring 3 系列
  如何使用ApplicationContext替换BeanFactory？ package onlyfun.caterpillar.device; import org.springframework.beans.factory.BeanFactory; import org.springframework.beans.factory.xml.XmlBeanFactory; import
• Linux 内存使用方法详细解析 annan211 linux内存Linux内存解析
  来源 http://blog.jobbole.com/45748/ 我是一名程序员，那么我在这里以一个程序员的角度来讲解Linux内存的使用。 一提到内存管理，我们头脑中闪出的两个概念，就是虚拟内存，与物理内存。这两个概念主要来自于linux内核的支持。 Linux在内存管理上份为两级，一级是线性区，类似于00c73000-00c88000，对应于虚拟内存，它实际上不占用
• 数据库的单表查询常用命令及使用方法(-) 百合不是茶 oracle函数单表查询
      创建数据库;       --建表 create table bloguser(username varchar2(20),userage number(10),usersex char(2));       创建bloguser表,里面有三个字段     &nbs
• 多线程基础知识 bijian1013 java多线程threadjava多线程
  一．进程和线程 进程就是一个在内存中独立运行的程序，有自己的地址空间。如正在运行的写字板程序就是一个进程。 “多任务”：指操作系统能同时运行多个进程（程序）。如WINDOWS系统可以同时运行写字板程序、画图程序、WORD、Eclipse等。 线程：是进程内部单一的一个顺序控制流。 线程和进程 a.       每个进程都有独立的
• fastjson简单使用实例 bijian1013 fastjson
  一.简介         阿里巴巴fastjson是一个Java语言编写的高性能功能完善的JSON库。它采用一种“假定有序快速匹配”的算法，把JSON Parse的性能提升到极致，是目前Java语言中最快的JSON库；包括“序列化”和“反序列化”两部分，它具备如下特征：     
• 【RPC框架Burlap】Spring集成Burlap bit1129 spring
  Burlap和Hessian同属于codehaus的RPC调用框架，但是Burlap已经几年不更新，所以Spring在4.0里已经将Burlap的支持置为Deprecated,所以在选择RPC框架时，不应该考虑Burlap了。 这篇文章还是记录下Burlap的用法吧，主要是复制粘贴了Hessian与Spring集成一文，【RPC框架Hessian四】Hessian与Spring集成  
• 【Mahout一】基于Mahout 命令参数含义 bit1129 Mahout
  1. mahout seqdirectory   $ mahout seqdirectory --input (-i) input Path to job input directory(原始文本文件). --output (-o) output The directory pathna
• linux使用flock文件锁解决脚本重复执行问题 ronin47 linux lock　重复执行
  linux的crontab命令，可以定时执行操作，最小周期是每分钟执行一次。关于crontab实现每秒执行可参考我之前的文章《linux crontab 实现每秒执行》现在有个问题，如果设定了任务每分钟执行一次，但有可能一分钟内任务并没有执行完成，这时系统会再执行任务。导致两个相同的任务在执行。 例如： <? //  test .php
• java-74-数组中有一个数字出现的次数超过了数组长度的一半，找出这个数字 bylijinnan java
  public class OcuppyMoreThanHalf { /** * Q74 数组中有一个数字出现的次数超过了数组长度的一半，找出这个数字 * two solutions: * 1.O(n) * see <beauty of coding>--每次删除两个不同的数字，不改变数组的特性 * 2.O(nlogn) * 排序。中间
• linux 系统相关命令 candiio linux
  系统参数 cat /proc/cpuinfo  cpu相关参数 cat /proc/meminfo 内存相关参数 cat /proc/loadavg 负载情况 性能参数 1）top M：按内存使用排序 P：按CPU占用排序 1：显示各CPU的使用情况 k：kill进程 o：更多排序规则 回车：刷新数据 2）ulimit ulimit -a：显示本用户的系统限制参
• [经营与资产]保持独立性和稳定性对于软件开发的重要意义 comsci 软件开发
       一个软件的架构从诞生到成熟，中间要经过很多次的修正和改造       如果在这个过程中，外界的其它行业的资本不断的介入这种软件架构的升级过程中           那么软件开发者原有的设计思想和开发路线
• 在CentOS5.5上编译OpenJDK6 Cwind linuxOpenJDK
  几番周折终于在自己的CentOS5.5上编译成功了OpenJDK6，将编译过程和遇到的问题作一简要记录，备查。 0. OpenJDK介绍 OpenJDK是Sun（现Oracle）公司发布的基于GPL许可的Java平台的实现。其优点： 1、它的核心代码与同时期Sun（-> Oracle）的产品版基本上是一样的，血统纯正，不用担心性能问题，也基本上没什么兼容性问题；（代码上最主要的差异是
• java乱码问题 dashuaifu java乱码问题js中文乱码
  swfupload上传文件参数值为中文传递到后台接收中文乱码     在js中用setPostParams（{"tag" : encodeURI( document.getElementByIdx_x("filetag").value，"utf-8")}）; 然后在servlet中String t
• cygwin很多命令显示command not found的解决办法 dcj3sjt126com cygwin
  cygwin很多命令显示command not found的解决办法   修改cygwin.BAT文件如下 @echo off D: set CYGWIN=tty notitle glob set PATH=%PATH%;d:\cygwin\bin;d:\cygwin\sbin;d:\cygwin\usr\bin;d:\cygwin\usr\sbin;d:\cygwin\us
• [介绍]从 Yii 1.1 升级 dcj3sjt126com PHPyii2
  2.0 版框架是完全重写的，在 1.1 和 2.0 两个版本之间存在相当多差异。因此从 1.1 版升级并不像小版本间的跨越那么简单，通过本指南你将会了解两个版本间主要的不同之处。 如果你之前没有用过 Yii 1.1，可以跳过本章，直接从"入门篇"开始读起。 请注意，Yii 2.0 引入了很多本章并没有涉及到的新功能。强烈建议你通读整部权威指南来了解所有新特性。这样有可能会发
• Linux SSH免登录配置总结 eksliang ssh-keygenLinux SSH免登录认证Linux SSH互信
  转载请出自出处：http://eksliang.iteye.com/blog/2187265 一、原理      我们使用ssh-keygen在ServerA上生成私钥跟公钥，将生成的公钥拷贝到远程机器ServerB上后,就可以使用ssh命令无需密码登录到另外一台机器ServerB上。      生成公钥与私钥有两种加密方式，第一种是
• 手势滑动销毁Activity gundumw100 android
  老是效仿ios，做android的真悲催！ 有需求：需要手势滑动销毁一个Activity 怎么办尼？自己写？ 不用~，网上先问一下百度。 结果： http://blog.csdn.net/xiaanming/article/details/20934541 首先将你需要的Activity继承SwipeBackActivity，它会在你的布局根目录新增一层SwipeBackLay
• JavaScript变换表格边框颜色 ini JavaScripthtmlWebhtml5css
  效果查看：http://hovertree.com/texiao/js/2.htm代码如下，保存到HTML文件也可以查看效果： <html> <head> <meta charset="utf-8"> <title>表格边框变换颜色代码-何问起</title> </head> <body&
• Kafka Rest : Confluent kane_xie kafkaRESTconfluent
  最近拿到一个kafka rest的需求，但kafka暂时还没有提供rest api（应该是有在开发中，毕竟rest这么火），上网搜了一下，找到一个Confluent Platform，本文简单介绍一下安装。 这里插一句，给大家推荐一个九尾搜索，原名叫谷粉SOSO，不想fanqiang谷歌的可以用这个。以前在外企用谷歌用习惯了，出来之后用度娘搜技术问题，那匹配度简直感人。 环境声明：Ubu
• Calender不是单例 men4661273 单例Calender
           在我们使用Calender的时候，使用过Calendar.getInstance()来获取一个日期类的对象，这种方式跟单例的获取方式一样，那么它到底是不是单例呢，如果是单例的话，一个对象修改内容之后，另外一个线程中的数据不久乱套了吗？从试验以及源码中可以得出，Calendar不是单例。 测试： Calendar c1 =
• 线程内存和主内存之间联系 qifeifei java thread
  1， java多线程共享主内存中变量的时候，一共会经过几个阶段，    lock:将主内存中的变量锁定，为一个线程所独占。   unclock:将lock加的锁定解除，此时其它的线程可以有机会访问此变量。   read:将主内存中的变量值读到工作内存当中。   load:将read读取的值保存到工作内存中的变量副本中。  
• schedule和scheduleAtFixedRate tangqi609567707 javatimerschedule
  原文地址：http://blog.csdn.net/weidan1121/article/details/527307 import java.util.Timer;import java.util.TimerTask;import java.util.Date; /** * @author vincent */public class TimerTest {  
• erlang 部署 wudixiaotie erlang
  1.如果在启动节点的时候报这个错 ： {"init terminating in do_boot",{'cannot load',elf_format,get_files}} 则需要在reltool.config中加入 {app, hipe, [{incl_cond, exclude}]},     2.当generate时，遇到： ERROR

按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他

首页 - 关于我们 - 站内搜索 - Sitemap - 侵权投诉

版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved.