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）)

• OpenBayes 一周速览｜一键部署Qwen2.5-Coder，0编程经验实现代码生成自由！
  公共资源速递5个数据集：Coil-100图像数据集Muharaf手写阿拉伯文数据集CollectiveActivity集体活动视频数据集MultimodalSpectroscopic化学多模光谱数据集CDFSOD-benchmark跨域小样本对象检测基准数据集3个教程：一键部署Qwen2.5-CoderInkSight将手写文字数字化DemoGLM-4-Voice端到端中英语音对话模型访问官网立即
• 【3-4】《Java面向对象高级知识》——继承、重写和重载、final关键字、抽象类、接口、多态、Object类、内部类、包装类、可变参数、递归 美少女降临人世间 【Java精华笔记】已完结抽象类final关键字重写和重载Java面向对象内部类
  文章目录一、继承格式二、子类实例化内存分析三、super详解四、重写1、重写的概念2、重写和重载的区别五、final关键字六、抽象类1、抽象类的概念2、抽象类常见问题3、抽象类和普通类的区别七、接口1、面向接口编程思想2、接口的编写3、接口和抽象类的区别八、多态1、多态的体现2、instanceof九、Object类概述1、toString2、equals十、内部类概述1、成员内部类（了解）2、局
• 如何理解DDoS安全防护在企业安全防护中的作用 服务器安全
  DDoS安全防护在安全防护中扮演着非常重要的角色。DDoS（分布式拒绝服务）攻击是一种常见的网络攻击，旨在通过向目标服务器发送大量请求，以消耗服务器资源并使其无法正常运行。理解DDoS安全防护的作用，可以从以下几个方面来说明：1.维护业务连续性：DDoS攻击可能导致目标服务器过载，甚至无法正常工作，导致业务中断。DDoS安全防护可以帮助企业保持业务连续性，通过识别和过滤恶意流量，保持服务的可用性。
