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

前端如何提高用户体验:增强可点击区域大小

为了更加清楚,请参见下图,左图可点击区别(圈红部分)明显比右图小很多,所以右图实现用户体验会更好。 ? 对于本文,会介绍一些事例,并通过事例演示如何增加可点击区别,提高用户体验。...举个例子,在WCAG准则2.3.2中规定:网页不包含任何闪光超过3次/秒内容。 用户应该能够使用台式机/笔记本电脑键盘以及移动设备或平板电脑上触摸屏来操作输入。...不要在移动设备屏幕上将按钮设置得太小,以免按下正确按钮。 触摸目标的最小尺寸最好至少为44 x 44像素。...这样,问题得以解决,整个复选框或单选按钮都是可单击,如下图所 ? 侧边栏 对于带有类别的页面,有时我会注意到列表链接没有扩展到其父页面的整个宽度。 也就是说,可点击区域仅在文本上,如下图所示: ?...章节标题 在某些情况下,需要在章节标题远端添加“查看更多”按钮或箭头。 在下面的示例中,我将箭头放置在假圆中,以便可以正确地使箭头居中

4.7K20

【前端就业课 第一阶段】HTML5 零基础到实战(九)列表

注意:手机(APP)打开,内容显示更佳,不会私聊博即可 想要拿代码或加入学习计划(** 博会监督你并且教你写文章 **)拉到最下面(PC端Web打开)加博即可,目录也在最下面。...参加1_bit博前端学习计划发文时在头部记得加上本专栏链接,示例如下: 我已加入 1_bit 博免费前端 站起来 学习计划,专栏链接:https://blog.csdn.net/a757291228... 个人计算机 个人计算机是指一种大小、价格和性能适用于个人使用多用途计算机。台式机笔记本电脑到小型笔记本电脑和平板电脑以及超级本等都属于个人计算机。...台式机笔记本电脑到小型笔记本电脑和平板电脑以及超级本等都属于个人计算机。...台式机笔记本电脑到小型笔记本电脑和平板电脑以及超级本等都属于个人计算机。

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

Mirages主题帮助文档

插件下载地址 备用下载地址 侧边栏菜单怎么配置? 侧边栏菜单内容来源于你独立页面,新增或删除独立页面后,侧边栏菜单会相应更改。 侧边栏菜单如何排序?...请参考:如何在 Typecho 开发版中直接输出 HTML 代码 主题中怎么插入视频?...示例 # 以高斯模糊形式加载文章图 blurBanner = 1 顶部导航栏最大菜单数量 1.7.9 及以上版本可用 设置名:maxNavbarMenuNum 说明 设置显示在顶部导航栏最大菜单个数...设置名:alwaysShowDashboardInSideMenu 说明 该选项目前仅在侧边栏生效 默认情况下,在你后台(Admin)保持登录状态时,将会在侧边栏显示「Dashboard」菜单可以快速进入后台...启用该选项后,导航条上将平铺所有的一级分类,一级分类下有二级分类,将以下拉框形式展示。

9.9K20

一篇文章读懂UI按钮设计细节与规范

看到这个我们就会认为它是按钮 用户无法识别其他形状按钮,比如三角形,原型,或者不规则形状。所以,在使用这些形状作为按钮时候请务必小心,仅仅在产品整体风格需要时再去使用它们。 ?...仔细检查按钮表情是否在水平和垂直方向上居中。如果确实需要,可以在设计规范中设定此类规则。 ? 除了用基于网格方式外,我们还可以使用大写字母W来选择按钮安全距离方法。...但请记住,即使是在台式机上,按钮越大,用户使用起来就越容易。 按钮设计最佳实践 重要按钮也可以与图标配合使用。...圆角按钮 圆角按钮被认为比锋利边缘按钮更为友好和正面。但是,与此同时,这种做法使围绕它们内容设计变得更加困难。如果你在按钮上方保留了对齐文本,则圆角越圆,在该文本在视觉上将会越小。...最后总结 当你开始设计按钮,辅助按钮和三级按钮时,请记住每次都要针对上面这些因素进行检查。即使是很小不一致或者对齐不良也会导致用户转化率降低。

3.7K30

pc与手机页面的差别分析

