首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Ng-Matero v15 正式发布

值得兴奋是,就在 2022 即将过去时,Material Extensions 周下载量终于破万了,六月份时这个数据还只是 5k+。 0 到 5k 用了两年,而 5k 到 1w 只用了半年。...具体效果如下图所示: 在线体验地址 焦点管理属于 a11y 范畴,使用 Angular Material 可以很轻松完成 a11y 需求,同时 Angular CDK 中也有 A11yModule...另外,侧边栏菜单按钮使用语义化标签进行了优化,关于按钮选择可以参考 Angular Material 在 Button 文档中说明: Angular Material 使用原生 ...基于 MDC Angular Material 组件 觉得 v15 最大变化不是 Angular,而是 Angular Material。...详情参考官方文档 迁移到基于 MDC Angular Material Components,里面详细介绍了组件变化内容以及升级时注意事项。

5.5K40

Windows10中键盘快捷方式

向上键 将光标移动到上一段落起始处 Ctrl + Alt + Tab 使用箭头键在所有打开应用之间进行切换 Alt + Shift + 箭头键 当组或磁贴焦点放在“开始”菜单时,可将其朝指定方向移动...Ctrl + Shift + 箭头键 当磁贴焦点放在“开始”菜单时,将其移到另一个磁贴即可创建一个文件夹 Ctrl + 箭头键 打开“开始”菜单后调整其大小 Ctrl + 箭头键(移至某个项目)+...当出现 Windows 提示时,请将焦点移到提示。 再次按下键盘快捷方式,将焦点放在屏幕 Windows 提示所固定元素。...当出现 Windows 提示时,请将焦点移到提示。 再次按下键盘快捷方式,将焦点放在屏幕 Windows 提示所固定元素。...+ 单击任务栏按钮 打开应用或快速打开另一个应用实例 Ctrl + Shift + 单击任务栏按钮 以管理员身份打开应用 Shift + 右键单击任务栏按钮 显示应用窗口菜单 Shift + 右键单击分组任务栏按钮

4.5K20
您找到你想要的搜索结果了吗?
是的
没有找到

Windows快捷键速查

Alt + Shift + 箭头键 当组或磁贴焦点放在“开始”菜单时,可将其朝指定方向移动。...Ctrl + Shift + 箭头键 当磁贴焦点放在“开始”菜单时,将其移到另一个磁贴即可创建一个文件夹。 Ctrl + 箭头键 打开“开始”菜单后调整其大小。...任务栏 快捷键 说明 Shift + 单击任务栏按钮 打开应用或快速打开另一个应用实例。 Ctrl + Shift + 单击任务栏按钮 以管理员身份打开应用。...Windows 徽标键 + B 将焦点设置到通知区域。 Windows 徽标键 + C 在侦听模式下打开 Cortana。 Windows 徽标键 + Shift + C 打开超级按钮菜单。...箭头键 如果活动选项是一组选项按钮,请选择一个按钮。 7. 文件资源管理器 快捷键 说明 Alt + D 选择地址栏。 Ctrl + E 选择搜索框。 Ctrl + F 选择搜索框。

4.2K20

Win10 快捷键大全(史上最全)「建议收藏」

大家好,又见面了,是你们朋友全栈君。 windows 10常用快捷键。win10正式版是微软续已发布Windows系统最新版操作系统。...Ctrl + Alt + Tab 使用箭头键在所有打开应用之间切换 Ctrl + Alt + Shift + 箭头键 当分组或磁贴在“开始”菜单中获得焦点时,请将其按指定方向移动 Ctrl + 箭头键...出现 Windows 提示时,将焦点移到该提示。 再次按这些键盘快捷方式,将焦点移到定位 Windows 提示屏幕元素。...徽标键 + Ctrl + F4 关闭你正在使用虚拟桌面 任务栏键盘快捷方式 按此键 执行此操作 Shift + 单击某个任务栏按钮 打开某个应用,或快速打开应用另一个实例 Ctrl + Shift...应用中键盘快捷方式 在许多应用(如照片、Groove 和地图)中,当你将鼠标指针悬停在某个按钮时,工具提示中就会显示快捷方式。

15.9K30

Windows中键盘快捷方式大全

