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

如何制作自己的原生 JavaScript 路由

太糟糕了,因为单击浏览器的“后退”和“前进”按钮与浏览历史记录中的 URL 导航有关。如果没有 History API,就无法谈论路由。...基于 History API 的 Vanilla JS 路由设置 先让我们仔细研究构建 URL 切换器所需的最少代码(而无需刷新页面),然后我会向你展示其的工作方式的 GIF 动图。...结果:现在,每次我们单击按钮,URL 实际上都会在浏览器的地址中更改。内容框也会更新。 ? 我们的原生 JS 路由开始运行了。请注意,每次单击按钮,history.pushState 被触发。...(第一次是我们单击按钮。) 但是由于该事件带有单击的 id,因此单击 Back 或 Forward 很容易刷新视图并重新加载内容。...当你第一次在 PWA 中加载此路由,必须确保如果直接在地址中输入/page/home,它可以工作。 到目前为止,我们仅从前端更改了路由器地址。

3.8K20

巧妙再构想的Slax发行版成功突破便携式Linux的局限性(Reviews)

您可以将工具或面板放置在屏幕的任何边缘。 默认位置在底部。 image.png Slax的桌面可以调整打开窗口的大小,在虚拟工作区之间移动应用程序以及对系统配置进行最小程度的变更。...打开应用程序窗口停靠在工具上。右端显示关闭按钮,数字时钟和声音控制图标。 Fluxbox不提供桌面图标小程序。屏幕或面板也没有其他类型的小程序和应用程序启动器。 没有虚拟工作切换器小程序。...有一些虚拟工作区方便地隐藏在视图之外。您可以通过键盘快捷键直接访问它们。例如,按CTRL+功能键 导航到任意数量的虚拟工作区,如:FTRL+Fn1、CTRL+Fn 2等。...右键单击面板,桌面,打开的窗口的顶部边框或面板中的停靠图标,以将正在运行的应用程序发送到任何虚拟工作区。 右键单击屏幕或面板还可以访问一些系统调整。...Ÿ 按CTRL+Alt+T键打开终端程序;或单击面板或工具最左边的菜单按钮后单击终端图标 Ÿ 输入以下命令:apt get install synaptic 当没有新的文本行向下滚动到终端窗口,安装完成

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

Linux Lite4.6内置了大量的Linux功能(Reviews)

右键单击任务、面板、添加新项目、CPU频率监视器来选择它。右键单击它并将其移动到所需位置。 新的系统文档使得进入LinuxLite4.6比以前的版本更加容易。...在Linux Lite中,Xfce面板具有一个预配置有两个桌面的虚拟工作切换器小程序。您最多可以添加几十个小程序。 Xfce桌面上我最喜欢的功能之一是右键可以访问在桌面上任何地方弹出的完整菜单。...单击您要执行的复选框。然后单击“调整”窗口右下角的“开始”按钮。 浏览桌面 面板最左角的菜单按钮有两列显示。左列显示所有类别。右边较宽的列显示所选类别中的所有选项。...任务的最右边有典型的时钟读数、音量控制图标、Internet连接状态图标和工作区切换小程序。任务中央显示最小化的窗口和其他正在运行的应用程序。...您可以右键单击任何菜单项,将其放入收藏夹、桌面或任务的“快速启动”部分。 关键点 Linux Lite 4.6提供了很大的灵活性和可用性。

3.1K30

FL Studio21下载MacOS版简体中文支持苹果M1处理器

FL 工作室 21 引入更快、更精确的音频编辑、改进的内容发现、对 DAW 情绪的控制以及更多鼓舞人心的创意工具。现有客户全部免费,因为我们喜欢您的终身免费更新!...GUI - 主动添加链接,“添加目标链接”(+) 按钮会脉冲(单击以开始处理)。...浏览器(改进):标签 - 单击标签(底部)以打开更多选项。收藏夹 - 在将鼠标悬停在内容上单击星形。搜索 - 布尔搜索查询(“大踢”与大踢)。...添加了工具按钮作为显示透明度的快捷方式。现在,您可以选择要在预览窗口中显示的缓冲区。Zip - 为压缩项目添加了自定义效果。触摸控制器 - 支持“添加窗口”列表中的触摸控制器窗口。...,配音切换器抖动毛刺,配音切换器线性模糊,配音切换器污迹,配音切换器凝固,配音切换器星爆,配音切换器白洞。

