当前位置： 首页 > news >正文

【vue】使用无障碍工具条（详细）

news 2026/5/17 1:46:12

引入：使用的是太阳湾的无障碍工具条，代码地址：https://gitee.com/tywAmblyopia/ToolsUI
具体步骤：下载代码后，将其中的 canyou 文件夹拖入 vue 项目中的 public 文件夹中；
在这里插入图片描述
上图是在项目目录中的样子，记得不要改文件夹的名字，就叫 canyou；
然后在 vue 项目中的 public/index.html 文件中引入 1.8 以上版本的 jquery，和 canyou 文件夹中的 wza.min.js 文件，最后在 <body> 中引入

<a id="wzayd" title="网站信息无障碍工具条" href="javascript:;" class="wzayd" accesskey="g">无障碍阅读</a>

如图：
在这里插入图片描述
我 jquery 引入的方式是 cdn 引入，如果改为本地导入会出现报错：
在这里插入图片描述
演示：
在这里插入图片描述

相关文章：

【vue】使用无障碍工具条（详细）

引入&#xff1a;使用的是太阳湾的无障碍工具条&#xff0c;代码地址&#xff1a;https://gitee.com/tywAmblyopia/ToolsUI 具体步骤&#xff1a;下载代码后&#xff0c;将其中的 canyou 文件夹拖入 vue 项目中的 public 文件夹中&#xff1b; 上图是在项目目录中的样子&#…...

编程日记 2023/9/7 15:25:16

java实现命令模式

命令模式是一种行为设计模式&#xff0c;它允许您将请求封装为对象&#xff0c;以便您可以将其参数化、队列化、记录和撤销。在 Java 中实现命令模式涉及创建一个命令接口&#xff0c;具体命令类&#xff0c;以及一个接收者类&#xff0c;该接收者类执行实际操作。下面是一个简…...

编程日记 2023/9/7 15:24:15

【PowerQuery】PowerQuery学习路径

PowerQuery这么好，怎么去学习呢？相信很多初读本书的朋友迫切的希望了解整个PowerQuery全景知识和它提供的相应的功能。但是对于PowerQuery来说，一开始就会进行自定义函数的构建当然也是不可能的，这里有相应的学习路径来进行由浅入深的学习，帮助读者更好的理解PowerQuery的…...

编程日记 2023/9/7 15:23:14

JDK7多线程并发环境HashMap死循环infinite loop，CPU拉满100%，Java

JDK7多线程并发环境HashMap死循环infinite loop&#xff0c;CPU拉满100%&#xff0c;Java HashMap底层数据实现是数组链表&#xff0c;链表在哈希碰撞后装入新数据&#xff0c;像是一个桶。 HashMap在JDK7的实现中&#xff0c;并发环境存在死循环infinite loop问题。导致的结果…...

编程日记 2023/9/7 15:22:13

Linux下的系统编程——认识进程（七）

前言&#xff1a; 程序是指储存在外部存储(如硬盘)的一个可执行文件, 而进程是指处于执行期间的程序, 进程包括 代码段(text section) 和 数据段(data section), 除了代码段和数据段外, 进程一般还包含打开的文件, 要处理的信号和CPU上下文等等.下面让我们开始对Linux进程有个…...

编程日记 2023/9/7 15:21:12

2023年9月CSPM-3国标项目管理中级认证报名，找弘博创新

CSPM-3中级项目管理专业人员评价&#xff0c;是中国标准化协会&#xff08;全国项目管理标准化技术委员会秘书处&#xff09;&#xff0c;面向社会开展项目管理专业人员能力的等级证书。旨在构建多层次从业人员培养培训体系&#xff0c;建立健全人才职业能力评价和激励机制的要…...

编程日记 2023/9/7 15:20:11

使用ChatGLMTokenizer处理json格式数据

我下载了一些中文wikipedia数据&#xff0c;准备采用ChatGLMTokenizer对齐进行清洗&#xff0c;整理为预训练语料。 import numpy as np import json from tqdm import tqdm from chatglm_tokenizer.tokenization_chatglm import ChatGLMTokenizertokenizer ChatGLMTokenizer…...

编程日记 2023/9/7 15:19:09

Redis基础特性及应用练习-php

redis持久化&#xff08;persistence&#xff09; redis支持两种方式的持久化&#xff0c;可以单独使用或者结合起来使用。 第一种&#xff1a;RDB方式&#xff08;redis默认的持久化方式&#xff09; rdb方式的持久化是通过快照完成的&#xff0c;当符合一定条件时redis会自…...

编程日记 2023/9/7 15:18:09

Numpy知识点回顾与学习

Numpy知识点回顾与学习 什么是Numpy&#xff1f; Numpy使用Python进行科学计算的基础包。因为机器学习当中很多都会用到数组、线性代数等知识&#xff0c;经常需要和数组打交道&#xff0c;所以Numpy学习成为了科研之路上必须掌握的一门技能。Numpy包含以下的内容&#xff1a…...

