- 综合排序
- 最热优先
- 最新优先
- 来自专栏体验主义
导航设计的10种模式
产品的导航系统，是产品的信息结构在用户界面上的展现方式。移动端产品导航的设计没有最好之说，只有最合适，根据你的产品采取最合适的导航设计。 纵观应用市场上的APP，导航设计的模式总是几种的组合使用。 下面我们来看一下常见的10种导航设计模式。 07 下拉式/菜单导航 描述： 与抽屉式导航的目的相同，都是为了突出内容。 10 组合式 描述： 一个网站或者APP内不可能只用一种导航，通常都是组合来使用。在不同使用场景下根据实际需要进行选择。但是通常主导航会对这个产品的格调起决定性作用。 总结 1.底部tab式 2.顶部标签式 3.轮播式 4.宫格式 5.卡片式 6.抽屉式 7.下拉式 8.列表式 9.弹窗式 10.组合式 导航可能不单单只有这几种，可能大家的叫法也不尽相同。
5K40发布于 2020-04-08 - 来自专栏软件技术交流
安卓10系统如何增加双导航栏
安卓系统默认支持一个导航栏和一个状态栏，有时客户需求双边按键或者三屏分开显示，例如左右显示按键中间为界面显示或者左边显示仪表盘中间显示导航界面右边显示车速时钟等，这种情况使用一个导航栏无法实现 安卓代码中实现导航栏的代码在frameworks\base\services\core\java\com\android\server\wm\DisplayPolicy.java文件中，从代码中我们看到系统创建了一个名为 NavigationBar的BarController，然后通过layoutNavigationBar实现了导航栏的布局，那么要实现双导航栏，则我们只需增加一个BarController，并实现导航栏的布局就行 FLAG_TRANSLUCENT_NAVIGATION, View.NAVIGATION_BAR_TRANSPARENT); 2，在prepareAddWindowLw函数中添加导航栏 mNavigationBarController2.checkHiddenLw(); } 除此之外还需进行左右逻辑控制和一些布局调整，这样应用就可以通过TYPE_NAVIGATION_BAR_PANEL类型设置来显示另外一个导航栏了
2.6K41编辑于 2023-05-24 - 来自专栏夏天的前端笔记
每天10个前端小知识 【Day 10】
前端面试基础知识题 1. es5 中的类和es6中的class有什么区别？ 在es5中主要是通过构造函数方式和原型方式来定义一个类，在es6中我们可以通过class来定义类。 10. Promise.all 和 Promise.allSettled 有什么区别？
47410编辑于 2024-01-18 - 来自专栏从零开始学自动化测试
Cypress学习10-Navigation 导航功能(go,reload,visit)
前言 web页面上的导航功能，上一页，下一页，重新加载页面，直接访问页面。
61130发布于 2020-05-25 Flutter for OpenHarmony前置知识《Flutter 路由与导航完整教程》
零基础入门到项目实战 Electron适配开源鸿蒙专栏：Electron for OpenHarmony 本文章所属专栏：Flutter for OpenHarmony Flutter 路由与导航完整教程 （2025 年版） 在 Flutter 应用开发中，路由（Routing）与导航（Navigation） 是构建多页面应用的核心机制。 本文将带你从基础到进阶，全面掌握 Flutter 的路由与导航。 一、什么是路由与导航？ 路由（Route）：代表应用中的一个“页面”或“屏幕”，可以理解为 URL 对应的视图。 导航（Navigator）：负责管理这些路由的堆栈（stack），控制页面的进入与退出。 二、基础导航：使用命名路由 vs 非命名路由 1. 非命名路由（匿名路由） 适用于简单场景，直接传递 Widget 实例。
16000编辑于 2025-12-21- 来自专栏前端干货和生活感悟
前端小知识10点(2020.9.13)
(0, 2)); // [1, 2] console.log(arr) // [3, 4, 5, 6] 9、git删除远程分支 git push origin --delete <branch> 10
66221发布于 2020-09-18 - 来自专栏前端干货和生活感悟
前端小知识10点（2019.6.25）
前言： 这里记录我工作、学习中值得注意的小知识点，希望对你有所帮助。 10、js禁止excel格式转化（重要！）
75220发布于 2019-09-05 - 来自专栏前端干货和生活感悟
前端小知识10点(2020.6.28)
light类 的元素执行 .light{ } .item{ &:not(.light):hover{ color: #FE6225 } } 10
51710发布于 2020-07-02 - 来自专栏前端干货和生活感悟
前端小知识10点（2019.5.18）
let arr=[] arr[10]=11 console.log(arr.length); //11 arr[-1]=-1 console.log(arr.length) //11 let str=comment.split(/\r\n|\r|\n/g).join('
10
')41430编辑于 2022-03-28 - 来自专栏前端干货和生活感悟
前端小知识10点（2019.9.29）
注意： 需要设置一个 flag 保存在 localStroage 中，作为页面滚动的tirgger 如果是跨域的话，可以通过router，判断前一个 router 是否是 页面 A 的 router 10
1.2K10发布于 2019-10-08 - 来自专栏前端干货和生活感悟
前端小知识10点(2020.10.8)
1、redux的compose实现 例： const add = num => num + 10 const multiply = num => num * 2 const foo = compose ] ，不改变原数组 // 从倒数第二个 index 开始截取，到倒数第一个 index 结束（不包括 -1） arr.slice(-2,-1) // 左开右闭，返回[2] ，不改变原数组 10
72141发布于 2020-10-26 - 来自专栏前端干货和生活感悟
前端小知识10点（2019.5.27）
/IE需要这么写 svg.attr('transform', `rotate(180,0 0)`) 详情请参考：https://www.zhangxinxu.com/wordpress/2015/10 详情请参考：https://www.zhihu.com/question/22818104 10、浏览器类别判断 window.navigator.userAgent console.log(window.navigator.userAgent
78210编辑于 2022-03-28 - 来自专栏前端干货和生活感悟
前端小知识10点(2020.3.20)
请看： 前端小知识10点(2020.2.10) 3、React中suppressContentEditableWarning属性是什么意思？ JSON.parse()转换即可 const a="['a','b','c']" console.log(JSON.parse(a.replace(/'/g,'"'))) //["a", "b", "c"] 10
1.4K00发布于 2020-04-01 - 来自专栏前端干货和生活感悟
前端小知识10点(2020.12.27)
function circle(r){ return pi = Math.pow(r,2) } Shape.circle = circle })(Shape || (Shape = {})) 10
48630发布于 2021-01-04 - 来自专栏学习
MySQL【知识改变命运】10
列的值相等 # 在where⼦句中加⼊连接条件 mysql> select * from student, class where student.class_id = class.id; 这里有个新的知识点
30910编辑于 2024-10-21 - 来自专栏前端干货和生活感悟
前端小知识10点(2020.2.10)
://zh-hans.reactjs.org/blog/2018/03/27/update-on-async-rendering.html#updating-state-based-on-props 10
2K30发布于 2020-02-24 高价值技术知识筛选框架——AI时代技术人的知识导航图
因为缺了一张“知识导航图”你是不是每天打开GitHub、CSDN、知乎、B站，看到“大模型微调”“低代码平台”“云原生架构”“Agent系统”这些热词就头大？ 信息如海啸般涌来，而绝大多数技术人却没有一张“知识导航图”——无法区分哪些是高价值知识（值得深钻、长期复利），哪些只是低价值信息（短期热点、快速过时）。 于是我们陷入一个恶性循环：想学→不知学啥→跟风收藏→学了没用→更焦虑→更盲目本文为你拆解一套经过10年技术咨询+数百位工程师实战验证的高价值技术知识筛选框架。 能精准识别高价值知识的人，才能构建长期竞争力。二、核心支柱1：价值评估模型——技术知识的四层金字塔要解决筛选问题，必须先建立知识价值的评估标准。 六、行动指南：现在就开始构建你的知识导航图这套框架不是“银弹”，但它能帮你从被动接收转向主动筛选。
35011编辑于 2025-11-28- 来自专栏全栈程序员必看
激光导航和slam导航区别_激光导航和视觉导航的区别
最底层就是机器人本身的电机驱动和控制部分，中间通信层是底层控制部分和决策层的通信通路，决策层就是负责机器人的建图定位以及导航。 本文主要研究激光SLAM(构建2D地图和导航)，所以只探讨决策层这一层的实现。我们在已有机器人最底层的前提下，采用ROS提供的Gmapping包和Navigation栈作为机器人的决策层。 2、导航基本原理 Navigation栈[是否为Navigation包]是一个获取里程计信息、传感器数据和目标位姿并输出安全的速度命令到运动平台的2D导航包的集合。 (1) 定位 机器人在导航的过程中需要时刻确定自身当前的位置，Navigation 栈中使用amcl包来定位。 (2)路径规划 路径导航部分则使用move_base包，move_base能够获取机器人周围信息（如激光雷达扫描结果）并生成全局与局部的代价地图，根据这些代价地图可以使机器人绕开障碍物安全到达指定的位置
3.4K20编辑于 2022-09-24 - 来自专栏前端干货和生活感悟
前端小知识10点（2019.5.2）
let obj={'哈哈':1} const {'哈哈':b}=obj const {a:{'嘿嘿':b}}=obj console.log(b,'b24') //1 10、对象解构赋默认值
49420编辑于 2022-03-28 - 来自专栏信数据得永生
NumPy 基础知识 ：6~10
我们希望方波频率为 10Hz，幅度为 1，因此我们将每 20 个时间间隔（200/10）设置为值 1，来模拟波浪并将其传递给傅立叶变换，如下面的代码块所示： In [13]: x = np.zeros( 让我们创建一个包含 10 个随机整数的简单信号数组，并计算其傅里叶变换： In [38]: a = np.random.randint(10, size = 10) In [39]: a Out[39 我们还完成了图像插值的实际应用，并且由于了解matplotlib包的一些基础知识而获得了加号。 在下一章中，我们将看到如何使用numpy.distutils()子模块分发代码。 不期望有金融知识； 但是，我们假设您对蒙特卡洛模拟有基本的了解： defprice_european(strike = 100, S0 = 100, time = 1.0, rate = 0.5, 接下来，我们将介绍创建netCDF4文件并将三维 NumPy ndarray作为变量存储的基础知识： In [11]: import numpy as np In [12]: time = np.arange
3K10编辑于 2023-04-23
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号