4K20

FL Studio水果21最新中文版详细功能介绍

菜单 - 右键单击菜单现在具有显示淡入淡出编辑控件图标,用于快速访问淡入淡出选项。 捕捉功能 - 当淡入淡出手柄捕捉关闭,按住 Alt 键进行捕捉。 因此,Alt+单击不再重置淡入淡出。...GUI - 主动添加链接,添加目标链接上的 + 按钮会闪烁,单击它以启动该过程。 将自动化剪辑通道的包络网格拆分更改为四个拆分。...通道机架 通道按钮(右键单击)- 一个新的“修补”选项,可将当前实例转换为修补格式。 通道机架 - 现在,当您将通道移出垂直范围,会滚动。 通道 - 当插件替换通道采样器,将显示浮动尖端。...添加了工具按钮作为快捷方式以显示透明度。 现在可以选择要在预览窗格中显示的缓冲区。 Zip - 向压缩项目添加了自定义效果。 触摸控制器 - 支持“添加窗口”列表中的触摸控制器窗口。...现在是数字音乐时代,我们通过使用计算机数字音频工作站,即DAW宿主软件来编曲。这和传统音乐不同,我们要学特别多数字声学的知识。为什么推荐大家学习制作电子音乐呢?

4.3K40

介绍两款k8s dashboard

infa app 单集群免费,多集群收费 总览 集群切换器。您可以在集群切换器之间切换已配置的Kubernetes集群。...所选名称空间上的所有工作负载将显示在右侧。 工作量搜索。在搜索中,您将能够通过其名称搜索特定的工作负载。将来,搜索功能将扩展为使用其他元数据。 系统工作量按钮。...在主工作负载视图中,您将看到所有工作负载的列表以及有关其利用率(CPU和内存)的信息 查看特定工作负载 工作量状态。工作负载状态显示Kubernetes报告的工作负载的当前状态。 活动标签。...默认情况下,滚动条滚动到底部,日志流送程序将自动刷新。当您将滚动条从底部移开,日志流将停止自动滚动。 活动标签。...Infra App使端点超链接,因此您可以单击它以在Web浏览器中查看结果(如果支持)。 ConfigMaps。

1.7K10

最新iOS设计规范二|7大应用架构

让用户可以重播教程,以防第一次进入APP的他们错过任何内容。 突出教程中的要点。为新用户提供引导是好的,但这并不意味着这样做就能成为优秀的APP。好的APP应当是直观和自然的。...后台也要尽可能使用预加载,例如在播放动画或用户正在操作导航的选项卡,后台预先加载出来即将播放和显示的内容。 用引导或娱乐的方式来掩盖加载的时间。...例如,当模态视图包含导航,它应该采用与APP导航相同的外观。 为模态视图的展示提供合适的过渡动画。使用与APP风格统一的过渡动画,增强用户对内容转变的认知。...标签可让人们快速轻松地在不同类别之间切换。 在iPad上,使用拆分视图而不是标签。拆分视图提供与选项卡相同的快速导航,同时更好地利用了大屏幕。 当您具有内容类型相同的多个页面,请使用页面控件。...仅在应用需要正常运行时,才在启动请求权限。如果很明显您的应用程序依赖于其个人信息进行操作,那么用户将不会对此请求感到困扰。 没有必要不要请求位置信息。

2.6K20

IntelliJ IDEA 2023.2 主要更新了什么?(纯文本介绍版)

用户体验方面的更新涵盖了在搜索、项目视图排序和主工具上的改进。Java方面的改进包括扩展Java检查、为格式字符串提供代码高亮显示和导航,以及提供更好的Javadoc注释支持等。...现在,当您单击菜单图标,其元素将水平显示在工具上。还有一个新选项可以将此菜单转换为单独的工具。...在 macOS 上的新 UI 中使用全屏模式,窗口控件现在直接显示在主工具中,而不是像以前那样显示在浮动中。 在 “设置”/“首选项”|”编辑 |检查 ,我们为代码示例实现了语法突出显示。...在“ Project项目”视图中,有一个新的 “单击打开目录” 选项,该选项使展开和折叠项目文件夹更快、响应更快。 我们扩展了新 UI 主工具的自定义选项。...在设置新的 Spring 引导运行配置, 虚拟机选项 字段为出现在 -D 旗。 Spring 配置 Bean 不再需要注释处理器,属性和 YAML 配置文件中的代码完成和验证可以立即使用。