编程日记 2023/9/7 15:17:08

H.264视频编码推荐的分辨率和码率配置表

Video Encoding Settings for H.264 Excellence 针对H.264编码格式&#xff0c;根据不同分辨率&#xff0c;推荐其对应的码率配置关系如下图所示&#xff1a; 如下为上限&#xff0c;超过这个上限再增加码率基本无太大意义&#xff01;根据业务场景、帧率&#xff0c;建议码率…...

编程日记 2023/9/7 15:16:07

Greenplum 实用工具-gpaddmirrors

注&#xff1a;本文翻译自https://docs.vmware.com/en/VMware-Greenplum/7/greenplum-database/utility_guide-ref-gpaddmirrors.html gpaddmirrors工具用于向未配置镜像的Greenplum数据库系统添加镜像segment。 语法 gpaddmirrors [-p <port_offset>] [-m <datadi…...

编程日记 2023/9/7 15:15:06

详解 Cent OS JDK 8.0 安装配置

环境配置 云服务器云耀云服务器L操作系统CentOS 7.9 64bit | 公共镜像JDK版本64 bit JDK 1.8 下载地址 JDK官网下载地址Java Downloads | Oraclehttps://www.oracle.com/java/technologies/downloads/#java8百度网盘 ARM64 链接&#xff1a;https://pan.baidu.com/s/1wQ1mp…...

编程日记 2023/9/7 15:14:05

代理IP与网络安全在跨境电商中的关键作用

跨境电商已成为全球商业的重要组成部分&#xff0c;然而&#xff0c;随之而来的网络安全问题也日益凸显。为了在海外市场取得成功&#xff0c;不仅需要优质的商品和服务&#xff0c;还需要稳定、安全的网络连接。本文将介绍如何运用Socks5代理IP技术解决这些挑战。 1. 代理IP与…...

编程日记 2023/9/7 15:13:03

Kafka3.0.0版本——消费者（消费方式）

目录 一、Kafka 消费方式1.1、pull&#xff08;拉&#xff09; 模式1.2、push &#xff08;推&#xff09;模式1.3、Kafka采用pull&#xff08;拉&#xff09; 模式缺点 一、Kafka 消费方式 1.1、pull&#xff08;拉&#xff09; 模式 consumer采用从broker中主动拉取数据。K…...

编程日记 2023/9/7 15:12:01

uni-app rich-text组件富文本图片展示不全问题

背景&#xff1a;phpfastadmin富文本插件上传富文本内容到数据库&#xff0c;uni-app渲染富文本内容。这里后端不需要特殊处理。uni-app的rich-text组件展示图片跑板。直接贴代码。 <template><view><title-bar title"会员动态" back backcolor"…...

编程日记 2023/9/7 15:10:59

文件包含漏洞学习小结

目录 一、介绍 二、常见文件包含函数 三、文件包含漏洞代码举例分析 四、文件包含漏洞利用方式 4.1 本地文件包含 1、读取敏感文件 2、文件包含可运行的php代码 ①包含图片码 ②包含日志文件 ③包含环境变量getshell ④临时文件包含 ⑤伪协议 4.2 远程文件包含 4.…...

编程日记 2023/9/7 15:09:57

同时安装python2和3解决方案

我先安装python3后&#xff0c;按照网上步骤&#xff0c;继续安装好python2&#xff0c;直接运行python -v只能显示python2&#xff0c;运行python3找不到此命令&#xff0c;通过https://blog.csdn.net/qq_64409509/article/details/131514944这篇文章找到了解决方案&#xff0…...

编程日记 2023/9/7 15:08:56

通过jr-qrcode生成二维码并下载到客户端本地（Vue）

生成二维码 首先生成二维码图片的地址 引入jr-qrcode import jrQrcode from jr-qrcode; 生成二维码图片的地址 // 生成二维码地址 getQRCodeUrl(spreadUrl) {const QRCodeUrl jrQrcode.getQrBase64(spreadUrl);return QRCodeUrl; }that.backUrl jrQrcode.getQrBase64(da…...

编程日记 2023/9/7 15:07:54

命令执行漏洞（附例题）

一.原理 应用有时需要调用一些执行系统命令的函数&#xff0c;如PHP中的system、exec、shell_exec、passthru、popen、proc_popen等&#xff0c;当用户能控制这些函数的参数时&#xff0c;就可以将恶意系统命令拼接到正常命令中&#xff0c;从而造成命令执行攻击。 二.利用条…...

编程日记 2023/9/7 15:06:53

iOS开发Swift-类型转换

