具有材料风格的单选按钮。 通常与material-radio-group一起使用。 选中后，无法通过用户操作取消选中相同的单选按钮。
有个错误有必要每次讲到伪类都提一下，有时你会发现伪类元素使用了两个冒号 (::) 而不是一个冒号 (:)，这是 CSS3 规范中的一部分要求，目的是为了区分伪类和伪元素，大多数浏览器都支持下面这两种表示方式。
如果你正在建立一个网站或一个web应用，你可能会用到按钮，也许看起来像按钮的链接。不管怎样，让这些正常展示是很重要的。
├── app.js 应用程序逻辑 ├── app.json 页面路径(默认显示第一个)，全局应用程序配置 ├── app.wxss 应用程序公共样式 ├── pages 页面目录 │ ├── index index 页面 │ │ ├── index.js 页面入口，index页面逻辑 │ │ ├── index.wxml index页面结构 │ │
翻译：布兰 作者：Adam Argyle 来源：https://web.dev/building-a-sidenav-component/
学了部分js内容后，完成了网站首页部分动态效果（搜索栏、侧边导航条、轮播图），先用最基本的，冗余最多的一步步实现；后面对Js进行了初步的封装，重新构建了Js文件目录，提高了代码的可读性、可维护性、可拓展性！
10步大幅提升网站可访问性：1. 检查<title>标签；2. 提供文字替代方案；3. 检查表单；4. 使用heading做信息架构；5. 减少焦点劫持；6. 按Ctrl+或command+查看页面缩放；7. 添加landmark角色；8. 设置快捷键；9. 触发界面转换需设置焦点；10. 填写一个简单的链接到<body>之后作为第一个内容元素。
面包屑包含当前页面的父页面的链接列表，该列表是层级顺序的。它可以帮助用户在网站或网络应用程序中找到自己的位置。面包屑通常水平放置在页面的主要内容之前。
昨天的文章《【逻辑】什么是前端开发中的业务逻辑？》，简单的聊了一下什么是业务逻辑，并且说明了业务逻辑是来自于客户的需求。那么今天就再说一下，怎么做需求分析？
注意：为了获得高质量的用户体验，选项卡条的用户必须将焦点设置为新显示的内容，以便1）选项卡不保留焦点样式，2）屏幕阅读器可以计算已更改的内容。
本文介绍了JavaScript中常见的事件处理机制，包括鼠标事件、键盘事件、表单事件、以及自定义事件的绑定和触发。同时，还介绍了jQuery中常用的内置事件，如click、dblclick、focus、blur、change等。通过实例演示了如何使用jQuery来绑定事件处理函数，并介绍了各种事件处理函数的参数和返回值。通过学习本文，可以更好地掌握JavaScript中的事件处理机制，以及如何使用jQuery来处理事件。"
作为一个前端小白，入门跟着这四个来源学习，感谢作者的分享，在其基础上，通过自己的理解，梳理出的知识点，或许有遗漏，或许有些理解是错误的，如有发现，欢迎指点下。
前言 Angular 按照既定的发版计划在 11 月中旬发布了 v15 版本。推迟了一个月（几乎每个版本都是这个节奏😳），Ng-Matero 也终于更新到了 v15。其实 Ng-Matero 本身的更新非常简单，但是同步维护的 Material Extensions 这个库要先于 Ng-Matero 发布，所以大部分精力都耗费在组件库上面了。 我已经很久没有写关于 Ng-Matero 的发版文章了。上次介绍发版还是 v10 版本，竟然已经是两年前的事情了。在这两年的开源生涯中，主要精力都在 Materi
JavaScript，弱类型脚本语言，增强交互和用户体验提高效率等。JavaScript=ECMAScript+JavaScript特有的内容（BOM对象+DOM对象） ECMAScript：与html结合：内部JS（script标签定义，在html文档内部，按位置先后执行），外部JS（script标签引入src元素）， 注释：当行//，多行/**/，数据类型：原始数据类型（基本，number[整数，小数，NaN not a number]，string，boolean，null，undefined），引用数据类型（对象） 变量，var定义，开辟空间不定义类型。赋值可改变类型。document.write输出，添加标签字符串换行。typeof(变量)关键字，打印数据类型（null是一个object的bug）。 运算符，一元运算符：++，--，+-（正号,负号[可以将其他类型转number，无法转换为NaN]），算数运算符：+-*/%，赋值运算符=，+=，-=，比较运算符：>，>=，<，<=，==，!=，类型不同则转换类型比较，===（不转换类型比较）。
今天我们来继续复盘一些工作中常用的css技巧和知识,以便我们可以更加优雅的用css实现富有动感的网站.
原文地址：Understanding Audio Focus (Part 2 / 3): More Audio Focus use cases 原文作者：Nazmul Idris (Naz) 译文出自
BrowserWindow模块是用于创建和管理图形用户界面的窗口。它提供了一种在桌面应用程序中创建原生窗口的方式，类似于浏览器中的窗口。
本文主要介绍了腾讯网新闻底层页无障碍阅读功能，该功能主要针对于盲人用户使用屏幕阅读器进行阅读而设计。主要优化了以下六个方面：1. 添加无障碍说明，使代码做为body的第一个元素，使用css样式代码控制此代码中的内容在视觉上不显示，只有使用屏幕阅读器才可以听到这个链接；2. 为页面中指向网站首页的链接添加title和accesskey属性，使按alt+1快捷键时可以阅读该title和链接地址；3. 为页面中的主导航所在代码区域添加accesskey和tabindex属性，使按alt+2快捷键时可以阅读该区域的内容；4. 为文字的正文区域添加title和accesskey属性，使按alt+3快捷键时可以阅读该区域的内容；5. 为评论的出入框添加accesskey属性，使按alt+4快捷键时可以阅读该区域的内容；6. 在鼠标在某个拥有title属性的区域时候，会出现悬停的小菜单提示，使用javascript脚本实现。该功能默认此区域的title值为空，当按下某快捷键的时候，对该快捷键绑定的区域进行动态的赋予title的值。
两个或两个以上的 Android 应用可同时向同一输出流播放音频。系统会将所有音频流混合在一起。虽然这是一项出色的技术，但却会给用户带来很大的困扰。为了避免所有音乐应用同时播放，Android 引入了“音频焦点”的概念。 一次只能有一个应用获得音频焦点。
在市场上，手机硬件基本上占领 android 设备的绝大部分市场，而在 TV 上，由于人机交互的方式不同，并且当前主流的 TV 并不具备触摸屏(虽然目前的触屏电视已经面市，但是该类商显产品主要还是 2B。)，传统TV还是通过遥控器的方向按键进行操控，在 android 系统中则是通过焦点的移动标识来展示给用户当前的控制点。下面就从接收到遥控器的按键事件开始，一步步分析下系统中的焦点机制是如何响应工作的。(本文基于 API 27 源码进行分析)
👨🎓学生HTML静态网页基础水平制作👩🎓，页面排版干净简洁。使用HTML+CSS页面布局设计,web大学生网页设计作业源码，这是一个不错的旅游网页制作，画面精明，排版整洁，内容丰富，主题鲜明，非常适合初学者学习使用, 这个实例比较全面，有助于同学的学习,本文将介绍如何通过从头开始设计个人网站并将其转换为代码的过程来实践设计。 💝 【作者主页——🔥获取更多优质源码】 💝 【web前端期末大作业——🔥🔥毕设项目精品实战案例(1000套)】 @TOC 一、网站题目👨🎓 🚀 旅游景点介绍、旅游风景
一款设计良好的产品可供所有能力的用户使用，包括视力低下、失明、听力障碍、认知障碍或运动障碍的用户。改进产品的无障碍功能可以增强所有用户的可用性，这是非常值得做的事情。
android:windowSoftInputMode activity主窗口与软键盘的交互模式，可以用来避免输入法面板遮挡问题，Android1.5后的一个新特性。
对于Bootstrap这个CSS框架，很多程序员持鄙视的态度，就如鄙视jQuery一般。诚然，就算不用这个框架，而是纯手写，或者借助JS框架的模板，一样可以写出一套页面，至于页面的精良程度、是否可二次开发、是否主流浏览器全兼容、是否可复用、可扩展、那就看开发者的个人能力了——如果一些人拿着公司的高额薪水或者甲方的高额酬金，却干着一锤子的买卖，代码不可复用，不可扩展，不可二次开发，浏览器不全兼容，他只是非常快速的胡七八凑了一套页面，应付到上线，然后潇洒的鄙视一下Bootstrap，我只能对这种人说俩字：呵呵。
JupyterLab[1]4.1 和Notebook[2]7.1 现已发布！这些版本为扩展开发人员提供了多项新功能、错误修复和增强功能。该版本与支持 JupyterLab 4.0 和 Notebook 7.0 的扩展兼容。
JQuery.BlockUI是众多JQuery插件弹出层中的一个，它小巧（原版16k，压缩后10左右）,容易使用, 功能齐全，支持Iframe，支持Modal，可定制性高也意味他默认谦虚的外表。
在这之前，本人一直从事Android手机应用层的开发。从没有接触过Android TV端的开发工作。当领导问能否在一周内做出一个TV端Demo时，自己心里还很是比较虚的。但是实际上，从开始调研到动手做到最后将Demo给领导演示出来，花了不超过3天的时间。当然这三天，每天都是做到晚上11点以后的（大部分时间是解决一些细节问题）。功能相当于是KEEP训练跟练的TV版，业务交互还是有一些难点的。当领导对你的Demo表示认可后，接下来等产品和设计师完整的出了TV端产品的整个UI和设计，我们就开始正式的进入TV端产品的搭建过程。
手风琴是个垂直罗列的元素组合，例如标签或缩略图，这允许用户切换内容模块的展示。每个标签元素可以被用来展开折叠、暴露隐藏其相关内容。手风琴一般被用来减少页面滚动，当在单个页面中呈现很多内容模块时。
加载后让第一个输入框或者焦点是个很基本的功能，典型的如“登录”对话框。一般来说“登录”对话框加载后“用户名”应该马上获得焦点，用户只需输入用户名，点击Tab，再输入密码，点击回车就完成了登录操作。
用vue编写项目接近尾声，需要集成到移动端中，在webstorm上界面，运行效果都很完美，但是在苹果手机上各种问题都出现了，原生项目一向滑动流畅，事件响应迅速，可是苹果手机打开这个项目有两个问题，(1).滑动页面卡顿，(2).点击事件响应缓慢，百度才发现在苹果手机上有300ms的延迟。
点击上方蓝色“程序猿DD”，选择“设为星标” 回复“资源”获取独家整理的学习资料！ 前言 最近天气变冷，就想着和以前的老友聚一聚，大家吃吃火锅喝喝小酒，怀念当初一起加班编码的日子。有位已经退居二线不在一线开发岗位的老友跟我自嘲到，“现在刚入职的年轻人都喜欢用VS Code,仿佛我这种喜欢用Eclipse的像老古董一样~”。先不说这VS Code和Eclipse是否合适进行比较孰优孰劣，现状就是越来越多的人喜欢用VS Code，因为更轻便，对插件扩展的支持更丰富。很多人想必对VS Code都有自己的独门使用
前几年，很多人看到IT行业越来越火，就想转行成为程序员。那时候转行还是很简单的，不一定要掌握很多技术知识，如果你是前端人员，甚至会写个静态页面就可以去应聘了。但现在，这样的“好事”越来越不好找了，很多毕业生面临着一毕业就失业的情况。然而，市面上饱和的大多数是初级的职位，对于中高级开发工程师，企业还是很欢迎的。
作为一名 7 年多的前端开发者，我从未想过我的工作需要具有可访问性，直到最近才领悟。
最近在用 antd v4 的 Tree 组件时，想给 Tree 组件添加一个右键菜单功能，最初的想法是看看 antd 官方有没有提供现成的方法，遗憾的是，官方并没有给出一个统一的方法，只是建议大家先使用社区提供的组件，无奈，只能自己尝试实现一下此功能。
1.1 Meta description 标签可能是最有用的标签之一，顾名思义，它会提供给搜索引擎关于这个页面的一个简短的介绍； 例如：
事件流 这一概念源自于对事件触发对象的思考。例如常见的点击事件，鼠标移动事件。这些事件发生之时，往往不只是点击或者移动到某一特定元素上。 比如点击某一个按钮，而它是由上一层的父标签，或许在上一层还有父标签甚至是整个页面。因此点击一个元素可以看成是同时点击了父标签或者整个页面。那么此时事件应该怎么响应到指定标签呢？ 事件冒泡 即事件从指定元素开始传播到最外层的元素，并且该事件不仅会在指定元素上发生，还会在传播过过程中的每一个元素上发生。 <html> <body> 02
通过单击该链接，将在后台生成一个设置实例。然后你就可以绕过锁屏了。Microsoft 已通过删除链接来修补该问题，因为它在锁屏环境中生成时不再出现。
1、单击事件，主要用于Button和ImageButton控件，布局视图与TextView、ImageView控件用的也比较多。相关类名与方法说明如下： 监听器类名 : View.OnClickListener 设置监听器的方法 : setOnClickListener 监听器需要重写的点击方法 : onClick 2、长按事件，较少使用，一般长按要么弹出提示对话框，要么弹出上下文菜单（上下文菜单只需注册就好，无需额外处理长按事件）。相关类名与方法说明如下： 监听器类名: View.OnLongClickListener 设置监听器的方法 : setOnLongClickListener 监听器需要重写的点击方法 : onLongClick 3、组合按钮点击事件，一般用于CheckBox控件。相关类名与方法说明如下： 监听器类名 : CompoundButton.OnCheckedChangeListener 设置监听器的方法 : setOnCheckedChangeListener 监听器需要重写的点击方法 : onCheckedChanged 4、单选按钮点击事件，只能用于RadioGroup视图。相关类名与方法说明如下： 监听器类名 : RadioGroup.OnCheckedChangeListener 设置监听器的方法 : setOnCheckedChangeListener 监听器需要重写的点击方法 : onCheckedChanged 常用按钮点击事件的具体实现代码可参考《Android开发笔记（三十七）按钮类控件》。
Vim 是一款强大的文本编辑器，被广泛用于程序开发和日常文本编辑。它的灵活性和可扩展性使得它成为程序员最喜欢的编辑器之一。Vim Pro 是一个增强版的 Vim，提供了更多的功能和插件，使得编辑体验更加高效和愉悦。其中，vimdiff 是 Vim Pro 中一个非常有用的功能，用于比较和合并文件差异。本文将详细介绍如何像 Vim Pro 一样使用 vimdiff。
ARIA (Accessible Rich Internet Applications) 是一组属性，用于定义使残障人士更容易访问 Web 内容和 Web 应用程序（尤其是使用 JavaScript 开发的应用程序）的方法。
最近在学习Node.js (Express.js) + Vue.js (Element UI) 全栈开发王者荣耀手机端官网和管理后台时，学习到第三章 3.7-首页顶部轮播图片（vue-swipper）时，学习了vue-awesome-swiper这个库的使用，其npm官网地址是：https://www.npmjs.com/package/vue-awesome-swiper，对应的github项目地址是:https://github.com/surmon-china/vue-awesome-swiper 其官网介绍如下所示：
事件会在获得焦点的时候触发，既可以是鼠标行为，也可以是按tab键导航触发的行为，并且绑定一个处理方法。
随着微信小程序的火爆及百度、头条小程序的持续推进，跨端开发的需求愈发迫切，业界随之出现了一系列的跨端框架，但对于H5平台跨端支持的都不太彻底：
管理音频焦点 由于可能会有多个应用可以播放音频，所以我们应当考虑一下他们应该如何交互。为了防止多个音乐播放应用同时播放音频，Android使用音频焦点（Audio Focus）来控制音频的播放——即只有获取到音频焦点的应用才能够播放音频。 在我们的应用开始播放音频之前，它需要先请求音频焦点，然后再获取到音频焦点。另外，它还需要知道如何监听失去音频焦点的事件并对此做出合适的响应。 请求获取音频焦点(Request the Audio Focus) 在我们的应用开始播放音频之前，它需要获取将要使用的音频流的音频
大前端是指在传统前端开发基础上，结合新的技术和工具，拓展前端开发能力，进一步提升用户体验和页面交互性。大前端开发涉及到多种技术领域，包括前端技术、移动端开发、桌面端开发等，旨在实现跨平台、跨终端的统一开发和用户体验。
TemplateSettings提供一组只读属性，用于在新建ControlTemplate时使用这些约定的属性。
<form></form> 表单是可以把浏览者输入的数据传送到服务器端，这样服务器端程序就可以处理表单传过来的数据。
Web 平台概念有时可能完全不同，但有时看起来又非常相似。语义、行为和特征可能都很难区分。由于一个新的 popover 属性正在被提出，所以这篇文章将探讨对话框(dialogs)、弹出窗口(popovers)、叠加层(overlays)和揭示小部件(disclosure widgets)之间的区别。 我们还将了解元素为 modal 时的含义。所有相关的概念看起来都非常相似，至少在我看来是这样的，那就让我们开始吧！
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