10110

PyCharm入门教程——用户界面导览「建议收藏」

通过这篇文章,您可以了解PyCharm用户界面是如何组织的,以帮助您在工作环境中找到自己的方式。...当您第一次运行PyCharm或没有打开任何项目,PyCharm将显示欢迎屏幕,允许快速访问主要入口点。打开项目,PyCharm将显示主窗口。...使用View导航隐藏或显示导航;按Alt+Home将应用程序焦点移到导航。 Status bar ——指示项目、整个IDE的状态,并显示各种警告和信息消息。...3.Navigation bar 导航是项目工具窗口的替代项。 4.Context menus 右键单击可用的上下文菜单包含适用于当前上下文的命令。...Navigation bar View | Navigation Bar Alt+Home 导航是项目工具窗口的快速替代方案。 在的左侧,您可以浏览项目并打开文件进行编辑。

3.3K10

iPhone X 适配指南 (官方翻译版)

大多数使用标准系统提供的UI元素(如导航,表格和集合)的应用程序会自动适应设备的新外形。背景材料延伸到显示器的边缘,并且UI元件被适当地插入和定位。...安全区域还可以防止内容覆盖状态导航,工具和标签。 注意状态的高度。状态在iPhone X上比在其他iPhone上更高。...请注意,当背景任务(如录音和位置跟踪)处于活动状态,iPhone X上的状态不会改变高度。 如果您的应用程序目前隐藏状态,请重新考虑iPhone X上的决定。...人们使用显示屏底部的滑动手势访问主屏幕和应用程序切换器,这些手势可能会取消您在此区域中实现的自定义手势。屏幕的两个角落可能是困难的地方让人们舒适地到达。 不要掩盖或特别注意关键显示功能。...手势 iPhone X上的显示屏使用屏幕边缘手势来访问主屏幕,应用程序切换器,通知中心和控制中心。 避免干扰系统范围的屏幕边缘手势。人们依靠这些手势在每个应用程序中工作

2.4K50

Windows Terminal Preview 1.5 发布!

标签切换器顺序设置 “useTabSwitcher” 的设置已经升级。现在用户可以指定 "mru" 或 "inOrder",这将启用标签切换器,标签按最近使用的顺序或在终端中的布局顺序排列。...禁用动画 开发团队为用户创建和关闭窗格添加了动画。如果想在整个终端应用程序中禁用动画,则可以使用 "disableAnimations" 全局设置。...Back button 从 command palette 进入 nested menu ,现在可以不用退出 command palette,而导航回 root menu。...粗体匹配搜索词 在 command palette 中搜索命令,结果将使匹配的文本加粗,以使查找所需命令更加容易。...单击终端内的链接将不再挂起。 现在,跳转列表将显示在文件路径中使用正斜杠的图标。 无法写入设置文件现在将显示警告。 使用屏幕阅读器,移至下一个单词时会更快。

1.3K20

IDEA用好这个插件,终于可以扔掉Navicat了!

输入所需参数的值,然后单击“确定”。如您所见,我们检索此mysql过程的输出,因为我们有SQL代码从JDBC驱动程序获取结果集: ?...要查看它,请在调用说明计划后单击工具上的“ 显示可视化”按钮: ? SQL编辑 上下文信息在编辑包中的大型过程,有时在其上下文中刷新内存是有用的,即现在正在编辑的特定过程或包。...跳到关闭括号/报价之外从此版本开始,您可以通过按Tab键在结束括号之外导航或关闭引号 。请注意,这仅在第一次输入参数或值时有效。...导航 从“ 查找操作”分配快捷方式以前,如果使用 默认键盘映射,则无法从“ 查找操作”中指定快捷方式。我们已修复此错误,现在它适用于任何键盘映射和任何布局。一个很好的理由提醒你,这是可能的!...导航允许您通过相应的操作按名称跳转到任何表,视图或过程,或直接从SQL代码中的用法跳转到任何表,视图或过程。 ? ? 总的来说,DataGrip是一个面向管理员和SQL开发人员的综合数据库IDE。

3.3K20

使用SMM监控Kafka集群