1.Int或Double转字符串 let x 20 let y "\(x)" let z String(x)2.Double转Int(去掉小数点后面的) Int(1.9)3.Int转Double Double(1)4.向上转型 class A{//A父类 }class B: A{//B子类继承A }let a A() let b B()b as A //子类转化成父类5.向下转型 class A{//A…...

编程日记 2023/9/7 15:05:51

如何用Photoshop图层批量导出工具提升3倍工作效率 [特殊字符]

如何用Photoshop图层批量导出工具提升3倍工作效率 &#x1f680; 【免费下载链接】Photoshop-Export-Layers-to-Files-Fast This script allows you to export your layers as individual files at a speed much faster than the built-in script from Adobe. 项目地址: http…...

编程新知 2026/5/17 0:30:35

不改变专业术语和逻辑的论文降重软件推荐｜2026 实测 5 款，改写保真 + 双降达标

论文降重最怕 “改完重复率合格&#xff0c;术语乱改、逻辑断裂”&#xff0c;尤其理工科、医学、经管等专业&#xff0c;公式、术语、论证框架不容半点偏差。2026 年知网、维普全面升级 AIGC 检测&#xff0c;既要降重复率&#xff0c;更要保术语、保逻辑、降 AI 率。今天聚焦…...

编程新知 2026/5/17 0:09:44

从深夜改格式到一键生成：我的LaTeX参考文献国标化之旅 [特殊字符]

从深夜改格式到一键生成&#xff1a;我的LaTeX参考文献国标化之旅 &#x1f3af; 【免费下载链接】gbt7714-bibtex-style BibTeX styles for Chinese National Standard GB/T 7714 项目地址: https://gitcode.com/gh_mirrors/gb/gbt7714-bibtex-style 你是否也曾为了论文…...

编程新知 2026/5/16 23:37:06

从零到一：在MissionPlanner中配置与可视化RC接收器RSSI

1. 什么是RSSI&#xff1f;为什么需要监控它&#xff1f; 如果你玩过无人机或者遥控模型&#xff0c;肯定遇到过信号突然中断的情况。那种眼睁睁看着爱机失控坠落的无力感&#xff0c;我深有体会。RSSI&#xff08;Received Signal Strength Indicator&#xff09;就是帮助我们…...

编程新知 2026/5/16 23:30:54

树莓派BlueZ源码编译安装与蓝牙协议栈深度配置指南

1. 项目概述与背景 如果你手头有一块树莓派&#xff0c;并且想用它来玩点物联网或者智能硬件项目&#xff0c;蓝牙功能几乎是绕不开的一环。无论是连接一个BLE温湿度传感器读取数据&#xff0c;还是控制一个蓝牙音箱&#xff0c;底层都需要一个稳定、功能完整的蓝牙协议栈来支…...

编程新知 2026/5/16 23:09:43

QLC SSD可靠性提升：LDPC软判决与智能固件如何实现低开销加固

1. 项目概述&#xff1a;当QLC成为主流&#xff0c;可靠性成了“房间里的大象”如果你最近关注过固态硬盘市场&#xff0c;或者自己动手组装过电脑&#xff0c;大概率会注意到一个趋势&#xff1a;QLC闪存颗粒的硬盘越来越多了&#xff0c;而且价格越来越香。从大厂的消费级产品…...

编程新知 2026/5/16 20:38:52

保姆级教程：在Spring Boot项目里正确配置Hutool和BouncyCastle搞定SM4国密加密

Spring Boot项目集成SM4国密加密全流程实战指南 在金融、政务等对数据安全要求严格的领域&#xff0c;国密算法正逐步取代国际通用加密标准成为首选方案。作为国内广泛使用的SM4分组密码算法&#xff0c;其128位分组长度和128/192/256位密钥长度设计&#xff0c;在保证安全性的…...

编程新知 2026/5/16 20:36:48

当ChIP-seq遇见单细胞：技术原理、应用场景与未来展望，一次给你讲清楚

当单细胞分辨率重塑表观遗传学&#xff1a;scChIP-seq的技术突破与应用全景 表观遗传学研究正经历一场分辨率革命。过去十年间&#xff0c;科学家们不得不依赖数百万细胞才能绘制组蛋白修饰或转录因子结合的全局图谱&#xff0c;这种"群体平均"的视角掩盖了细胞间异…...

编程新知 2026/5/16 19:50:03

纺织行业智能化升级进入深水区：AI验布机从“可选项”变为“必选项”

过去三年&#xff0c;走访过数十家纺织服装企业的行业观察者会发现一个明显的变化&#xff1a;2023年时&#xff0c;AI验布机还是展会上引人驻足的新奇设备&#xff1b;到了2025年&#xff0c;它已经成为越来越多工厂标准配置的一部分。这一转变背后&#xff0c;折射出整个纺织…...

编程新知 2026/5/16 19:25:29

JavaScript逆向工程的架构演进：Jsxer如何重新定义二进制脚本反编译

JavaScript逆向工程的架构演进&#xff1a;Jsxer如何重新定义二进制脚本反编译 【免费下载链接】jsxer A fast and accurate JSXBIN decompiler. 项目地址: https://gitcode.com/gh_mirrors/js/jsxer 在Adobe创意生态系统中&#xff0c;ExtendScript脚本的JSXBIN二进制格…...

编程新知 2026/5/16 19:17:13