文档建议反馈控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

iOS 8人机界面指南（三）：iOS技术（下）- 腾讯ISUX

（注意缩放操作在iPhone上并不适用。） 当然，在导航视图中显示文件预览可以在导航栏上放置特定的预览控件。（如果你的视图有工具栏，Quick Look会将预览控件放在工具栏上。）...当人们想要获得关于某条路线的更多交通信息时，地图也可以显示能提供路线选择的应用列表——既包括安装在设备上的应用也包括应用商店中的应用。 ? 路线选择应用可以提供当前选择的路线有关的信息。...举个例子，你可以： 1.列举出适合当前情境的标准菜单的命令 2.在菜单显示前判定菜单的位置，以便防止你App界面中重要的信息被遮盖 3.定义当用户双击时会显示默认被选择的对象的菜单 你不能改变菜单本身的颜色和形状...相似地，如果有对象被选择的时候，菜单中不应该包括选择（命令）。如果你在自定义页面中支持编辑菜单，你就有责任确保菜单中显示的命令切合当前的情境。...保持自定义菜单项的数量在合理的范围内 你不应该用太多选择淹没你的用户。 使用简洁的名称命名你的自定义菜单项并确保名称能准确的描述命令的作用 通常，项的名字应该是一个可以描述行为如何执行的动词。

1.9K40
您找到你想要的搜索结果了吗？
是的
没有找到

iOS 9人机界面指南(三)：iOS 技术 (下) - 腾讯ISUX

当人们想要获得关于某条路线的更多交通信息时，地图也可以显示能提供路线选择的应用列表(包括安装在设备上的应用也包括应用商店中的应用)。 ? 路线选择应用可以提供当前选择的路线有关的信息。...如果必要的话，你可以给用户提供打开地图，获取这部分路线的步行或驾车方向指示的方式。 当用户从地图应用切回你的应用时，不要要求他们重复输入信息。...举个例子，你可以： 列举出适用于当前情境的标准菜单的命令 在菜单显示前判定菜单的位置，以避免你应用的用户界面中的重要信息被遮盖 定义当用户双击展开菜单时会被默认选中的对象 你不能改变菜单本身的颜色和形状...相似地，如果有对象被选择的时候，菜单中不应该包括选择(命令)。如果你在自定义页面中支持编辑菜单，你就有责任确保菜单中显示的命令切合当前的情境。 依据你的页面布局调节菜单显示。...保持自定义菜单项的数量在合理的范围内。你不应该用太多选择迷惑你的用户。 使用简洁的名称命名你的自定义菜单项并确保名称能准确的描述命令的作用。通常，项的名字应该是一个可以描述行为如何执行的动词。

1.3K30

Android Studio 3.6 发布啦，快来围观

首先定义JNI声明，然后在C / C ++文件中键入“ jni”或方法名称来激活。 ? 未使用的 native implementation functions 在源代码中突出显示为警告。...（可选）点击添加目的地，将更多停靠点添加到路线中。 7.为路线指定名称，然后点击保存。...3.在 Secondary displays 菜单中，执行以下一项操作： a.选择一种预设的宽高比 b.选择自定义并为自定义显示设置高度，宽度和dpi。 4....Linux上的键映射冲突 在Linux上，某些键盘快捷键与默认的Linux键盘快捷键以及流行的窗口管理器（例如KDE和GNOME）的键盘快捷键冲突。...这些键盘快捷键可能无法在Android Studio中正常工作。 2. Chrome操作系统上的小界面文字 在Chrome操作系统上，文本看起来可能比以前的版本小得多。

8.9K20

vuejs中的组件以及父子组件间通信传值

在切换到写Vuejs代码中,你不需要去关注dom层操作,更多的精力是放在处理数据上,数据是什么,就让页面显示什么,操作数据，就是在操做view(视图),这与JQuery是不一样的,编程思路是需要进行转化的...，在应用状态改变时,vuejs能够智能地计算出重新渲染组件,并以最小代价并应用到DOM操作上 MVVM模式:其中M:model数据模型,V:view视图模板,而VM(观察者,vue帮我们实现了的):view...,遍历元素等,添加事件,需借助原生方法或者jQuery提供的方法操作dom，而vuejs,它关注点是数据,数据是什么,就让页面显示什么,并通过在模板中绑定指令,属性的方式与数据进行关联,数据与方法进行分离...on()方法时，添加的事件处理程序适用于当前及未来的元素(比如由脚本创建的新元素)如果移除事件处理程序，则使用off()方法,要绑定在父级元素上，而且在低jQuery版本中不支持这个方法...),触发当前实例上的事件。