在左侧导航窗格中,点击Topic。 2. 确定您想要有关其信息的Topic。您可以滚动浏览Topic列表,也可以使用页面左上方的搜索。 3. 单击Topic左侧的绿色六边形以查看详细信息。 ?...在左侧导航窗格中,单击Brokers。 2. 确定您想要有关其信息的Broker。您可以滚动浏览“Broker”列表,也可以使用页面左上方的搜索。 3....在左侧导航窗格中,单击Brokers。 2. 确定您想要有关其信息的Broker。您可以滚动浏览“Broker”列表,也可以使用页面左上方的搜索。 3....您可以使用“活动”,“消极”和“所有”选项卡仅在活动或消极或所有消费者组中查看消费者组。使用“滞后”选项卡可以根据滞后的升序或降序对消费者组进行排序。 ?...在左侧导航窗格中,单击“ 消费者组”。 2. 标识要获取其信息的消费者组。您可以滚动浏览消费者组列表,也可以使用页面左上方的搜索。 3. 单击“消费者组”左侧的绿色六边形以查看详细信息。 ?

1.5K10

干掉Navicat:这个IDEA的兄弟真香!

输入所需参数的值,然后单击“确定”。如您所见,我们检索此mysql过程的输出,因为我们有SQL代码从JDBC驱动程序获取结果集: ?...要查看它,请在调用说明计划后单击工具上的“ 显示可视化”按钮: ? SQL编辑 上下文信息在编辑包中的大型过程,有时在其上下文中刷新内存是有用的,即现在正在编辑的特定过程或包。...跳到关闭括号/报价之外从此版本开始,您可以通过按Tab键在结束括号之外导航或关闭引号 。请注意,这仅在第一次输入参数或值时有效。...导航 从“ 查找操作”分配快捷方式以前,如果使用 默认键盘映射,则无法从“ 查找操作”中指定快捷方式。我们已修复此错误,现在它适用于任何键盘映射和任何布局。一个很好的理由提醒你,这是可能的!...导航允许您通过相应的操作按名称跳转到任何表,视图或过程,或直接从SQL代码中的用法跳转到任何表,视图或过程。 ? ? 总的来说,DataGrip是一个面向管理员和SQL开发人员的综合数据库IDE。

1.2K20

有了这个 IDEA的兄弟,你还用 Navicat 吗?全家桶不香吗?

输入所需参数的值,然后单击“确定”。如您所见,我们检索此mysql过程的输出,因为我们有SQL代码从JDBC驱动程序获取结果集: ?...要查看它,请在调用说明计划后单击工具上的“ 显示可视化”按钮: ? SQL编辑 上下文信息在编辑包中的大型过程,有时在其上下文中刷新内存是有用的,即现在正在编辑的特定过程或包。...跳到关闭括号/报价之外从此版本开始,您可以通过按Tab键在结束括号之外导航或关闭引号 。请注意,这仅在第一次输入参数或值时有效。...导航 从“ 查找操作”分配快捷方式以前,如果使用 默认键盘映射,则无法从“ 查找操作”中指定快捷方式。我们已修复此错误,现在它适用于任何键盘映射和任何布局。一个很好的理由提醒你,这是可能的!...导航允许您通过相应的操作按名称跳转到任何表,视图或过程,或直接从SQL代码中的用法跳转到任何表,视图或过程。 ? ? 总的来说,DataGrip是一个面向管理员和SQL开发人员的综合数据库IDE。

1.6K21

再见,Navicat!这个IDEA的兄弟,真香!

输入所需参数的值,然后单击“确定”。...要查看它,请在调用说明计划后单击工具上的“ 显示可视化”按钮: SQL编辑 上下文信息在编辑包中的大型过程,有时在其上下文中刷新内存是有用的,即现在正在编辑的特定过程或包。...跳到关闭括号/报价之外从此版本开始,您可以通过按Tab键在结束括号之外导航或关闭引号 。请注意,这仅在第一次输入参数或值时有效。...导航 从“ 查找操作”分配快捷方式以前,如果使用 默认键盘映射,则无法从“ 查找操作”中指定快捷方式。我们已修复此错误,现在它适用于任何键盘映射和任何布局。一个很好的理由提醒你,这是可能的!...导航允许您通过相应的操作按名称跳转到任何表,视图或过程,或直接从SQL代码中的用法跳转到任何表,视图或过程。 总的来说,DataGrip是一个面向管理员和SQL开发人员的综合数据库IDE。