• MySql场景面试题：满意度调查分组去除最高最低求平均分 码到三十五 mysql高手mysqlspringbootspringcloud分布式数据分析数据挖掘
  ❃博主首页：「码到三十五」，同名公众号:「码到三十五」，wx号:「liwu0213」☠博主专栏：♝博主的话：搬的每块砖，皆为峰峦之基；公众号搜索「码到三十五」关注这个爱发技术干货的coder，一起筑基场景描述我们有一个员工满意度调查系统，数据库中有一张表：survey_scores表：存储员工对公司的满意度打分。表结构如下：--调查打分表CREATETABLEsurvey_scores(score
• 6、ListView详解：构建可滚动的列表 piplab666 flutterui
  在移动应用开发中，经常需要展示大量数据，如新闻列表、商品列表等。Flutter提供了丰富的滚动视图控件，其中最基础也是最常用的就是ListView。本篇博客将深入探讨ListView的各种属性、类型以及性能优化技巧，帮助您更好地利用这一重要工具。1.什么是ListView？ListView是Flutter中的滚动视图控件，用于展示一个可滚动的列表。它可以在垂直方向（默认）或水平方向滚动，内部包含一
• Vue项目打包部署与路由配置深度解析 程序员
  在Vue.js项目的开发和部署过程中，配置打包路径和路由模式是两个至关重要的环节。下面，我们将详细探讨如何根据需求将Vue项目打包部署到域名的根路径或二级路径，并深入解析hash路由与history路由的配置方法。一、Vue项目打包部署1.配置vue.config.jsvue.config.js是VueCLI项目的配置文件，用于定制项目构建过程中的各种选项。其中，publicPath属性决定了打包
• 洞见数据未来，StarRocks Summit Asia 2024 即将启幕！ 人工智能data
  在AI时代，我们需要怎样的数据基础软件？数据量和数据类型的需求飞速上涨，我们不仅需要将历史上各种基础设施中的数据进行分析使用，还要关注性能、灵活性、性价比，以及确保单一可信数据源。这一切构成了当前大数据领域的核心难题。今年12月，StarRocksSummitAsia重磅启动！作为年度数据盛会，我们将从用户、平台方、业务领袖和技术极客等不同视角展开交流，携手共建未来的数据解决方案。本届峰会，我们将
• 小明，谈谈Vue组件动态加载有哪些方式 程序员
  动态加载组件可以显著提高应用的性能，优化用户体验，尤其是在大型应用中，合理的组件加载策略尤为重要。本文将探讨几种在Vue中实现组件动态加载的具体方案。1.异步组件Vue允许将组件定义为异步组件，从而在需要时动态加载它们。这可以通过使用import()函数来实现，具体示例如下：constAsyncComponent=()=>import('./components/MyComponent.vue')
• 如何保障网站数据传输更安全 安全服务器
  在今天的互联网世界中，安全性是用户最为关心的问题之一。随着网络攻击和数据泄露事件的频发，人们越来越意识到选择安全的通信协议的重要性。在众多协议中，HTTPS因其卓越的安全性而逐渐取代了HTTP，成为网络通信的主流方式。HTTPS究竟为何比HTTP更安全呢？1.数据加密：保障传输过程中的安全性HTTPS最大的优势在于其强大的数据加密能力。它通过在HTTP的基础上引入SSL/TLS（安全套接层/传输层
• 选择网站服务器有哪几种类型？ 服务器
  许多用户往往对服务器托管、服务器租用、独享带宽、VPS租用、虚拟主机、云服务器等概念没有很知道，记不清怎样挑选IDC业务，有的一味的认为质量，挑选了费用较高的套餐，但是却浪费资源，没有必要，也有一些用户一味的省钱，没有根据自己公司的实际需求挑选。今天德迅云安全就对于这几类不一样的方案就行一些对比和评估。1、服务器租用服务器租用指得客户不必自身购买服务器，只需依据行业的需要，提起对硬件配置的规定。服
• 云原生主键模型：高效、弹性，省钱又省心 数据库大数据
  作者简介：罗一鑫，StarRocksCommitter，主要负责存储引擎相关的工作。导读：在StarRocks3.3.1版本中，我们推出了云原生持久化索引，旨在解决本地磁盘持久化索引的关键问题。本文将详细探讨其优势，并对比云原生与本地磁盘持久化索引在大批量导入、小批实时导入以及弹性调度等场景中的表现。尤其在弹性调度场景中，云原生架构使延迟性能提升至本地磁盘的10倍。主键模型是StarRocks全新
• 企业落地大模型的路径选择：微调、RAG、提示词工程 AGI-杠哥 深度学习自然语言处理人工智能学习知识图谱
  一、大模型的特点1）不确定性与传统应用不同，模型的输出是不确定的，即使多次问它一样的问题，给出的结果也可能不一样。这种特性对于日常应用业务OK，但是如果要在企业内用来处理具体业务问题，就必须提高这个稳定性，否则影响生产经营，例如产线操作人员通过模型获取操作步骤或者参数，如果步骤或者数据不对可能会导致产品出现质量问题等等。2）静态性模型一旦训练好，就无法再补充数据，因此模型不会了解你自己组织内部的年
• OpenVoiceV2：零样本跨语言语音克隆技术，支持多种风格控制 智慧医疗 AIGC语音识别人工智能语音克隆
  1openvoicev2介绍语音克隆技术近年来取得了显著进展，但现有方法通常存在着局限性，例如无法灵活控制语音风格、需要大量多语言数据进行训练、生成速度慢等等。为了克服这些挑战，MyShell.ai团队推出了全新的语音克隆技术OpenVoiceV2，它能够在无需额外训练的情况下，仅凭少量参考音频，就能够克隆任何人的声音，并支持多种语音风格控制，以及快速高效的跨语言语音生成。论文地址：http://
• Unity文件路径访问总结：从基础到高级的资源加载方法 Unity青子 Unity零基础系列课程unity
  在Unity开发中，文件路径的访问和资源加载是开发者经常需要处理的任务。无论是加载纹理、模型、音频，还是读取配置文件，正确地处理路径和资源加载是确保项目顺利运行的关键。本文将以Unity文件路径访问为主线，详细介绍Unity中常见的路径访问方式，并结合代码示例、注意事项以及实际使用场景，帮助开发者更好地理解和使用这些方法。同时，本文还会延伸出更多相关知识，帮助用户举一反三，解决实际开发中的问题。1
• 2017-SIGGRAPH-Google,MIT-(HDRNet)Deep Bilateral Learning for Real-Time Image Enhancements WX Chen HDR技术深度学习神经网络机器学习
  双边网格本质上是一个可以保存边缘信息的3维的数据结构。对于一张2维图片,在2维空间中增加了一维代表像素的强度slice操作(上采样)BilateralGuidedUpsampling这篇文章用双边网格实现图像的操作算子的加速。算法的核心思想是将一幅高分辨率的图像通过下采样转换成一个双边网格,在双边网格中每个格子就是一个图像的仿射变换算子,它的原理是在空间与值域相近的区域内,相似输入图像的亮度经算子
• 一篇文章掌握WebService服务、工作原理、核心组件、主流框架 java15655057970 服务器前端linux
  目录1、WebService定义解决问题：2、WebService的工作原理2.1实现一个完整的Web服务包括以下步骤2.2调用方式3、WebService的核心组件3.1XML3.2SOAP3.3WSDL3.4UDDI4、主流框架4.1AXIS(已淘汰)4.2XFire4.3CXF5、Soap协议详解1.Soap协议是什么2.认识Soap3.结论4.SOAP小总结6、WSDL详解1.types2
• 使用vue-cli创建uni-app项目，vue3/vite模板 hy2356891299 vue3vue.jsuni-app
  官网地址：https://uniapp.dcloud.net.cn/quickstart-cli.html1.首先，安装脚手架：npminstall-g@vue/cli注意：Vue3/Vite版要求node版本^14.18.0||>=16.0.0（我用的是nodev16.0.0）2.下载模板，因为我使用官网命令安装失败，所以直接下载的压缩包使用js下载地址https://gitee.com/dcl
• 华为OD机试 - 手机App防沉迷系统（Python/JS/C/C++ 2024 D卷 100分） 哪 吒 华为odpythonjavascript算法七日集训
  华为OD机试2024E卷题库疯狂收录中，刷题点这里专栏导读本专栏收录于《华为OD机试真题（Python/JS/C/C++）》。刷的越多，抽中的概率越大，私信哪吒，备注华为OD，加入华为OD刷题交流群，每一题都有详细的答题思路、详细的代码注释、3个测试用例、为什么这道题采用XX算法、XX算法的适用场景，发现新题目，随时更新。一、题目描述智能手机方便了我们生活的同时，也侵占了我们不少的时间。“手机Ap
• Chatgpt国内镜像网站｜最容易懂的 ChatGPT 介绍与教学指南【2025年1月更新】
  最新更新日期：2025年1月20日这是一份全方位的指南，帮助您轻松使用ChatGPT中文版，无需科学上网即可体验GPT-4的全部功能！在本文中，您将了解如何通过推荐的镜像网站访问ChatGPT中文版、注册使用的具体步骤，以及常见问题的解答。什么是ChatGPT中文版？ChatGPT中文版是OpenAI专为中文用户量身定做的智能对话工具，旨在提供更加顺畅且精准的中文交流体验。与国际版相比，ChatG
• 021：为什么是卷积呢？ 董董灿是个攻城狮 计算机视觉保姆级教程人工智能计算机视觉CNN
  本文为合集收录，欢迎查看合集/专栏链接进行全部合集的系统学习。合集完整版请查看这里。卷积算法非常重要，但是为什么是卷积呢?在进一步学习之前，先看一看神经网络(或者叫一个AI模型)是如何完成一张图片的推理的。你肯定听说过阿尔法狗大战柯洁的故事，当时新闻一出，不知大家什么反应，反正我是被震撼到了：AI模型竟然学到了那么多的棋谱，而且人类在AI的面前毫无还手可言。但是，你有没有想过一个问题：阿尔法狗学会
• MySQL面试题 泰山小张只吃荷园 mysql数据库java面试后端
  MySQL目录1.MySQL中的数据排序是怎么实现的？2.那怎么去优化ORDERBY呢？3.MySQL中的ChangeBuffer是什么?有什么作用？4.详细描述一下一条SQL语句在MySQL中的执行过程5.MySQL的存储引擎有哪些？6.MySQL的索引有哪些？7.MySQLInnoDB引擎中的聚集索引和非聚集索引有什么区别?8.MySQL索引的最左前缀匹配原则是什么?9.MySQL的覆盖索引是
• 电脑蓝屏终止代码：DRIVER_IRQL_NOT_LESS_OR_EQUAL失败的操作：Netwtw12.sys 泰山小张只吃荷园 springboot后端java前端电脑
  记录一下三年以来的第一次蓝屏，终止代码：DRIVER_IRQL_NOT_LESS_OR_EQUAL失败的操作：Netwtw12.sys出现情况如下：1.打游戏/代码程序运行过程中电源突然断开2.频繁更换电源，导致电源电压变化过大导致网卡驱动异常3.网卡驱动版本落后解决方案：1.先将电源拔掉2.长按关机键关机3.将网络/热点关闭，并等待一分钟4.重新打开电脑5.选择不需要修复电脑进入win11系统6
• 在PyTorch框架上训练ImageNet时，Dataloader加载速度慢怎么解决？ cda2024 pytorch人工智能python
  在深度学习领域，PyTorch因其灵活性和易用性而受到广泛欢迎。然而，在实际应用中，特别是在处理大规模数据集如ImageNet时，Dataloader的加载速度往往成为瓶颈。本文将深入探讨这一问题，并提供多种解决方案，帮助你在PyTorch框架上高效地训练ImageNet。1.问题背景ImageNet是一个包含超过1400万张图像的大规模数据集，被广泛用于图像分类任务的研究。在PyTorch中，D
• 对于编程零基础，第一个语言是 Python 的人有什么建议？ cda2024 python开发语言
  在当今数字化时代，编程已成为一项必备技能。无论你是想成为一名专业的软件开发人员，还是希望在数据分析、人工智能等领域有所建树，掌握一门编程语言都是至关重要的第一步。对于许多初学者来说，Python是一个理想的选择。它不仅语法简洁易懂，而且拥有强大的社区支持和丰富的库资源。那么，对于编程零基础且选择Python作为第一门语言的人，有哪些实用的建议呢？1.建立正确的学习心态1.1持之以恒学习编程并不是一
• WebService——SOAP详解 吴声子夜歌 WebServiceWebServiceSOAP
  目录SOAP1、概述2、语法2.1、组成部分2.2、语法规则2.3、基本结构3、Envelope元素3.1、xmlns:soap命名空间3.2、encodingStyle属性4、Header元素4.1、mustUnderstand属性4.2、actor属性4.3、encodingStyle属性5、Body元素6、Fault元素7、SOAPHTTPBinding7.1、Content-Type7.2
• 叮！OpenBayes 半价礼包已送达，算力资源低至 1.15 元/小时
  新春将至，我们距离蛇年仅一步之遥，为了感谢大家这一年的支持，小贝也为大家准备了沉甸甸的年货----算力资源半价大礼包！！你没有看错！即日起-2025年2月10日12:00(UTC+8)，OpenBayes平台单卡RTX4090、单卡A6000包日、包周限时半价，价格低至1.15元/小时。1活动详情单卡RTX4090包日原价58元，折后29元（约1.21元/小时）包周原价386元，折后193元（约1
• “一起学 HarmonyOS”第二弹获奖名单来啦～ harmonyos
  亲爱的小伙伴们，感谢参与“一起学HarmonyOS”第二弹技术问答活动，本次活动的获奖名单来啦～获奖名单学习宣传奖获奖用户完成项李游LeoLevel0Swift社区Level0奖品：技术书籍1本社区白银电子勋章「挑战者」学习萌新奖获奖用户完成项完美的荒野_sQfjyLevel1木槿Level1求醉的灌汤包Level1不开心的扁豆_cll5hnLevel1苦闷的伤疤Level1时尚的小摩托_kgMU
• 数值存储（一）-CPU大端和小端模式详解 poclist osdev
  大端与小端在嵌入式开发中，大端（Big-endian）和小端（Little-endian）是一个很重要的概念。MSB与LSB最高有效位（MSB）指二进制中最高值的比特。在16比特的数字音频中，其第1个比特便对16bit的字的数值有最大的影响。例如，在十进制的15，389这一数字中，相当于万数那1行（1）的数字便对数值的影响最大。比较与之相反的“最低有效位”（LSB）。LSB（LeastSignif
• 使用 `du` 命令可以查看根目录下每个子目录占用的磁盘空间大小 abments linux常用命令linux
  使用du命令可以查看根目录下每个子目录占用的磁盘空间大小。查看根目录下子目录大小的命令sudodu-sh/*解释：du：显示文件和目录的磁盘使用情况。-s：只显示每个目录的总大小（不递归显示子目录）。-h：以人类可读的格式显示大小（如KB、MB、GB）。/*：表示根目录下的所有子目录和文件。输出示例：4.0K/bin12M/boot0/dev1.5G/etc32G/home8.0K/lib...每
• Yocto项目-全面的工具链能力 嵌入式Jerry Yoctolinux嵌入式硬件开发语言物联网系统架构
  工具链是嵌入式系统开发中的核心组成部分，它决定了从源代码到可运行二进制文件的转化效率和最终质量。在诸多嵌入式构建系统中，Yocto项目以其灵活、强大且全面的工具链能力成为行业的佼佼者。本文将全面解析Yocto项目的工具链能力，同时对比其他常见构建系统，帮助读者更清晰地了解Yocto项目的优势和适用场景。1.什么是工具链？工具链（Toolchain）是嵌入式开发的核心，它由一组工具组成，用于将源代码
• 项目中 枚举与注解的结合使用 飞翔的马甲 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.