20.4K10

7 个简单的 VueJS 小技巧，助力你成为更好的开发者

在尝试后，我越来越喜欢编写 VueJS 代码，但我遇到了一些问题，后来，都一并解决了，这些问题，如果我当初早点知道的话，也许会好很多。...1、在多条路线中使用一个组件 这是开发人员遇到的一种非常常见的情况，即多个路由解析到同一个 Vue 组件。 然而，问题在于 Vue 优化了你的应用程序并重用现有组件而不是创建新组件。...此外，VueJS 生命周期钩子会在触发时发出自定义事件。事件名称是“hook：”hook+本身的名称（例如，hook：创建） 结合这两个技巧，我们可以编写用于在挂载方法内部添加和删除的代码。...它甚至在VueJS 官方样式指南中被列为“优先级 A：基本”样式规则。 为什么重要？ 它基本上可以从现在的你中拯救未来的你。在设计大型项目时，很容易忘记你用于prop的确切格式、类型和其他约定。...这只是需要时间，但是在花费越来越多的时间在 VueJS 中工作并致力于学习顶级技巧、最佳实践和新方法之后，你很快就会成为超级开发人员。 结论 这些绝不是 VueJS 技巧的完整列表。

2.1K20

微前端说明以及使用

微前端概念 类型一样，只不过微前端是用fetch去请求js并渲染在指定的DOM容器。 ·  跟技术栈无关，任何前端技术栈都可以接入。...·  原理是通过在主应用引入每个子应用的入口文件(main.js)，进行解析，并指定渲染的容器 2. 什么时候需要用到微前端 庞大的系统需要拆分给不同团队去做时。...  },   }, }; 设置唯一端口，在.env里面设置端口号，这里端口号没有说必须要这里设置，你也在其他地方设置，看你项目设计而定，但是端口号必须唯一，不跟已有应用发生冲突 c．在src下新建一个...2、配置菜单 此系统中因无菜单管理，相关菜单需要在数据库中配置。...a、新增菜单 b、配置角色与菜单对应关系 c、主应用中新增子应用菜单路由 d、主应用访问子应该菜单（成功显示） 3、主应用概述 技术栈：vue+vue-router+vuex+ivew/vant

1K20

Vue的一些命名规则与SPA实现思路

4.3 append      设置 append 属性后，则在当前 (相对) 路径前添加基路径。...LESS 为 Web 开发者带来了福音，它在 CSS 的语法基础之上，引入了变量，Mixin（混入），    运算以及函数等功能，大大简化了 CSS 的编写，并且降低了 CSS 的维护成本，就像它的名称所说的那样....然后, 由页面中js解析获取的数据, 展示在页面中  传统多页面应用程序：      对于传统的多页面应用程序来说, 每次请求服务器返回的都是一个完整的页面 优势 减少了请求体积，加快页面响应速度...，降低了对服务器的压力      更好的用户体验，让用户在web app感受native app的流畅 2....的路由可实现多视图的单页Web应用(基于html的SPA) 3.0 引入依赖库         https://router.vuejs.org

1.8K10

SAP最佳业务实践:返工处理（在制品）(202)-2生产处理

在 更改路径:工序总览 屏幕上，选择工序编号 0020 并选择 (NWBC: 更多…®)转至 ® 触发点一览。 如果你还同时安装了最佳业务实践行业扩展包,在弹出的复制数据对话框中，选择否。 3....在 更改路径:工序触发点 屏幕上输入以下内容： 字段名称用户操作和值注释触发点用途00004 描述插入工序集 功能设置标识 ? 1....标记插入参照工序设置并选择参数。 3. 在 功能的参数 屏幕中，忽略消息并输入以下内容： 字段名称用户操作和值注释参数组YBREW 组计数器1 ? 1....在产量 字段，输入产量（订单数量 – 报废数量）并选择回车。 3. 选择保存。 4. 返回用户菜单。 显示生产订单。要访问该事务，请从下表选择一个导航选项：CO03 1....在 生产 订单 显示:抬头屏幕上，选择 工序 概览 (F5)。 3. 注意，已添加并下达了返工工序0022。 4. 选择 返回 返回到 SAP轻松访问 屏幕。

