首页
学习
活动
专区
圈层
工具
发布
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Web如何适配无障碍?

    上方这个div被选中时,屏幕阅读器会播报「HullQin的自我介绍」,而不会播报「你好,我是HullQin」。role="button"role="button",将元素标记为按钮,。...经典误区:给div设置onclick事件。有时候为了方便,你可能直接把div当作button了,并绑定了onclick事件。这是不对的,无障碍软件可能无法识别到它是有点击事件的,就不会播报出来。...不影响非读屏模式下的行为iOS通过转子可聚焦链接,安卓也有类似方法。...否则在iOS上焦点会不准(纵向偏移了一些像素)。打开弹窗时,弹窗下的所有元素都不应该被激活(通过左右滑动手势,不应该选中弹窗底部元素)。...这里用了jQuery表达意思,能懂就行。

    4.4K63

    史上最全的AJAX

    (偷偷)进行的,页面上无任何感知· ·XML XML是一种标记语言,是Ajax在和后台交互时传输数据的格式之一· 利用AJAX可以做: 1丶注册时,输入用户名自动检测用户是否已经存在· 2丶登录时,提示用户名密码错误...Ajax jQuery其实就是一个Javascript的类库,其将复杂的功能做了上层封装,使得开发者可以在基础上写更少的代码实现更多的功能· · jQuery不是生产者,而是大自然的搬运工· · jQuery...jQuery 将自动替换 ?...为正确的函数名, 以执行回调函数 如果不指定,jQuery 将自动根据HTTP包MIME信息返回相应类型(an XML MIME type...           ·不叼:img,iframe,script灯具有src属性的标签 跨域,跨域名访问,如:http://www.c1.com 域名向 http://www.c2.com域名发送请求。

    4.9K20

    前端复制方案全覆盖!验证真机与生产代码完美一致!✨

    前言 网上讲粘贴复制的很多,讲清楚复制异步数据得很少,在真机上真正验证过得凤毛麟角,正巧工作上遇到了复制接口返回的数据这个问题,求助了很多人,没有太好的解决办法,最终通过修改交互实现了这个复制功能,故写篇文档记录一下...为了兼容移动端各个浏览器,传统的select() 在移动端会失效 需要做兼容处理,处理代码比较恶心,在开发中也不建议使用,下面我发一个我们在生产中使用的版本,供大家参考 兼容移动端代码 下面这段代码已在各个浏览器...,clipboard.js均不支持异步数据的复制 遇到的问题 真机上的表现 document.execCommand android 可以复制成功,ios 复制不生效 clipboard.js android...ios 均需要点击两次才能完成复制 网友们的方案 方案一: 建立两个dom,一个dom1执行获取数据操作,一个dom2执行复制操作,点击dom1获取数据之后,默认去触发dom2的复制事件。...3.三种复制方法,原生JS,可以参考我写的方法,可兼容基本的IOS和安卓浏览器,适合简单场景。clipboard.js第三方库,兼容性较好,适合大型项目。

    1.6K21

    学习jQuery?这篇文章就够了

    3、jQuery能干什么 jQuery 使用户能更方便地处理 HTML(标准通用标记语言下的一个应用)、events、实现动画效果,并且方便地为网站提供 AJAX 交互。...虽然 jQuery 对象包装了 DOM 对象但是两者不能混用,各位可以理解为 jQuery 对象与 DOM 对象是两个不类型的对象,但是我们调用 jQuery 对象的方法,事实上底层代码还是操作的是 DOM...注意:是匹配之后的元素,不包含该元素在内,并且 siblings 匹配的是和 prev 同辈的元素,其后辈元 素不被匹配。...}); script> 九、jQuery事件绑定 1、传统的事件绑定 1.1、标签中使用on事件属性 onclick=”clickT()”>button> 1.2、通过JS给标签设置 on...> 10" multiple="multiple

    13.6K10

    最新Tampermonkey 中文文档解析(附基础案例和高级案例)

    示例: // @require https://code.jquery.com/jquery-2.1.4.min.js // @require https://code.jquery.com/jquery...有关如何确保完整性的详细信息,请查看子资源完整性部分。允许多个标记实例。...如果给定了多个散列(用逗号或分号分隔),则TM将使用当前支持的最后一个散列。如果外部资源的内容与所选哈希不匹配,则资源不会传递到用户脚本。所有散列都需要以十六进制或base64格式编码。...cookies,详细请看fetch 注释 fetch (beta) 使用一个fetch来代替xhr请求, 在chrome中,这会导致xhr.abort、details.timeout和xhr.onprogress不工作...- 一个boolean 是否播放音乐 timeout - 通知显示的时间 0表示 一直显示 ondone - 通知被关闭时 无论是被点击还是超时 执行的函数 onclick - 点击通知触发的函数

    6.8K11

    Python 之Web编程

    htyper text markup language 即超文本标记语言   超文本:就是指页面内可以包含图片、链接、甚至音乐、程序等非文字元素   标记语言:标记(标签)构成的语言   静态网页:静态的资源...2 、 引入方式 1 第一种:行内式(不推荐);在标记的Style属性中设定CSS样式 2 hello world...当初float被设计的时候就是用来完成文本环绕的效果,所以文本不会被挡住,这是float的特性,即float是一种不彻底的脱离文档流方式。...例如: 6 Var MyTestValue = 0, MySecondValue = "hi"; 7 匈牙利类型标记法 8 在以 Pascal 标记法命名的变量前附加一个小写字母(或小写字母序列),说明该变量的类型...使用BOM,开发者可以移动窗体、改变状态栏中的文本以及执行其他与页面内容不直接相关的动作。

    3.1K22

    Salesforce学习 Lwc(十九)Include JQuery in LWC (Lightning Web Component)

    image.png 使用Java语言开发的朋友们对于jQuery,一点也不陌生,简单来说它是JavaScript 库,我们都知道,JavaScript 是一门很烦琐的编程语言,不仅语法复杂,还会出现各种兼容问题...,为了减少工作量,我们常常会把 JavaScript 中经常用到的一些功能或特效封装成一个“代码库”,这样在实际开发中只需要调用一些简单的函数就能直接使用这些功能或特效了。...今天我们讲解对于Lwc,如何引入JQuery 。 事前准备: 1.先来看看JQuery 的几个简单方法。...image.png image.png 2.下载新版本的JQuery 包 https://jquery.com/download/ image.png 3.为了展示效果,需要自定义一个Css文件 jqueryminCSS.css...around-small"> onclick

    1.1K20

    ajax全套

    XML XML是一种标记语言,是Ajax在和后台交互时传输数据的格式之一 利用AJAX可以做: 1、注册时,输入用户名自动检测用户是否已经存在。...Ajax" onclick="add1();"> jquery-3.2.1.js"> //jquery ajax...为正确的函数名,以执行回调函数 如果不指定,jQuery 将自动根据HTTP包MIME信息返回相应类型(an XML MIME type...iframe标签     iframe标签可以在他下生成一个新的html页面,能够实现局部刷新,其余地方不刷新本业面不刷新,其余地方不刷新,只有iframe底下的那块刷新   先看看利用iframe动态生成页面的效果...页面,能够实现局部刷新,其余地方不刷新 //本业面不刷新,其余地方不刷新,只有iframe底下的那块刷新 function changeSrc() {

    4.1K20

    前端开发,关键技术点杂烩

    10、关于浮动的原理和工作方式 浮动本质就是个带有方位的 display:inline-block 属性;会打破同一行的 inline-box 模型; 11、浮动会产生什么影响呢,要怎么处理?...看了源码中一些“类型检测”函数的实现,jQuery 中的这些方法完成度非常高,实现很全面,性能也是很高的。...25、JS 垃圾回收机制 标记清除:跟踪环境对象,即跟踪作用域链,GC 会把那些没有作用域影响的内存清除掉; 引用计数:即跟踪记录每个值被引用的次数,但可能会有“循环引用”的问题; 26、Ajax 流程...因为 Retine 屏的分辨率始终是普通屏幕的2倍,导致原本 1px 的细线在手机上显示为 2px; IOS8 及以上可以直接使用 border-width: 0.5px; 来设置 1px 的线段,其他平台可以用...34、移动设备浏览器的 click 事件 300毫秒延迟 来源于最初的 iOS Safari 浏览器在用户点击屏幕时会等待 300 毫秒,以判断用户是想进行单击还是进行双击缩放。

    1.5K30
    领券