首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

前端开发必备之Chrome开发者工具(下篇)

查看 DOMContentLoaded 和 load 事件信息 Network 面板突出显示两种事件:DOMContentLoaded 和 load。...解析页面的初始标记时会触发 DOMContentLoaded。 此事件将在 Network 面板上的两个地方显示: Overview 窗格中的蓝色竖线表示事件。...导航时保留网络日志 默认情况下,每当您重新加载当前页面或者加载不同的页面时,网络活动记录会被丢弃。启用 Preserve log 复选框可以在这些情况下保存网络日志。...这将呈现一个显示完整耗时数据的弹出窗口。 点击任何条目并打开该条目的 Timing 标签。 使用 Resource Timing API JavaScript 检索原始数据。 ?...在 HTTP 2 中,到服务器的单个 TCP 连接作为多路复用连接。这消除了 HTTP 1 中的六个连接限制,并且可以通过单个连接同时传输多个资源。 至第一字节的漫长时间 又称:大片绿色 ?

1.6K111

最新iOS设计规范五|3大界面要素:控件(Controls)

虽然你无法更改编辑菜单的形状,但它的位置是可配置的 - 你可以改变展示位置来避免它覆盖重要内容或界面的某些部分。 不要使用与编辑菜单相同功能的其他控件。...六、页面控件(Page Controls) 页面控件在平面页面列表中显示当前页面的位置。它显示为一系列小指示点,代表按打开顺序显示的可用页面。实心点表示当前页面。...进度条(Progress Bars) 进度条是一个从左到右填充的轨道,用以显示当前页面的任务进度。进度条是非交互式的,但通常伴有用于取消相应操作的按钮。 ? 保持进度条的准确性。...在iOS 12及更早版本中,以及在全面屏显示的设备上,网络活动指示器会在发生联网时在屏幕顶部的状态栏中旋转,联网完成后消失。和活动加载指示器样式一样,并且是非交互式的。 ?...菜单使用红色文本突出显示潜在破坏性的操作。当人们选择破坏性操作时,系统会显示一个操作表(iOS)或弹出框(iPadOS),他们可以在其中确认选择或取消该操作。

8.5K30

Pycharm最常用的快捷键及使用技巧

显示的下拉列表中选择类。 您可以使用Ctrl + Shift + N(导航|文件)以类似的方式打开项目中的任何文件 3.3 代码完成功能可以让您快速完成代码中的各种语句。...Shift + Esc将焦点移动到编辑器,并隐藏当前(或最后一个活动)工具窗口。 F12键将焦点编辑器移到最后一个聚焦的工具窗口。...3.22:使用Ctrl + Shift + F7(Edit | Find |突出显示文件中的用法)快速突出显示当前文件中某些变量的用法。 使用F3和Shift + F3键浏览突出显示的用法。...按Esc删除突出显示。 3.23:要查看您的本地文件更改历史记录,请调用本地历史记录| 显示上下文菜单中的历史记录( Local History | Show History)。...3.31:要快速打开编辑器中的任何特定方法或字段,请按Ctrl + Alt + Shift + N(导航|符号)并开始输入其名称。 显示的下拉列表中选择符号。

2.7K20

【怒】PowerBI 报告设计思想 - 导航

在PowerBI中建立导航需要使用书签功能,可以参考我们出品的《PowerBI自助商业智能分析基础系列》课程,里面有系统化的介绍,这里不再赘述。 通过设定标签,来完成向特定页面的跳转。...纵向单层导航 顾名思义,就是纵向的导航。例如: 当然也可以切换为其他颜色主题,如下: 本质来说,横向和纵向并没有大的区别,不过在实践中,还是有一些注意点,我们给出。...导航的选择 虽然选择横向导航和纵向导航是一样的,但在实际中存在的区别如下: 横向导航的占据空间更小,文字标题长度相对较短,菜单项相对更少; 纵向导航的占据空间更大,文字标题长度相对较长,菜单项相对更多。...多级菜单导航 多级导航,可以应对不设上限的报表页数,完全做到按需定制。这里以下拉菜单方式的多级导航来做一个说明。...这里只是强调书签可以保存的内容包括: 当前页面某些视觉元素的数据筛选条件 当前页面某些视觉元素的显示或隐藏状态 当前页面的位置 这里提到的某些视觉元素的某些,可以是: 全部元素 所选元素 这里的精妙之处就在于只用到所选视觉对象的显示或隐藏

2.2K00