Ctrl + Alt + Tab 使用箭头键在所有打开应用之间切换 Ctrl + Alt + Shift + 箭头键 当分组或磁贴在“开始”菜单中获得焦点时,请将其按指定方向移动 Ctrl + 箭头键...出现 Windows 提示时,将焦点移到该提示。 再次按这些键盘快捷方式,将焦点移到定位 Windows 提示屏幕元素。...Flip 3-D 循环切换任务栏程序 Ctrl + Windows 徽标键+ Tab 通过 Aero Flip 3-D 使用箭头键循环切换任务栏程序 Alt + Esc 以项目打开顺序循环切换项目...Ctrl + Windows 徽标键+ Tab 通过 Aero Flip 3-D 使用箭头键循环切换任务栏程序。...打开程序,或者快速打开程序另一个实例 Ctrl + Shift + 单击某个任务栏按钮 以管理员身份打开程序 Shift + 右键单击某个任务栏按钮 显示程序窗口菜单 Shift + 右键单击某个已分组任务栏按钮

5.6K20

AngularDart Material Design 单选按钮

选中后,无法通过用户操作取消选中相同单选按钮焦点键盘交互有点不寻常,因此我们管理自己流而不是使用FocusItemDirective。...Attributes: no-ink - 设置此属性以禁用芯片涟漪效应。 Inputs: checked bool  是否应该预先选择按钮。...disabled bool  按钮是否应该不响应事件,并且具有暗示不允许交互风格。 value dynamic  此按钮表示值,用于具有按钮选择模型。...每个辅助功能指南: SPACE选择 箭头键焦点移至下一个/上一个选项并选择它 CTL +箭头键无需选择即可移动焦点 当使用箭头导航时,焦点将环绕到第一个/最后一个选项 当使用TAB导航时,如果未选择任何内容...,焦点将转到未被禁用第一个或最后一个选项,具体取决于方向,否则焦点将转到所选内容(除非禁用,然后完全跳过组);并在第二个选项卡跳出组。

3.4K20

前端基础-事件

mouseover 指针移到有事件监听元素或者它子元素内 mousemove 指针在元素内移动时持续触发 mousedown 在元素按下任意鼠标按钮 mouseup 在元素释放任意鼠标按键 click...在元素按下并释放任意鼠标按键 dblclick 在元素双击鼠标按钮 contextmenu 右键点击 (右键菜单显示前). mouseleave 指针移出元素范围外(不冒泡) mouseout 指针移出元素...,或者移到子元素 select 文本被选中(input标签、textarea标签) copy 元素内容被拷贝时 <div id="d" style="width:200px...这种传播分成三个阶段: 第一阶段:window对象传导到目标节点,称为 捕获阶段。 第二阶段:在目标节点触发,称为 目标阶段。 第三阶段:目标节点传导回window对象,称为 冒泡阶段。...btn").onclick=function () { alert("哈哈,又变帅了"); }; 一次性事件案例(下载按钮点一次则失效) <body

1.3K10

Python 自动化指南(繁琐工作自动化)第二版:二十、使用 GUI 自动化控制键盘和鼠标

将鼠标快速滑动到屏幕四个角之一。每个 PyAutoGUI 函数调用在执行其动作后都有十分之一秒延迟,以便有足够时间将鼠标移到角落。...注 0.9.46 版本开始,PyAutoGUI 窗口函数只能在 Windows 运行,不能在 MacOS 或 Linux 运行。...绕过系统造成伤害、侵犯隐私或获得不公平优势并不聪明。希望写这本书努力能让你成为最有生产力自己,而不是唯利是图自己。 项目:自动填表 在所有无聊任务中,填表是最令人害怕杂务。...(请注意,在 MacOS ,您必须为每个选项再按一次向下箭头键。对于某些浏览器,您可能还需要按下Enter。) 按右箭头键选择机器战警问题答案。...您可以键入一个附加'\t'来将键盘焦点移动到下一个字段或提交按钮。一旦提交按钮成为焦点,调用pyautogui.press('enter')将模拟按下ENTER键并提交表单。

8.2K51

绕过 Windows 锁定屏幕

然而,就在那里这个小按钮引起了注意,嗯,这很有趣 image.png 点击它,我们会看到另一个弹出对话框,上面有一个链接。 image.png 嗯很有趣,一个链接?在锁屏?奇怪权利。...启用了旁白并得到了一些非常有趣结果。 image.png 启用并单击按钮后,您可以听到讲述人说“您想如何打开它”,并且讲述人注意力集中在 Microsoft 帐户窗口中没有的其他内容。...,我们将使用 MS Edge 进行挖掘,因为默认情况下它是选中,请注意,您可能会在使用箭头键导航时保持 大写锁定。...测试后,只要我们选择确定,我们就会失去叙述者焦点,我们不再能够控制背景窗口。 只要我们重复上述步骤,我们就可以再次拥有叙述者焦点,我们将再次拥有叙述者焦点。...但是这次我们将在MS Edge浏览器拥有它,此时我们需要提升我们权限,能想到执行任意命令唯一方法是生成一个设置实例。