一 设备性能 1.1 设备对比 pc设备一般是台式机或者笔记本电脑,性能相比手机要好,那么哪些显示是需要性能呢?动画、即时通讯、渲染、3d等都是需要设备性能支持。...而页面一般情况下对于pc来讲,没有听说过有问题。 那么手机性能如何呢?我们也从游戏角度讲,之前手机性能是很低,撑不起游戏本身需要,如果真的吧一款高质游戏放到手机,你只会感觉到卡顿、间歇感很强。...2.2 最终结论 pc大,页面容量更大,手机小,展示内容需要精简 2.3 导致结果 页面布局内容不同:pc页面布局中产品全局性展示项会一直存在,比如说我们pc中任何页面都会有公共头部,尾部,菜单项,侧边栏...应对方案: pc应对方案分为三种: 1 固定宽度水平居中布局,单位为px; 2 媒体查询+百分比流式布局,栅格系统,以bootstrap为典型,单位水平百分比,竖直px;3 单纯百分比h5布局 ,简单灵活适用于大部分...4.2 最终结论 手机端胜出占优 4.3 导致结果 一些社交性很强产品一般必须有移动端:比如微信,打移动端 一些需要设置日程提醒或者必要操作功能会出移动端:比如操作提醒,发送简单通知等 一些管理繁重

1.5K30

解密BadUSB:世界上最邪恶USB外设

命名)攻击方法,这种攻击方法让USB安全和几乎所有和USB相关设备(包括具有USB端口电脑)都陷入相当危险状态。...注:BadUSB主要依靠USB驱动器构建方式,USB通常有一个大容量可重写内存芯片用于实际数据存储,以及一个独立控制器芯片。...控制芯片实际上是一个低功耗计算机,并且与你笔记本电脑台式机一样,它通过从内存芯片加载基本引导程序来启动,类似于笔记本电脑硬盘驱动器包含一个隐藏引导记录(MasterBoot Record)。...USB如何识别‍‍ ? 3. USB设备初始化‍‍ ?...一方面,我们可以以此功能来使用自己或是更好函数(无需别人源码),而另一方面,我们也可以以向别人程序注入恶意程序,从而达到那不可告人罪恶目的。 ‍‍‍‍2.

1.2K80

WordPress主题Siren二开美化版

首先感谢他们作品呢…… 因为博超喜欢单栏主题设计,还有 PJAX 加载,所以博一直就在打磨这款主题中…… (当然是根据自己喜欢口味来更改滴啦) 学长是个细节控,代码洁癖,某些强迫症集一身的人啦...最后更新版本修改,就摘几条重要地方来说下吧…… 主题修改 任何页面背景头图可以选择使用随机图片API显示,比如 漫月API PC 端首页描述,可以选择使用“一言”代替,由 Hitokoto...– 一言 支持 修正菜单栏显示效果:PC 端清晰可见了,移动端文字加大和居中显示 主页文章列表修改图文风格为卡片式风格,新视觉!...2018.07.15 移动端菜单头像添加登录入口 用户头像支持调用第三方插件设置本地头像 不同用户登录时首页显示头像与名言各自读取 修复中文昵称用户作者页 URL 404 问题 移除失效多说评论选项与代码...,在后台选择使用,仅限 PC 端 2019.04.19 修复评论翻页按钮在“白色简约”网页背景风格下不居中问题 修复主页个人头像和评论头像变形问题 说说页面跟文章页面一样可以点赞了,仅 PC 端可见

3.9K30

如何使用VNC进行远程桌面控制

,你又不方便立刻回去,这时你就可以考虑借助笔记本电脑通过VNC远程控制自己台式机桌面进行操作,处理一些紧急问题;还有一种情况就是你外出或离开办公室后要访问公司某些网络或网络中设备、服务器等,而这些网络访问权限只对办公室里台式机所在网段开放...,而你台式机所在网段权限对你笔记本所在网络是开放,这时也可以考虑通过笔记本上VNC远程控制台式机桌面,再来访问受限网络进行相关管理和操作(怎么感觉像打广告似的)。...2)、进入下载页面 在首页中,可以看到顶部菜单栏第二项为Download,即为下载项,我们直接点击该项即可进入下载界面如下。...注:这里进入下载页面,是跟据下载页面的下载选项选择筛选后下载页面,可以看到这里都是Windows下安装包,因为之前下载选项就是选Windows系统,如果你想要下Linux环境下VNC,就可以在下载页面里选择...2、通过客户端VNC Viewer访问远程桌面 在台式机服务器上开启 VNC Server后,在笔记本客户端上打开 VNC Viewer,界面如下,相当简洁,你可以直接在上方数据栏里输入服务器端主机名或