2.7K60

「译」 用 Blazor WebAssembly 实现微前端

Blazor 的路由组件指定搜索可以访问的路由组件的程序集，当用户访问到路由菜单，路由组件也负责渲染，在应用的路由组件(App.razor) 添加一个 OnNavigateAsync 的回调，当用户第一次直接从浏览器导航到路由时...，并在找到任何新路线时更新路线集合。...OnNavigateAsync内部，实现了要指定加载哪些程序集，Options 包含了一个在OnNavigateAsync方法内部的条件检查，将路由映射到程序集名称的查找表中，这些名称可以注入到组件中，...JS发起了网络调用，获取程序集然后加载到在浏览器中的WebAssembly上执行的运行时中。...下图显示了导航到 Waels Magic 选项卡后如何按需加载 WaelsMagicComponent，由于应用程序避免在启动时下载所有dll，所以可以加快 Blzaor 程序的启动时间。 ?

2.6K20

用 Blazor WebAssembly 实现微前端

Blazor 的路由组件指定搜索可以访问的路由组件的程序集，当用户访问到路由菜单，路由组件也负责渲染，在应用的路由组件(App.razor) 添加一个 OnNavigateAsync 的回调，当用户第一次直接从浏览器导航到路由时...，并在找到任何新路线时更新路线集合。...OnNavigateAsync内部，实现了要指定加载哪些程序集，Options 包含了一个在OnNavigateAsync方法内部的条件检查，将路由映射到程序集名称的查找表中，这些名称可以注入到组件中，...JS发起了网络调用，获取程序集然后加载到在浏览器中的WebAssembly上执行的运行时中。...下图显示了导航到 Waels Magic 选项卡后如何按需加载 WaelsMagicComponent，由于应用程序避免在启动时下载所有dll，所以可以加快 Blzaor 程序的启动时间。

2.9K00

团队技术文档构建利器vuepress上手实践

3.1.8 Git 仓库和编辑链接 3.2 样式编辑 3.2.1 默认样式覆盖 3.2.2 自定义页面类 4. markdown 扩展操作 4.1 Emoji 4.2 目录 4.3 自定义容器 4.4 在代码块中高亮显示行...3.1.2 导航栏(navbar) themeConfig.nav 导航栏包括 左侧页面标题、搜索框、导航栏链接、多语言支持、仓库链接，支持下拉分组菜单，还支持在全局或单页面中禁用。...，但是自动生成只能生成当前页。...3.1.5 最近更新 themeConfig.lastUpdated 选项允许获取每个文件的最后一次 git 提交的 UNIX 时间戳（ms），并以合适的格式显示在每个页面的底部。...3.1.7 上一页 / 下一页链接(prev / next links) 可以在每个页面设置上下页链接。

1.3K20

借助小程序·云开发制作校园导览小程序丨实战

此外，我还根据对市面上的同类应用进行设计上的研究，在界面和交互设计上做功夫。下面我会进行简短的介绍。...icon: "shfw", // marker默认图标，为场景名称拼音缩写 scale: 15.0, // 场景在地图上的缩放值，可选。... FAB 与侧边栏设计 把最主要的定位、搜索和路线推荐功能在视觉上成为整体，通过点击 FAB 弹出菜单选项。侧边栏的地点场景菜单设计为下拉滚动，注意使用半遮设计来提醒用户滚动。...同时，为了让界面更加精简，侧边菜单会在点击 FAB（Float Action Button）和母按钮时 toggle 显示与隐藏。...aHR0cHM6Ly9wdXVpLnFwaWMuY24vdnVwbG9hZC8wLzE1NzA3ODA0ODEwMDVfZTA2dm5hMjZ0Z3AuZ2lmLzA#pic_center] 用点击代替滚动 - scroll-into-viewundefined在路线面板和搜索页中

9.2K63

使用vue封装右键菜单插件