最新iOS设计规范十|5大拓展程序(Extensions)

二、文件提供(Document Providers) “文件提供”扩展程序实现了一个有着自定义界面的,并且可以系统上的其他APP中进行文档的导入、导出以及移动的扩展功能。...除非您的应用将文档存储在单个目录中,否则用户应导航到目录层次结构中的特定目标。考虑提供一种添加新子目录的方法。 不要提供自定义导航栏。您的扩展程序将加载到已经包含导航栏的模式视图中。...突出显示有趣的iOS应用内容。通过在消息空间显示其内容来扩展iOS应用程序的功能。考虑人们可能想要共享哪些信息,以及他们如何在活跃对话的背景下与您的应用进行交互。 插入内容以避免裁切。...在编辑模式下,点击工具栏中的扩展名图标将显示可用编辑扩展名的操作菜单。选择一个将在包含导航栏的模式视图中显示扩展的界面。撤消该视图将确认并保存编辑,或取消编辑并返回到“照片”应用程序。 确认取消编辑。...用户在点击页面中的操作按钮,会显示带有共享扩展和操作扩展的活动视图。该活动视图只会显示与当前内容相关的扩展。例如:在编辑视频时,你不会看到文本类的操作按钮。

3.1K10

9种最经典的导航模式,APP开发必备

抽屉式导航是指将一些不常用的功能隐藏在当前页面,当需要用到的时候点击入口或者侧滑即可像抽屉一样展开,上面也说了,这种适合不需要经常切换的次要功能,比如设置、关于、会员等,快手和QQ是采用这种导航形式。...四、下拉式导航 和抽屉式导航类似,下拉式导航也是隐藏次要入口的一种形式,一般位于产品顶部,点击呼出导航菜单导航菜单以浮层的形式位于界面上层,通过点击导航菜单以外的区域使其收起,下拉式导航的面积一般较小...,标签更加突出醒目,同时对主功能标签做了扩展功能。...(其实我觉得上面的驼式导航就是点聚式导航和tab导航的结合体),点聚式导航将核心功能聚合到主界面展示,方便用户呼出使用,由于点聚式导航占用空间小,一般融入一些动态的效果,让导航更具有趣味性,一般视频拍摄...缺点:隐藏了功能,且隐藏功能不能太多,不然显示后,用户较难反应。 九、轮播导航 app首页的banner广告位就是采用轮播导航,当应用信息足够扁平的时候则采用轮播导航。 ?

3.5K90

最新iOS设计规范四|3大界面要素:视图(Views)

如果是非破坏性的操作可以使用下拉菜单(控件的一种,后面会讲到)。 提供“取消”按钮,使人们可以重新考虑破坏性操作。“取消”按钮应出现在动作表单的底部。 突出显示破坏性选择。...二、活动视图(Activity Views) 活动视图通常出现在当前上下文中,而活动便是一项任务,例如复制、收藏、查找。一旦启动,活动可以立即执行任务,或者在之前页面的基础上访问更多信息。...五、图像视图(Image Views) 图像视图是在透明或不透明背景上,显示单个图像或动画图像序列。在图像视图中,图像可以被拉伸、缩放、调整大小以适合或固定到特定位置。...使用浮层所显示的内容要与当前页面中的内容关联。例如:当你点击“操作”按钮时,许多iPad应用会弹出一个浮层(如下图)。 ? 尽量不要在iPhone上使用浮层。...对于显示列表视图的补充列,请使用普通边栏外观。这种外观适合于单个内容的列表,例如邮箱中的消息。 在主要和补充列中持续突出显示任务选择。

8.3K31

补一补产品基础知识:App各类导航设计适用场景及优劣势总结

最近在看一些产品文章时,总会看到一些词汇(例如:“tabbar”、“抽屉菜单”、“宫格菜单”),开始也不是很能理解,但是结合上下文还是能猜出一二的。...左:多看阅读 右:网易云阅读 适用场景: (1)上面的tab导航,一般适用于对当前页面的分类查看,或者改变当前视图。...可以滑动,所以数量可多可少; (2)下面的tab导航,一般是用来展示App的核心功能,可以迅速切换,适合用于需要频繁切换的功能。...新浪微博 适用场景: 适用于非常重要且用户操作频繁适用的功能点,将这些功能点汇聚,放在底部tab的中间或者右边(根据app的具体功能确定) 优势: 突出的表现入口,能够吸引用户注意力,使得频繁使用的入口容易被用户接触到...墨迹天气:当添加了多个城市,查看城市天气时,为轮播式导航 适用场景: 常用于查看图片类 优势: (1)操作方便,只需手指左右滑动即可 (2)内容突出展示,增加了曝光率 劣势: 只能查看相邻卡片展示的内容