16.6K42

第十章 磁盘管理

第十章 磁盘管理 10.1 磁盘基本概念 我们知道,日常中我们台式机笔记本电脑磁盘都会有几百G容量,这种磁盘一般都是机械磁盘,即使用一些精密机械部件组成磁盘。...如图所示,磁盘侧面是多个盘片罗列,其实不同磁盘盘片数量也不尽相同,比如笔记本电脑磁盘和移动硬盘磁盘,可能只有一个盘片,台式机磁盘由于尺寸比较大,里面可能会有1-3个盘片不等。...所以,一般磁盘使用方案是:3+1扩, 扩展基础上创建多个逻辑分区。即创建3个分区,磁盘剩余空间都划分给一个扩展分区,这样4个分区名额用满。...dos 10.2.3 磁盘分区案例 依据fdisk菜单提示信息,我们来开始手动新建分区: fdisk /dev/sda ---进入fdisk管理菜单,后续操作如下: 输入n,创建分区=>输入开始扇区号...那么,内存和设备间是如何做数据交互呢?答案是通过总线来实现。

2.2K72

无论世界多么智能,PC仍将是这个时代一位主角

赛场上,这些数据会被实时传输到车库里笔记本电脑等终端,在边缘进行计算和分析;其中一部分则在加密后传输到英国赛车控制中心,云端高性能计算会对其进行处理。...不过,在亲历了迈凯伦18年数字化转型Jonathan Neale看来,最需要重视如何全盘把握业务流数字化转型,单一因素无法驱动生产力变革。 他特别强调了边缘计算。...在上周北京戴尔科技峰会上,他说迈凯伦全球员工都在用戴尔笔记本电脑台式机。...目前最典型一个项目即网易考拉客服呼叫中心。陈艳说,该中心以不同配置同一型号戴尔成铭系列台式机作为桌面系统终端,达成了IT管理策略变革初衷。...这些产品中包括了拥有超宽32:9宽高比戴尔UltraSharp 49曲面显示器,以及打超高清4K分辨率UltraSharp 32 4K USB-C显示器。

20810

DIY你菜单和工具栏,订制属于你自己工作界面!