95820

Windows 11第一个重大更新来了,运行安卓App 附下载

2、任务现在可以在多个显示器上显示时钟。 3、从任务轻松切换麦克风并在 Teams 中共享应用程序的窗口。 4、任务现在可以显示天气信息。...快照布局、应用程序切换器中显示APP。...任务获得新功能,当您想要在 Microsoft Teams 会议期间共享应用程序的窗口,Windows 11 的名为“AirDrop”的新功能减少了在应用程序之间来回移动的需要。...微软官方表示,Windows 11 任务新增的窗口共享体验,只要你能正确使用,在线会议期间的中断可能会减少。...要开始使用,您需要将鼠标悬停在任务中的应用程序上,然后单击允许您在会议中与其他人共享窗口的新按钮。当您共享屏幕,您可以随时单击“停止共享”按钮,或通过单击“共享此窗口”切换到另一个应用程序。

2.4K20

干掉 Navicat:这个 IDEA 的兄弟真香!

输入所需参数的值,然后单击“确定”。如您所见,我们检索此mysql过程的输出,因为我们有SQL代码从JDBC驱动程序获取结果集: ?...要查看它,请在调用说明计划后单击工具上的“ 显示可视化”按钮: ? SQL编辑 上下文信息在编辑包中的大型过程,有时在其上下文中刷新内存是有用的,即现在正在编辑的特定过程或包。...跳到关闭括号/报价之外从此版本开始,您可以通过按Tab键在结束括号之外导航或关闭引号 。请注意,这仅在第一次输入参数或值时有效。...导航 从“ 查找操作”分配快捷方式以前,如果使用 默认键盘映射,则无法从“ 查找操作”中指定快捷方式。我们已修复此错误,现在它适用于任何键盘映射和任何布局。一个很好的理由提醒你,这是可能的!...导航允许您通过相应的操作按名称跳转到任何表,视图或过程,或直接从SQL代码中的用法跳转到任何表,视图或过程。 ? ? 总的来说,DataGrip是一个面向管理员和SQL开发人员的综合数据库IDE。

1.3K20

再见,Navicat!这个 IDEA 的兄弟,真香!

输入所需参数的值,然后单击“确定”。如您所见,我们检索此mysql过程的输出,因为我们有SQL代码从JDBC驱动程序获取结果集: ?...要查看它,请在调用说明计划后单击工具上的“ 显示可视化”按钮: ? SQL编辑 上下文信息在编辑包中的大型过程,有时在其上下文中刷新内存是有用的,即现在正在编辑的特定过程或包。...跳到关闭括号/报价之外从此版本开始,您可以通过按Tab键在结束括号之外导航或关闭引号 。请注意,这仅在第一次输入参数或值时有效。...导航 从“ 查找操作”分配快捷方式以前,如果使用 默认键盘映射,则无法从“ 查找操作”中指定快捷方式。我们已修复此错误,现在它适用于任何键盘映射和任何布局。一个很好的理由提醒你,这是可能的!...导航允许您通过相应的操作按名称跳转到任何表,视图或过程,或直接从SQL代码中的用法跳转到任何表,视图或过程。 ? ? 总的来说,DataGrip是一个面向管理员和SQL开发人员的综合数据库IDE。

1.6K10

14个你必须要知道的ubuntu快捷键

想要使用工作区吗?只需按下 Super 键,您就可以在屏幕右侧看到工作区选项。...[在这里插入图片描述] 5、 Super+A:显示应用程序菜单 您可以通过单击屏幕左下角的 9 个点打开 Ubuntu 18.04 GNOME 中的应用程序菜单。...当光标在所需的应用程序上,松开 Super 和 Tab 键。 默认情况下,应用程序切换器从左向右移动。 如果要从右向左移动,可使用 Super+Shift+Tab 快捷键。...8、 Super+M:切换到通知 GNOME 中有一个通知,您可以在其中查看系统和应用程序活动的通知,这里也有一个日历。 通知 使用 Super+M 快捷键,您可以打开此通知。...12、 Ctrl+Alt+箭头:切换工作区 如果您是使用工作区的重度用户,可以使用 Ctrl+Alt+上箭头和 Ctrl+Alt+下箭头在工作区之间切换。 13、 Ctrl+Alt+Del:注销 不!

4.1K00
领券