标签：VBA 在《VBA应用示例：根据工作表中的信息制作带图像的人员卡片》中，我们使用一些代码，根据工作表中人员的图像、姓名、年龄等信息，自动制作相应的人员卡片。...下面，我们对这个示例进行扩展，使其制作人员信息卡片更加方便。 如下图1所示，在工作表Sheet1中有一系列人员信息数据，包括人员照片、姓名、年龄，等。...图1 现在，要根据这些人员信息来给每个人制作信息卡片，模板如下图2所示。 图2 可以使用《VBA应用示例：根据工作表中的信息制作带图像的人员卡片》中给出的VBA来自动完成图2中人员信息卡片的填充。...此外，还可对其进行扩展，使得图像显示更好。...CreateObject("Scripting.FileSystemObject").DeleteFolder "C:\AAAAA_Names" End Sub 下面的过程在工作表Sheet2的人员信息卡片中插入图像
1.场景说明 点击A页面的物料待审核卡片项，跳转到B页面的对应的物料待审核的列表项 点击A页面的转派待审核卡片项，跳转到B页面的对应的转派待审核的列表项 A页面 B页面 2.具体实现思路 在...B页面我是做了for循坏的，因为列表的整体是差不多的，只是要求放入数据进去。...从A页面跳到B页面的关键思路就是“一个握手的操作”，意思就是B页面要拿到A页面跳到B页面的具体参数，即是根据什么标签来跳的，可以看看接口文档，像我当前这个就是根据orderId（工单编号）还有auditType...（审核类型）来进行跳转的，那么就把这两个参数写在onload里面，options代表的是上一个页面的值（即A页面的值）。...同理，在做其他页面跳转的时候也就是要拿到上一个页面要传的参数，来进行一个对应的跳转。
在2018 MongoDB全球用户大会上，我和Coinbase 工程师Michael de Hoog以及Jordan Sitkin一起发表了主题演讲，向参会者介绍了Coinbase在2017年所获得的经验教训以及我们当前是如何进行平台扩展工作的...然而，这些容易实现的成果越来越少，而流量仍在不断增长。...某种拙劣的指纹识别算法可能会将大量用户不平衡地分配给同一台设备，导致单台设备对象被分配了大量的用户标识数组。...有了这些修复操作以及其他活动所积累的经验，我们已能够经受更大的流量激增所带来的考验。 ?...我们面临的挑战是如何从一个跨越多台应用服务器的集群同时捕获MongoDB数据库的全部流量。
第一篇为组件封装后的使用文档及介绍 第二篇为组件的实现思路以及细节 第三篇为将组件打包并上传至npm，如何实现按需加载和下载后使用的问题 这是vue实现的拖动卡片组件，主要实现了： 拖动卡片与其他卡片的位置更换...，并且其他卡片根据拖动的位置自动顺移，位置数据实时更新 拖动的时候可使用鼠标滚动 卡片根据数据生成，所有参数和内容都是可以自定义的，方便应用于不同场景 不同操作的事件都可获取到，拖动后的位置数据会实时更新...Slot（插槽） 首先先介绍一下，卡片内容分为上下两部分： 上部分为卡片的标题栏，并且拖拽事件只有点击上部分才触发 下部分为卡片的内容 两个部分都是可以进行自定义内容及样式的。...> slot > 默认内容 Events（事件） startDrag 事件作用： 在点击卡片顶部标题栏的时候，触发此函数 事件参数： startDrag(event,id) 第一个参数event，是点击事件的原生...未来计划 如果有需要的话我再封装个react版本 修改其他需要的参数和进行扩展 ?
通过构建 Bored API 应用学习如何使用 API Bored API 应用可以在你无聊的时候建议你做些有意思的事！ 技术上来说，这也演示了如何在 Streamlit 应用内使用 API。...# （比如点击按钮）然后再将更新后的数据传给回调函数 # # 有关 Monaco 其他可用参数的说明，请见...# Streamlit 也不会立刻接收到，因此不会每次都重新运行 # 因此我们需要另一个非延迟的事件来触发更新...# 而期间其他延迟调用了的回调函数也会被一并执行 mui.Button("Apply changes", onClick=sync()) # 第二个卡片...mui.CardHeader(title="Chart", className="draggable") # 和前面一样，我们想要让我们的内容随着用户缩放卡片而缩放
在探索过程中，我们也迭代了以下3点认知： 首先，单列列表中，越原生的卡片（和主流卡片相似度高），对于用户的干扰越小，也更容易被用户接受，从而产生点击、成单等行为。...因此，最直观的指标就是对比交互式卡片和首页Feed其他卡片的转化率，但这两类卡片对比，会存在三种偏差： 人群偏差：交互式推荐曝光人群是产生过点击的用户，这部分用户群体的转化率天然高于“大盘”。...位置偏差：交互式推荐卡片由用户点击触发，由于排在前面的商家往往更容易被点击，因此交互式卡片的曝光位置相对更加靠前。...而交互式推荐的产品特性是将原来曝光在首页Feed的卡片依次往后挤压，因此只有当交互式推荐卡片的转化率高于原本该位置的卡片（也就是后来被挤压到交互式卡片的下一位的卡片）的时候，交互式推荐才能产生正面效果。...未来，我们将从以下方向进行探索优化： 优化产品形态：从定制推荐理由、触发时机等多个角度继续优化交互式推荐的产品功能，并将动态化推荐能力扩展到外卖其他场景。
组合考虑jero和lqlong的意见后，理想实现应该是将单个课程卡片也提取为组件，然后在课程面板中调用单课程卡片组件。 需要一个组件基类来承载组件的常用属性和方法。进而从基类扩展出其它组件。...courseCard现在为单课程卡片的组件，可以单独使用，效果是渲染出单个课程卡片append到$container中。也可以被coursePannel课程面板组件使用，添加多个到课程面板中。...* @param {Object} courseInfo - 被点击课程信息 * @description 点击某个课程卡片后的回调函数 */...* @param {Object} courseInfo - 被点击课程信息 * @description 点击某个课程卡片后的回调函数 */...： 实现组件基类，基类中定义了组件应该具有的基本属性和方法，通过基类扩展出来的子类保留有基类的基本特性（可覆盖），并能像基类一样再扩展出子类； 将单课程卡片提取为组件，课程面板组件调用单课程卡片组件来实现
组合考虑jero和lqlong的意见后，理想实现应该是将单个课程卡片也提取为组件，然后在课程面板中调用单课程卡片组件。 需要一个组件基类来承载组件的常用属性和方法。进而从基类扩展出其它组件。...courseCard现在为单课程卡片的组件，可以单独使用，效果是渲染出单个课程卡片append到$container中。也可以被coursePannel课程面板组件使用，添加多个到课程面板中。...* @param {Object} courseInfo - 被点击课程信息 * @description 点击某个课程卡片后的回调函数 */...* @param {Object} courseInfo - 被点击课程信息 * @description 点击某个课程卡片后的回调函数 */...实现组件基类，基类中定义了组件应该具有的基本属性和方法，通过基类扩展出来的子类保留有基类的基本特性（可覆盖），并能像基类一样再扩展出子类； 将单课程卡片提取为组件，课程面板组件调用单课程卡片组件来实现。
如果决定要采用这种方式，我们强烈建议您参考官方样式规范，以确保您的设计与系统其他样式保持一致。 最好彻底的测试一下应用的触发机制。触发过于频繁会打扰用户，导致用户将你的所有提示都关掉。...删除卡片 通过从左向右滑动可以忽略卡片流中的卡片。被忽略的卡片会在下次应用有新的信息需要展示时出现。卡片流中的卡片一旦被忽略，那么相应的信息也会同步在手机端被删除。 ? 动作按钮 ? ...好好考虑一下如何有创造性地融合这些数据。不要仅仅在时间显示的基础上，简单地罗列其他数据。而要思考如何通过时间维度来表达这些数据。...各元素之间应保持 8-16 dp的间隔。为了优化点击体验，一次最多显示 7 至 9 个点击对象。 点击区域 你可以设定不同的点击区域来触发不同的表盘变化。...虽然只有当手指离开屏幕时，点击事件才会被触发，但是手指触碰时的视觉反馈不仅能够表明系统接收到了用户的点击行为，同时也能够告知用户手指的触点位置。
/s/x8GwxAqptPj 提取码: 2yi4 [02-04-setup-loacl] 下载解压后，点击 chrome 右上角三个点，进入「扩展程序」页面 [02-03-setup-devtools]...扩展阅读：《Vue 富文本编辑器横向测评与推进》 第 3 步：如何使用 Vue Devtools 查看组件属性 [03-01-open-vue-devtools] 首先打开我们在第一步里配置的「单词卡片...在本小结里我们向第 1 步中写的组件中添加一段代码，改变一下卡片的功能和样式，整个修改过程中，你能学到如何使用 Vue Devtools 进行测试。...现在，我们已经在 Vue Devtools 中成功修改了属性，下一节我们来实践如何在浏览器测试触发事件。...扩展阅读：《低代码开发工具 appsmith 怎么样，如何使用》 第 5 步 ：如何使用 Vue Devtools 测试触发事件 我们除了可以使用 Vue Devtools 调试处理数据和组件属性之外，
导航设计的目的就是需要突出产品的核心，扁平化用户的任务路径。让用户能够顺利的在产品中畅行，让用户时刻清楚自己在应用中所处的位置，及如何前往目的页面。...优点： 可见性好，位置明显，易于发现，它能让用户直观了解到APP的核心功能； 操作性好，用户很方便就能触及到这个区域，并可在几个标签中快速切换且不会迷失方向，简单而高效； 符合习惯、ios原生控件，开发简单...优点： 扩展性好：标签的个数没有上限，不过太多的话，越是后面的页面渗透率会越低； 占据空间小：相比于底部Tab，顶部Tab一般占据的空间更小（因为不需要考虑手指点击，所以可以把区域缩小，只选用图标或者文字即可...，例如对设置、关于、个人信息等内容的隐藏； 更多的被应用于信息流产品设计中，这类产品注重核心内容的展示，用户的任务路径较为单一，几乎都是用于浏览产品的核心内容；至于其他比较低频的模块入口则会隐藏在当前界面后方...一般位于产品顶部，通过点击呼出导航菜单； 通常用来筛选同一信息模块下不同类别的信息，或者快速启动某些常用的功能模块，而不需要频繁的页面跳转 ； Android中对应的控件为spinner控件，但该控件用于同一类别下不同视图之间的切换
虽然我们可以用 SpriteKit 把 2D 的卡片放置到 3D 的 AR 世界中，但是考虑到扩展性，方便之后为 AR 页面添加新的功能，这里我们选用 3D 渲染引擎 SceneKit。...追踪模式，由于没有追踪设备的水平位移，当用户走向商家时，并不会发觉商家卡片越来越近 这里我们将距离用户过近的卡片映射到稍远的位置。...这样既解决了距离过近的问题，又可以保持卡片之间的远近关系。用户位置发生位移到达一定阈值后，会触发一次新的网络请求，根据新的用户位置来重新计算商家的位置。这样随着用户的移动，卡片的位置也会持续地更新。...点击散开的交互方式 经过漫长的讨论，我们最终决定采取点击重叠区域后，卡片向四周分散的交互方式来解决重叠问题，效果如下： ? 图10 卡片散开的效果 下面围绕点击和投射两个部分，介绍该效果的实现原理。...在 3D 世界中的 hit-testing 就像一束激光一样，向点击位置的方向发射，hitTest:options: 的返回值就是被激光穿透的所有卡片的数组。
卡片不仅仅是能够展示信息，同时卡片式设计还具有可以被覆盖、折叠、移动和滑动的特点。如此一来，更有利于扩展内容的视觉深度和可操作性了。...卡片式设计，除了能尽可能展现信息以外，其实还具有“逻辑”，即使我们超快速浏览页面，也不会因信息多而感到混乱。卡片式设计将界面用块状分割开来，让页面更加整洁、赏心悦目。...作为一个内容网站，Quora用卡片式设计解决了如何在有限的布局内平衡显示内容和用户体验。用卡片将信息组合成每个小模块，便于用户阅读。 Linkedin ?...点击目标越大，用户的操作越快，Linkedin展示内容的格式就是文本、图片、链接，当一张卡片都具备这些元素的时候，中心的图片就成为了整个卡片上最大的可点击区域。 Pinterest ?...作为卡片式设计的先驱，Pinterest的瀑布流页面设计为用户提供了一种流畅无缝的浏览体验。尽可能减少点击次数，很大程度上留住了用户。
1 -> DataAbility开发 1.1 -> 场景介绍 基于Data模板的Ability，有助于应用管理其自身和其他应用存储数据的访问，并提供与其他应用共享数据的方法。...卡片的基本概念： 卡片提供方：提供卡片显示内容元服务，控制卡片的显示内容、控件布局以及控件点击事件。 卡片使用方：显示卡片内容的宿主应用，控制卡片在宿主中展示的位置。...开发者仅需作为卡片提供方进行卡片内容的开发，卡片使用方和卡片管理服务由系统自动处理。 卡片提供方控制卡片实际显示的内容、控件布局以及点击事件。...需要注意的是，卡片使用方在请求卡片时传递给提供方应用的Want数据中存在临时标记字段，表示此次请求的卡片是否为临时卡片： 常态卡片：卡片使用方会持久化的卡片； 临时卡片：卡片使用方不会持久化的卡片； 由于临时卡片的数据具有非持久化的特殊性...2.4.4 -> 开发卡片页面 可以使用hml+css+json开发JS卡片页面： 说明 当前仅支持JS扩展的类Web开发范式来实现卡片的UI页面。
卡片设计通过提供清晰的信息结构、可视化吸引力、易扩展性和强大的交互性，为用户界面设计带来了许多优势，使得用户能够更轻松地浏览、理解和互动。...那今天就教大家如何用中继器制作卡片的模板，以及完成多条件搜索的效果，我们会以任务信息卡片为案例案例，具体实现的效果如下：一、效果展示可以在姓名输入框里输入员工姓名，点击查询按钮后可对输入内容进行模糊搜索可以选择部门和职位...，点击查询按钮后可以筛选中对应的卡片可以多个条件同时进行搜索二、制作教程1....点击查询按钮的时候，触发这个筛选的交互，如果s2的文字不等于空，我们就用筛选的交互，条件为记录的选项文字==中继器对应列的文字；如果s2的文字为空，就不需要进行筛选，两个下拉列表的筛选都是这样处理。...最后我们用触发事件触发查询按钮鼠标单击时，就可以移除筛选了，这是因为相当于对输入框里的空值进行模糊搜索，相当于所有行的内容都包含空值，所以全部都是显示出来。
点击右上角的书页标志，可以快速对编辑器页面实现水平或者垂直拆分，方便用户进行内容对照。最右侧边栏提供了三个重要功能：上方是卡片库和图谱按钮，下方是页面样式设置按钮。卡片库示意图：见右侧面板。...用户可以直接查看被引用的原文，也可以直接对原文进行编辑。用户可以在「扩展信息」中，查看当前页面所有的双向链接，以及目录、标签、备忘等内容。...每个文档可以视为多个卡片。Lattics 提供了「切分文章」的功能，即卡片拆分功能。将光标放在需要拆分的地方，点击编辑器左下方的切分文章按钮即可。...目前的设计是，需要在文档的信息面板中查看标签。一方面，目前没有支持相关的快捷键。另一方面，即便支持快捷键，事实上有相当多的用户不会使用快捷键。...以 iA Wirter、Ulysses 为例，均支持基于行、句子、段落的突出显示，而淡化其他非活动区域。而 Writeathon 则是提供了完全隐藏非活动区域的流模式。
这种广告的总互动点击率高出大盘均值 1 倍还多。 从示意图中我们可以看到，原本只能限定于视频框中播放的产品逐渐扩展到了边框之外，但似乎仍有最大界限。...在此之前，此前朋友圈广告分为常规广告、组合式卡片广告、全幅卡片广告三种，上面展示的“朋友圈出框式广告”似乎是在组合式卡片广告的基础上进行开发的，其中对于视频和图片有一定要求。...朋友圈变广告圈了 广告甚至比QQ都还多了……QQ会取消订阅的话好歹大多静态 框在广告区的广告突然开始靠近我 这标志着微信会员去广告已经提上日程了 这是要逼我关闭朋友圈啊 实际上，早在朋友圈出卡片式广告的时候...，很多人也表示无法接受，但是依然会在很多广告下面看到自己熟悉的名字，可见大家对于能够接受的内容，不管形式如何，都会关注。...而大家反感的或许并不是广告形式，而是宣传的产品为大家所不能接受。 所以，出框式广告来了，你会不会看呢？ IT技术分享社区 个人博客网站：https://programmerblog.xyz
style 用于将重复的样式给他提出来形成公共的样式,extend 用于将原生也就是系统的组件样式扩展Styles 装饰器@Styles装饰器可以将多条样式设置提炼成一个方法，直接在组件声明的位置调用。...} 使用规则@Extend只支持定义在全局,不能在局部玩,直接无法识别报错@Extend支持封装指定的组件的私有属性和私有事件和预定义相同组件的@Extend的方法可以继续在扩展的外面追加样式可以在调用时传递参数...string = 'Hello World'; // 执行操作 onClickHandler() { this.label = 'Hello ArkUI'; console.log("我被点击触发了...this 指针,makeMeClickEs2 事件里面直接进行了触发修改了文字信息....@Extend的参数可以为状态变量(相当于 vue 里面的双向绑定)，当状态变量改变时，UI可以正常的被刷新渲染,但是好像不能在扩展里面更改这个值.案例我们利用前面学到的东西搞个小案例需求如下一个头部标题下面就是一个列表
2.垃圾分类查询，输入物品名称就可以查看垃圾的详细分类，而不再害怕垃圾分类出错。 3.当前定位查看，我们可以很方便的知道自己当前的位置信息。 4.提供12，22，24，44卡片。...卡片常用于嵌入到其他应用（当前卡片使用方只支持系统应用，如桌面）中作为其界面显示的一部分，并支持拉起页面、发送消息等基础的交互功能。...这个我们在查询油价，以及处理message跳转的时候会用到。大家继续往后看就可以。 7.1油价查询（2*2） 这里我们需要学习的知识点在于卡片的创建，以及卡片数据如何交互。...提供方仅允许刷新自己的卡片，其他提供方的卡片无法刷新。 requestForm 是 1. 使用方调用。2. 仅允许刷新添加到当前使用方的卡片，添加到其他使用方的卡片无法刷新。...触发后会拉起提供方应用的指定UIAbility（仅支持launchType为singleton的UIAbility，即启动模式为单实例的UIAbility），但不会调度到前台。
物理世界中的运动和变化都是有加速和减速过程的，忽然开始、忽然停止的匀速动画显得机械而不真实。考虑动画的easing，要先考虑它在现实世界中的运动规律。...使用悬浮按钮要遵循以下规则： 建议只用一个悬浮按钮 悬浮按钮可以贴在纸片边缘或者接缝处，但不要贴在对话框、侧边抽屉和菜单的边缘 悬浮按钮不能被其他元素盖住，也不能挡住其他按钮 列表滚动至底部时，悬浮按钮应该隐藏...卡片通常是通往更详细复杂信息的入口。卡片有固定的宽度和可变的高度。最大高度限制于可适应平台上单一视图的内容，但如果需要它可以临时扩展（例如，显示评论栏）。卡片不会翻转以展示其背后的信息。 ...通过按压动作可以触发悬浮卡片(或者是全屏视图)中的 Chip 对应实体的视图，或者是弹出与 Chip 实体相关的操作菜单。 狭小空间内表现复杂信息的一个组件，比如日期、联系人选择器。 ...示例中呈现的分隔线是一种弱规则，弱到不会去打扰到用户对内容的关注。 编辑 列表中有头像、图片等元素时，使用内嵌分隔线，左端与文字对齐。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
云直播