1.7K20

windows10切换快捷键_Word快捷键大全

大家好,又见面了,是你们朋友全栈君。...Ctrl + Alt + Tab 使用箭头键在所有打开应用之间切换 Ctrl + Alt + Shift + 箭头键 当分组或磁贴在“开始”菜单中获得焦点时,请将其按指定方向移动 Ctrl + 箭头键...) Win + H 打开“共享”超级按钮 Win + I 打开“设置” Win + J 将焦点设置到 Windows 提示(如果可用)。...出现 Windows 提示时,将焦点移到该提示。 再次按这些快捷键,将焦点移到定位 Windows 提示屏幕元素。...+ 单击某个任务栏按钮 打开某个应用,或快速打开应用另一个实例 Ctrl + Shift + 单击某个任务栏按钮 以管理员身份打开应用 Shift + 右键单击某个任务栏按钮 显示该应用窗口菜单

5.3K10

JavaScript 编程精解 中文第三版 十五、处理事件

addEventListener方法允许您添加任意数量处理器,因此即使元素已经存在另一个处理器,添加处理器也是安全。...但若段落和按钮都有事件处理器,则先执行最特殊事件处理器(按钮事件处理器)。也就是说事件向外传播,触发事件节点到其父节点,最后直到文档根节点。...该方法有时很实用,例如,你将一个按钮放在另一个可点击元素中,但你不希望点击该按钮会激活外部元素点击行为。 下面的示例代码将mousedown处理器注册到按钮和其外部段落节点。...在mouseup事件后,包含鼠标按下与释放特定节点会触发"click"事件。例如,如果在一个段落按下鼠标,移动到另一个段落释放鼠标,"click"事件会发生在包含这两个段落元素。...调用滚动事件preventDefault无法阻止滚动。实际,事件处理器是在进行滚动之后才触发焦点事件 当元素获得焦点时,浏览器会触发其focus事件。

5.5K20

【javascript系列】史上最全javascript系列教程(二)

id="tim"> console.log("是在浏览器调试窗口输出内容") //使用了innerHTML...JS常见事件 Js事件就是我们行为能被侦测到,且触发相应函数(函数里面写上事件行为) 1. onmouseover ⿏标被移到某元素之上 2. onmouseout ⿏标某元素⾯移开...3. onchange 元素值改变,⼀般⽤在表单元素 4. onkeydown ⽤户按下键盘按键 5. onfocus 元素获得焦点 6. onblur 元素失去焦点 7. window.onload...,获取到焦点就是当你把鼠标放进输入框,之后点击一下,鼠标变成一条竖线之后输入那种。...// 获取ID为timdiv,点一下增高按钮长度就会增加 document.getElementById("tim").style.height="300px"

2.2K30

做了七年前端开发,最近才意识到可访问性必要......

对这些用户来说,网页一个部分到另一个部分,可能不像使用鼠标操作的人那么简单。...—— 对于屏幕阅读器) 4 可访问图标按钮 首先,在设计中有按钮时,应使用元素,不要使用等其他元素,再将样式设置为按钮样子,知道我们这样做已经很久了,但是时候改变了。...这里也有一些注意事项: 不设置按钮样式以及设置按钮样式理想方法 针对于没有任何文本、只有图片按钮,可遵循以下三个步骤中任何一个: 使用隐藏来指明按钮标签 在使用...:focus { outline: none; } 当我们在网页按 tab 键时,看到轮廓就是焦点指示器,通常我们用上面的代码禁用它,至少以前是这么做。...意思是,如果你将一个白色背景页绿色按钮,设置焦点指示器样式为 2px 黑色边框,那么黑色和绿色、以及黑色和白色之间最小对比度应该是 3:1。

1.7K30

如何使用AngularJS和PHP为任何位置生成短而独特数字地址

此服务器应具有具有权限且配置了防火墙具有sudo权限非root用户。要进行此设置,没有服务器同学可以在这里购买,不过个人更推荐您使用免费腾讯云开发者实验室进行试验,学会安装后再购买服务器。...机器安装了LAMP堆栈。这是必要,因为您将在本教程中开发应用程序使用AngularJS和PHP,并且应用程序生成数字地址将存储在MySQL数据库中。 在您服务器安装Git。...常见事件例子有: 单击HTML按钮 更改输入字段内容 将焦点从一个页面元素更改为另一个页面元素 一个事件监听器是一个指令,它讲述了一个程序在特定事件发生采取某种行动。...这是您需要进行最后一次更改,以便物理地址生成地图代码。保存并关闭该文件,然后再次在浏览器中刷新应用程序。输入您选择地址,然后单击“ 生成”按钮。...第10步 - 检索物理地址 现在您可以给定物理地址生成地图代码,最后一步是检索地图代码派生原始物理地址。