我记得好久之前，我用Vue CLI 2.x创建项目时，可以选择当前要创建的项目是插件还是web项目，现在用的是Vue ClI 4.x了，在创建项目时没看到有这个选项。...使用createApp来加载组件，向组件内部传值，创建一个组件容器 创建一个div元素，将刚才的组件容器挂载到这个div元素上 销毁组件 完成上述操作后，我们就实现了让右键菜单显示到指定位置，但是要怎么隐藏它呢...中注册指令并显示菜单 接下来，我们在插件的install方法中，注册一个vue指令rightClick，拦截它的右键事件，获取组件传过来来的参数，挂载组件，渲染右键菜单。...} // 追加右键菜单数据 for (let i = 0; i < textArray.length; i++) { // 右键菜单对象, 添加名称...} // 鼠标点的坐标 const oX = e.clientX; const oY = e.clientY; // 动态挂载组件，显示右键菜单

2.6K30

【编程鹿】学Vue.js这一篇就够了「万字学会|通俗易懂」上篇

数据 当Vue实例被创建时，它会尝试获取在data中定义的所有属性，用于视图的渲染，并且监视data中的属性变化，当data发生改变，所有相关的视图都将重新渲染，这就是“响应式“系统。...$root ：当前的 Vue 实例。 Vue在实例化的过程中，会调用这些生命周期的钩子，给我们提供了执行自定义逻辑的机会。...在数据未加载完成时，页面会显示出原始的 {{}} ，加载完毕后才显示正确数据，称为插值闪烁。...通俗的来说：过滤器是对即将显示的数据做进一步的筛选处理，然后进行显示，值得注意的是过滤器并没有改变原来的数据，只是在原数据的基础上产生新的数据。...其key就是子组件名称 其值就是组件对象的属性 效果与刚才的全局注册是类似的，不同的是，这个counter组件只能在当前的Vue实例中使用 组件通信 通常一个单页应用会以一棵嵌套的组件树的形式来组织：

12.3K20

Vue

但不必担心，因为所有的 Vue.js 事件处理方法和表达式都严格绑定在当前视图的 ViewModel 上，它不会导致任何维护上的困难。...看看我的解释： 如果 ref 用在子组件上，指向的是组件实例，可以理解为对子组件的索引，通过$ref 可能获取到在子组件里定义的属性和方法。...如果 ref 在普通的 DOM 元素上使用，引用指向的就是 DOM 元素，通过$ref 可能获取到该 DOM 的属性集合，轻松访问到 DOM 元素，作用与 JQ 选择器类似。...在父级作用域中（应用的地方），加上template标签并添加 v-slot指令，接着赋值任意的名称，最后就可以使用刚刚自定义的名称来访问传过来的数据了 */...-- current-page 当前页码数 page-sizes 显示条数选项 page-size 当前每页条数 --> <el-pagination

6.2K41

强烈推荐一个技术栈丰富的微电商项目luban-mall

后面项目的业务模块多了和复杂起来之后，为了减少项目的耦合度才开始按照相互独立的业务模块拆分出微服务，走分布式系统架构路线。...root账户给其授权后就可以使用druid账户登录连接mysql的mall数据库，在客户端命令控制台中将项目根目录下的document/sql/mall.sql脚本拷贝进去并执行建表和插入数据了 3.2...项目启动成功后控制台显示服务运行在 http://localhost:8090 luban-web-admin项目启动成功信息 6 电商后台管理项目效果体验 前后端项目启动成功后，在谷歌浏览器中输入...每个大菜单下都有相应的子菜单模块，读者可以自己点击相应的子菜单按钮，进入相应的操作页面。...以下是商品菜单下的商品列表页面： 商品列表页面 7 小结 本文对鲁班电商项目进行了后端到前端项目的环境搭建以及依赖的 Mysql、Redis、MongoDB 和 Elasticsearch 等第三方中间件服务的安装和配置并修改后端三个模块项目的应用启动配置文件中对应的配置项

1.1K10
点击加载更多

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

更多标签

活动推荐

    运营活动

    活动名称
    广告关闭

    腾讯云开发者

    扫码关注腾讯云开发者

    扫码关注腾讯云开发者

    领取腾讯云代金券

    热门产品

    热门推荐

    更多推荐

    Copyright © 2013 - 2024 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

    深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

    腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287

    领券