大家看到右侧选项卡,下面一共有三级菜单,对应着Excel界面的各项功能区,如果你觉得里面的有些菜单项自己用不上,直接X掉,或者某一项菜单里面的某一功能不想要,直接删除,别担心,以后想找回来,左侧列表框里包含所有功能菜单...回到Excel界面,大家有木有看到左上角有一行小图标,没错这就是微软给我们默认快捷菜单,但是……少得可怜,只有保存,撤销、恢复、新建等,可是我还想要新建工作表、想要打开工作薄,像要插入图表、插入图形...,想要插入图片,插入文本框;想要选择字体、调字号、改字体大小,居中排列;改颜色、想要对齐、黏贴…… ?...上面是小编自己菜单栏和功能区,基本上常用功能都在这里了,然后你就再也不用苦逼一个一个翻看菜单去找某一个功能图标了,甚至你可以把工具栏隐藏,像下面这样(界面右上角有一个小箭头,可以显示功能区/隐藏功能区...(下期预告:如何在Excel里扩展第三方插件,让你Excel更强大!!!)

1.1K80

【数据安全】世界上最邪恶USB外设

案例:电子香烟传播恶意软件 公司高管计算机被黑 最近一名网友在Reddit社会新闻网站上发布了帖子,详细介绍了某大型公司高管计算机是如何感染不明来源恶意软件(恶意软件一般包括木马、病毒等)。...类似用USB设备传播恶意软件例子在过去就发生过,比如有的攻击者会用电池充电器感染笔记本电脑和移动设备,还有刚刚发生不久BadUSB事件。...注:BadUSB主要依靠USB驱动器构建方式,USB通常有一个大容量可重写内存芯片用于实际数据存储,以及一个独立控制器芯片。...控制芯片实际上是一个低功耗计算机,并且与你笔记本电脑台式机一样,它通过从内存芯片加载基本引导程序来启动,类似于笔记本电脑硬盘驱动器包含一个隐藏引导记录(MasterBoot Record)。...USB如何识别‍‍ ? ‍‍3. USB设备初始化‍‍ ? ‍‍

86730

Windows 11这19个新功能,你都知道吗?

1、开始菜单 Windows 11 带有全新开始菜单和任务栏体验,如下面的屏幕截图所示。 动态磁贴已被图标取代,类似于 Android 和 iOS。...我们一直在测试操作系统早期版本,我们还在“设置”>“设备”>“相机”中找到了一个新网络摄像头设置。新网络摄像头设置可让您配置连接到设备网络摄像头。这包括笔记本电脑/台式机外部和内置摄像头。...默认情况下,Windows 将仅在任务栏中公开一个端点,并且会自动切换到正确端点。 这将确保您在 Spotify 和 Microsoft Teams 等应用程序之间切换时获得无缝体验。...通常,它效果很好,但自动过程有时会选择错误应用程序,或者您可能不小心在“打开方式”弹出菜单中选择了错误应用程序。到目前为止,从“打开方式”菜单更改文件类型手动过程一直很烦人。...17、删除了臃肿软件 Windows 11 还将删除不必要应用程序和臃肿软件。 例如,Windows 上将不再预装 3D Viewer 和 Paint 3D。

2.7K20

实现在外网SSH远程访问内网树莓派详细教程

如何在局域网外SSH远程访问连接到家里树莓派?...这篇文章主要也是讲解树莓派+cpolar组合作用,可以实现: 如何在 Raspberry Pi 中启用 SSH 如何通过 SSH 连接到 Raspberry Pi设备 如何远程在任何地点访问家中树莓派...您可以通过从任何其他计算机、笔记本电脑台式机甚至手机通过 SSH(安全外壳)登录您 Raspberry Pi 来实现这一点。让我告诉你怎么做。...首先通过导航菜单转到 Raspberry Pi 配置窗口。 树莓派菜单,树莓派配置 现在,转到接口选项卡,启用 SSH 并重新启动您 Pi。...在任何地点访问家中树莓派 仅在家中同一局域网络访问树莓派有局限性,且一旦树莓派在家中IP变化,如果有一天我们想在办公室位置想访问树莓派怎么办?那我们现在就解决。

95841

Win11 这 19 个新功能,你都用上了吗?

1、开始菜单 Windows 11 带有全新开始菜单和任务栏体验,如下面的屏幕截图所示。 动态磁贴已被图标取代,类似于 Android 和 iOS。...我们一直在测试操作系统早期版本,我们还在“设置”>“设备”>“相机”中找到了一个新网络摄像头设置。新网络摄像头设置可让您配置连接到设备网络摄像头。这包括笔记本电脑/台式机外部和内置摄像头。...默认情况下,Windows 将仅在任务栏中公开一个端点,并且会自动切换到正确端点。 这将确保您在 Spotify 和 Microsoft Teams 等应用程序之间切换时获得无缝体验。...通常,它效果很好,但自动过程有时会选择错误应用程序,或者您可能不小心在“打开方式”弹出菜单中选择了错误应用程序。到目前为止,从“打开方式”菜单更改文件类型手动过程一直很烦人。...17、删除了臃肿软件 Windows 11 还将删除不必要应用程序和臃肿软件。 例如,Windows 上将不再预装 3D Viewer 和 Paint 3D。

21.9K30

Apache Flink实战(二) - 第一个Flink应用程序

否则,它具有artifactId名称: ​编辑切换为居中添加图片注释,不超过 140 字(可选) 使用IDEA打开该项目即可!...在IntelliJ IDEA中,推荐更改JVM选项方法来自Help | 编辑自定义VM选项菜单 -Xmx800m2.1.4 Build Project如果要构建/打包项目,请转到项目目录并运行mvn...:target / - .jar​编辑添加图片注释,不超过 140 字(可选)注意:如果您使用与StreamingJob不同类作为应用程序类/入口点...这样,Flink可以从JAR文件运行应用程序,而无需另外指定类。...,不超过 140 字(可选)控制台收到结果: ​编辑切换为居中添加图片注释,不超过 140 字(可选)9 Flink实时处理应用代码重构如何突破端口限制呢,需重构:传入参数args ​编辑切换为居中添加图片注释

1K10

预算有限,如何选择能打的笔记本电脑

最近很多粉丝在问我,如何选择电脑问题以及某某款笔记本怎么样?这个问题我在之间文章《如何选购一台适合写代码笔记本电脑》中,对各个参考指标有所表达,不在赘述,详情可以去看下。...今天就最近很多问题总结下,综合阐述下我个人观点,其实我并不是一个科技数码评测博,对市面的所有产品并没有体验,所以感受有点偏差,仅供参考。...与手机不一样,电脑还有区分为笔记本和台式机,如果移动需求不大,那么就不要考虑笔记本了,台式机才是yyds,因为笔记本先天劣势,导致在同样效果上,需要比台式机花更多钱去处理,比如散热问题。...不需要配置:不需要独立显卡,集显完全OK 这里呢,必须声明下:第一段中的确认需求,移动办公/上课,不包括电竞班同学啊,如果有打游戏需求,请选择专业游戏本,5000块钱预算很难顶啊。...专业一点解释是将CPU提供指令和数据进行相应处理变成显示器能够接受文字或图像后显示出来,以便为用户继续运行或终止程序提供依据。 想一下在写代码或者打字时候,不太需要QWER连招吧。

66310

如何在局域网外SSH远程访问连接到家里树莓派?

这篇文章主要也是讲解树莓派+cpolar组合作用,可以实现: 如何在 Raspberry Pi 中启用 SSH 如何通过 SSH 连接到 Raspberry Pi设备 如何远程在任何地点访问家中树莓派...您可以通过从任何其他计算机、笔记本电脑台式机甚至手机通过 SSH(安全外壳)登录您 Raspberry Pi 来实现这一点。让我告诉你怎么做。...首先通过导航菜单转到 Raspberry Pi 配置窗口。 树莓派菜单,树莓派配置 现在,转到接口选项卡,启用 SSH 并重新启动您 Pi。...在任何地点访问家中树莓派 仅在家中同一局域网络访问树莓派有局限性,且一旦树莓派在家中IP变化,如果有一天我们想在办公室位置想访问树莓派怎么办?那我们现在就解决。...此外,您还可以设置 SSH 密钥,这样您就不必每次通过 SSH 登录时都输入密码,但那是完全不同主题。 转载自cpolar极点云文章:如何在局域网外SSH远程访问连接到家里树莓派?]