13.1K20

Angularjs基础(十二)

ng-model-options       描述:规定如何更新模型             实例: 在失去焦点时绑定输入框值scope 变量中。                 ...div ng-mouseleave="count = ccount + 1" ng-init="count=0">鼠标这离开。...            {{count}}             定义和用法: ng-mouseleave 指令用于告诉AngularJS 鼠标HTML 元素移开是要执行操作...ng-mouseup               描述:规定当在元素松开鼠标按钮行为             实例:松开鼠标按钮时执行表达式:                              {{count}}             定义和用法: ng-mouseup 指令告诉AngularJS鼠标在指定HTML元素松开鼠标按钮

3K100

AngularDart4.0 英雄之旅-教程-07路由 顶

创建一个新DashboardComponent。 将Dashboard绑定到导航结构中。 路由是导航另一个名称。 路由是导航视图到视图机制。...使用my-app选择器在类上方添加@Component注解。 将以下英雄组件移到AppComponent:  title类属性。...在路由和导航页面阅读有关默认路由和重定向更多信息。 将导航添加到dashboard  在模板添加dashboard 导航链接,在heroes链接上方。...英雄列表中选择英雄将激活迷你细节视图。 查看详细信息按钮不起作用。...按钮点击事件绑定到一个gotoDetail()方法,该方法应该通过告诉路由器去哪里命令性地导航。 这种方法需要对组件类进行以下更改: 导入angular_router。

17.5K30

对话框、模态框和弹出框看起来很相似,它们有何不同?

如果有许多要关闭东西,比如嵌套组件,则需要多次按下 Escape 键,以便最内层到最外层元素逐步关闭组件。 当内容可以折叠时,键盘用户应该能够使用与鼠标用户点击折叠内容按钮相同按钮。...Twitter 带有 fritz kola 瓶图片,左下角是一个 ALT 徽章,从中展开一个弹出窗口,上面写着图像描述,描述瓶子,然后有一个大 Dismiss 按钮 图片 Twitter 替代文本功能是弹出窗口另一个示例...这是 弹出框 和 对话框 之间另一个主要区别。因此,它们很少 (但不是不可能) 具有背景或焦点陷阱。...它们共同点是它们由两个部分组成:一个是触发器元素,另一个是被触发元素。 披露组件不会捕获焦点,没有背景,也不是模态。它们通常使用触发器或特定关闭按钮进行关闭或折叠。...常见问题 焦点应该移到哪里? 当模态对话框打开时,键盘焦点应该移动到默认操作。如果存在表单,很可能是第一个表单字段。

3.4K00

【玩转腾讯云】手把手教你使用VueReactAngular三大框架开发Pagination分页组件

如果同一个组件,用不同框架实现,会有什么不同呢? 带着这个想法,分别选用目前最火Vue/React/Angular三大框架,去实现一个简单Pagination分页组件。...2 模块设计 设计稿可以看出,Pagination组件主要由2个模块组成: Button - 左右分页按钮 Pager - 中间分页器 ?...注意⚠️ 使用框架版本号如下: node@10.15.1 vue-cli@3.7.0 vue@2.6.10 create-react-app@3.0.1 react@16.8.6 angular-cli...由于Pager中的当前页码有可能通过外部改变(比如上一页/下一页按钮),因为在传入defaultCurrent变化时,需要动态改变current,这需要借助另一个React Hook——useEffect...6.4 Angular版本 Angular实现Pager思路和Vue/React也差不多,就是写法差异,同样按MVP思路,分成以下3个步骤: 第1步 实现首尾翻页 第2步 实现快捷分页 第3步

7.7K00

Angularjs基础(十)

ng-blur  描述:规定blur 事件行为       实例:当输入框失去焦点(onblur)时执行表达式:                    参数值:值:expression 描述:失去焦点时执行表达式。...                                          angular.module('myApp',[...ng-change 事件在值每次改变时触发,它不需要等等一个完成修改过程或等待失去焦点动作         ng-change 事件只针对输入框值真实修改,而不是通过JavaScript 来修改...                                    var app = angular.module('myApp',[]);

3.3K50
领券