75760

macOS Monterey:您可能错过的 40 个提示、技巧和功能

同样,如果有人分享了网站链接,它会显示在 Safari 开始页面的“与您共享”部分。 您可能不希望某个特定人员共享的内容出现在其他应用程序中,在这种情况下,您可以为个别联系人关闭此功能。...在以前版本的地图中,缩小会为您提供平面世界地图,但新的地球视图为您提供了太空看到的地球的 3D 视图,导航更有趣。...启用全键盘访问后,屏幕上具有焦点的项目会突出显示。您可以自定义使用高光的颜色,对比度和尺寸选项在导航选项卡。...全键盘访问打开后,您可以通过按 Tab-H 快速显示全键盘访问快捷键,然后使用箭头键导航列表。...现在,下次您在创建的快速笔记中单击捕获的元素时,您将被带到原始网页,其中突出显示的元素仍然存在。您还可以通过单击突出显示来重新打开笔记。 28.

4.8K30

IntelliJ IDEA - 2022.2 正式发布!众多特性解读!

用于突出显示检查的增强配置 您现在可以配置检查在编辑器中的显示方式,而无需更改其严重性级别。...当您想要更改检查突出显示样式时,可以使用新的“编辑器中的突出显示”下拉菜单进行更改,该菜单可以方便地显示所有可用选项。...改进了 Kotlin 的 IDE 性能 我们优化索引的最新工作对 IDE 在代码突出显示、完成和查找用法方面的速度和性能产生了积极影响。...改进了 Protobuf 和 Java 源之间的导航 您现在可以轻松地.proto文件导航到生成的代码并返回。...Scala 的基于编译器的高亮显示 基于编译器的突出显示已针对更好的资源使用进行了调整。IDE 现在尊重用户定义的文件突出显示设置。现在在更少的情况下触发编译并使用更少的后台线程。

5.1K40

Chrome插件-CSDN助手

虽然上面的 sologan 很大很突出,但是下面这一排常用工具对程序员的吸引更大,所以……不用往下看了,直接进入 Chrome 商店下载安装和运行,然后我们会看到下面的样子: ?...这个地方有个不足就是,由于导航条目的图标和标题使用了半透明,所以当背景图片比较复杂时,导航条目显示的就不是很清晰了。后面的内容中我们再介绍如何解决这个问题。...6 区域可以调整左侧背景的模糊程度,通过调整模糊程度也可以解决背景复杂时导航条目显示不清的问题。 7 区域修改的是导航条目下方标题的颜色。...在当前页面跳转选中的结果 shift + b 搜索书签,并在新页面打开选中的结果 shift + t 搜索并切换标签页 该插件还支持右键菜单,如下图,我们选中一段文本,然后右击,列表中可以选择 CSDN...支持本地配置插件,也支持网络下载插件;可以配置开关、触发词等内容。 1.2.6.5 Json 配置 ? 支持自动格式化的开关,支持配置 json 的显示主题。

1.3K20

常用快捷键大全

右向左切换程序 ALT+INSERT 循环切换程序 ALT+HOME 显示开始菜单 ALT+加下划线的字母 显示相应菜单 ALT+PRINT SCREEN 截取当前窗口 ALT+空格键 显示当前窗口的系统菜单...(保存目录可更改,Maxthon选项→保存) Ctrl+小键盘'+' 功能:当前页面放大20% Ctrl+小键盘'-' 功能:当前页面缩小20% Ctrl+小键盘'*' 功能:恢复当前页面的缩放为原始大小...在菜单或子菜单中选定下一个或前一个命令 左箭头键或右箭头键 选定左面或右面的菜单或者当子菜单可见时,在主菜单和子菜单之间 进行切换 HOME 或END 选定菜单或子菜单中的第一个或最后一个命令...+ESC 显示Windows“开始”菜单 CTRL+W 关闭活动工作簿窗口 CTRL+F5 恢复活动工作簿窗口 CTRL+F6 切换到下一个工作簿窗口...SHIFT + END 选定插入点到最后的输入内容 SHIFT+左箭头键 选定或取消左面的一个字符 SHIFT+右箭头键 选定或取消右面的一个字符

4.1K10

visual studio运行程序的快捷键_visual studio快捷方式在哪