52741

黑苹果折腾手记(二),安装过程

我是笔记本电脑,我第一次没有“自定”安装时候就检测不到键盘,我就奇怪了这键盘还得驱动,其实还真要,USB键盘和PS/2键盘有点不一样。...安装完时候,总是会提示你安装失败让你重启再试什么,这里一般是说没办法写入启动信息。在上一篇里面我讲过我机器之前状态时Ubuntu+Win7共存,引导程序是Grub。...机器启动时候会是Grub菜单让我可以选择要引导哪个系统(后面再说Grub如何伟大)。...而这黑苹果安装完说失败要求重启,重启之后直直进入了win7,明显安装时候引导程序已经被破坏,而由于Win7在C盘第一个分区(激活状态)所以Win7被直接引导。...,那么这个时候如何进入黑苹果呢。

1.7K20

Tkinter教程(每天半小时,3天彻底掌握Tkinter)day1

第一个Tkinter程序 插入ico 关闭python窗体 python窗体居中设置 护眼色_颜色名称_16进制色值_RGB色值 窗体设置 窗口常用方法 python获取电脑屏幕大小 python...Tkinter 编写程序,也称为 GUI 程序,GUI (Graphical User Interface)指的是“图形用户界面”,它是计算机图形学(CG)一门分支,主要研究如何在计算机中表示图形,...GUI是什么 图形用户界面(Graphical User Interface,简称 GUI),是计算机图形学技术一种,它一般由窗口、下拉菜单或者对话框等图形化控件组成。...用户通过点击菜单栏、按钮或者弹出对话框形式来实现与机器交互,GUI 存在拉近了人与计算机距离,让人机交互过程变得简单舒适、有温度。...) # 将按钮放置在窗口内 button.pack(side="bottom") python窗体居中设置 screenwidth = root_window.winfo_screenwidth()

5.1K20
领券