+PAGE DOWN 按右向左切换程序 ALT+INSERT 循环切换程序 ALT+HOME 显示开始菜单 ALT+加下划线的字母 显示相应菜单 ALT+PRINT SCREEN 截取当前窗口...(保存目录可更改,Maxthon选项→保存) Ctrl+小键盘’+’ 功能:当前页面放大20% Ctrl+小键盘’-’ 功能:当前页面缩小20% Ctrl+小键盘’*’ 功能:恢复当前页面的缩放为原始大小...选定左面或右面的菜单或者当子菜单可见时,在主菜单和子菜单之间 进行切换 HOME 或END 选定菜单或子菜单中的第一个或最后一个命令 ALT 同时关闭可见的菜单和子菜单 6.2.窗口快捷键 ALT...+TAB 切换到下一个程序 ALT+SHIFT+TAB 切换到前一个程序 CTRL+ESC 显示Windows“开始”菜单 CTRL+W 关闭活动工作簿窗口 CTRL+F5 恢复活动工作簿窗口...SHIFT + END 选定插入点到最后的输入内容 SHIFT+左箭头键 选定或取消左面的一个字符 SHIFT+右箭头键 选定或取消右面的一个字符 CTRL+SHIFT+左箭头键 选定或取消左面的一个字

4.7K10

Ansible 面板工具之 AWX 界面介绍

AWX Tower 导航栏 AWX Web UI 左侧提供一系列导航链接,可用于访问常用的 AWX 资源。...不同版本菜单略有区别 作业:作业表示 AWX 针对某一主机清单单次运行某一 Ansible Playbook。...查看文档:在新窗口显示 AWX 文档网站。 注销: AWX Web UI 注销。 AWX 设置 单击左侧导航栏中的 Settings,以访问 AWX Settings 页面。...面包屑导航链接:浏览 AWX Web UI 时,页面的左上角会创建一个“面包屑”轨迹。此轨迹清楚地标识各个页面的路径,同时还提供了返回到上一页的快捷方式。 活动流:位于 Logout 图表下。...单击此图标可显示当前页面相关的活动的报告。 搜索栏:可用于搜索或过滤数据集合。

4.8K21

导航设计的10种模式

导航设计的目的就是需要突出产品的核心,扁平化用户的任务路径。让用户能够顺利的在产品中畅行,让用户时刻清楚自己在应用中所处的位置,及如何前往目的页面。...优点: 节省页面展示空间,让用户将更多的注意力聚焦到当前页面; 由于导航界面是隐藏在屏幕之外,展开之后整一页面都是导航菜单内容,所以可扩展和个性化的空间很大; 扩展性好,导航的个数没上限。...07 下拉式/菜单导航 描述: 与抽屉式导航的目的相同,都是为了突出内容。...优点: 菜单与界面的连贯性比抽屉式要好,容易让用户感知当前位置; 缺点: 位于屏幕上方,相对隐蔽且不能结合手势操作,不适合于频繁的切换功能使用; 考虑到导航菜单的可用面积较小,所以一般采用列表的形式展示菜单内容...08 列表导航 描述: 作为信息组织框架,是我们在产品设计中必不可少的一个信息承载模式。 适合用来显示较长或拥有次级文字内容的标题,每行可以融入较多信息。

3.3K40

xwiki功能-文档生命周期

由此产生的链接旁边会显示一个问号,其显示为不存在的页面。只需点击链接就能创建当前页面的子页面。 image.png 这将直接带你到不存在页面的编辑模式。...这是推荐的方法,因为它会允许你在创建新页面的时候创建一个层次结构。 XWiki 企业2.4开始,对于用户和应用程序能够提供模板来创建页面。新页面的内容(内容,对象和其他元数据)会模板进行复制。...一旦你单击“创建”按钮,你就能直接进入新页面的编辑页面。 image.png XWiki 7.2M3此前新增页面的动作是位于顶层菜单。...复制 如果你想创建现有页面的副本,那么你必须导航到该页面(在查看模式下访问该页面),然后页面菜单中选择复制操作(位于页面标题的右侧)。 ? 这将带你到复制页面向导,你可以指定副本的名称和新的位置。...你可以使用面包屑导航到新的页面或旧页面。 移动/重命名 如果要重命名或移动现有页面,你需要导航到该页面(在查看模式下访问该页面),然后页面菜单中选择重命名操作(位于页面标题的右侧)。 ?

1.1K20
领券