您可以继续学习，但是了解“我为什么要这样做”比“我在做什么”更为重要。一个很好的建议是，尝试在本教程中与我一起执行相同的步骤。然后，尝试更改一些越来越大的东西。...但是，这是我从小就喜欢的方法（出于我将要讲到的原因），也是我最能详细解释的方法。 从这里开始，我假设您对Java和Vue有基本的了解。我也不会详细介绍如何安装Node.js以及如何使用NPM。...Components 想象一下，我想为我想看的每部电影制作一张简单的卡片（标题+文字），我不想重复每张卡片的代码。一个很好的规则是DRY（Don’t Repeat Yourself）。...，我有3张卡片具有相同的标题和文本。...film添加到列表中。
自己亲手做一个天气卡片组件的想法其实很早就有了，但是做起来难度还是很大的（布局、数据源、天气展示、自适应），最终不了了之。...得到的教训就是：如果不用构建工具，又想要较为优雅地开发，template标签是必不可少的，否则维护代码简直要了我的老命。 2. 如何优雅地显示图标？...我需要保证卡片中的所有元素都能有条不紊地展现出来，我原本想要固定每一种样式的卡片宽度，这样能够确保卡片的布局总是完美的，但是会使天气卡片的泛用性大打折扣，其他使用DW的人并不会专门为了一个小组件而修改自己的布局方案...最常用的自适应方法是写媒体查询，但是我不能使用媒体查询，其他开发者在哪儿插入卡片、怎么插入卡片、卡片的父级元素是什么状态我都无从得知，我不能仅通过屏幕尺寸判断出天气卡片目前的状态。...我一度想要固定卡片宽度，事实上直到我将DW的布局和逻辑基本全部写完后，我依然没有找到很好的解决方案。
这让整个过程变得出奇的高效，我想我们节省了一些钱，因为我们喜欢坚持按清单购物。 虽然奇妙清单的用户很喜欢它，但它并不是完全独一无二的。还有无数的列表应用。...我也很喜欢用它来做一个不“活跃”文档的列表：一个我不会每周都回顾或定期进展的列表，就像我用来进行头脑风暴的许多列表一样（包括我一直想写的小说...）。...或者，如果你是那个在丢得到处都是的纸条和便签上书写任务和备注的人，这可能是尝试这些数字工具之一的好时机。...Tasks 的默认视图是每日视图，所以你输入的任何任务都被假定为从今天开始的任务。如果你像我一样，想维护几个不同的列表，你可以用标签来实现。当你创建一个标签时，你就为任务创建了一个类别。...Wekan 提供了与其他看板应用相同的功能，比如创建面板、列表、泳道和卡片，在列表之间拖放，分配给用户，给卡片贴标签，以及做几乎所有你在现代看板中期待的事情。
那么就可以通过以下方式在仪表盘上订阅相关内容到仪表盘： 第一步：根据模板创建「需求列表」卡片 ? 第二步：配置希望展示的列表视图条件 ?...「我创建的需求」 可以在仪表盘上订阅「我创建的需求」卡片列表，便捷查看相关需求的预计完成时间、当前处理人、当前状态等关键信息。...点击「添加卡片」--> 选择「需求列表」卡片模板 --> 在条件选框中选择「关注的项目」 --> 将视图切换为「我创建的」视图 --> 点击「保存卡片设置」，完成内容订阅过程。 ?...我是测试，没有一个bug能从我手边溜走 对于测试同学来说，除了要根据需求描述编写测试用例、执行测试用例、识别缺陷并记录到TAPD平台上以外，还会有很多复杂的工作。...这些卡片都是通过「需求列表」、「缺陷列表」两种卡片模板，结合对应的视图条件配置出来的，不知道有没有激发你的想象力呢？
滚出可见区域的条目将被回收，并在下一个条目可见的时候被复用。 我们可以从下图中得到更直观的解释： ? 左边的图是数据初始化后的示例，当向上滚动视图的时候，当条目不可见之后将被回收。...定制Item条目 - ListView只能实现垂直线性排列的列表视图，与之不同的是，RecyclerView可以通过设置RecyclerView.LayoutManager来定制不同风格的视图，比如水平滚动列表或者不规则的瀑布流列表...但是，很遗憾的是在RecyclerView中，并没有提供这样的接口，不过，提供了另外一个接口RcyclerView.OnItemTouchListener，用来响应条目的触摸事件。...public void onBindViewHolder(VH holder, int position) 绑定数据到正确的Item视图上。...RecyclerView.OnItemTouchListener虽然变得更灵活，但是对应的代码量和书写难度却有了一定的增长，至少对我是这样的。
这个转变非常关键，让你获取信息的丰富性得到大幅度提升。 图1-2 利用关键词搜索 四个特别的搜索提醒 要学会故意去搜索反例。 看到一些观点或者看法，要学会主动去搜索相关的证据。...整张卡片可以 卡片标题：心情不好的时候，运动一下。 卡片正文：人生总有不顺利的时候，我们可能有一段时间经常不开心。我们很想开心，但是可能找不到什么好的办法。...后来我回顾这些卡片，慢慢地，这些卡片之间的关系开始变得清晰，一些卡片可以组合在一起，新的业务管理思路开始产生 卡片，成为我升级工作思路的宝贝。...如何在学习时比别人得到更多的收获 图2-4 《高绩效教练》知识卡片 一张好的知识卡片会被划分为两个区域。（见图2-5） 上面的区域是卡片的正文，把思考和总结写在这个地方。...线下讲座：这种分享没有直播的覆盖面大，但是人与人之间能产生互动 写书 影响他人 如果有可能，带领团队一起整理有关管理思路和业务思路的文章 管理者做好及时分享，让重要信息传达清楚 带领团队把复盘经验写下来
对于每个控件的熟悉，并且能个灵活的运用，使得多个控件能够自由组合，和谐的互相锲合，常常可以使得写出一个页面有事半功倍的效果。 在本文中，我将介绍如何使用MUI现成样式做一个卡片视图。...首先，大家是否明白卡片视图是什么？我们不妨看看下面这张图。不难看出在这个页面中，有三张完整的卡片模块，其实，CardView就是若干个卡片模块的集合。...在同一个CardView中的所有卡片大致主题样式应该相似，卡片内容上的布局也应该保持统一性。这两点也是约定熟成的一项要求。 ? 什么是Cardview?...--这是一个卡片的框架-->卡片标题-->卡片内容-->卡片内容--> 这样我们就得到了一张发帖所展示的封面图。
没有看板之前，我们真的是在白板上画泳道，写卡片，挪动卡片，在白板前开站立会。...任务看板好处任务看板有很多好处，但是对我最大的莫过于以下三点进度可视化：每个人都可以从看板上看到每个任务的状态，包括负责人，优先级，进度，交付日期等团队协作透明：信息完全共享，很多时候大家看一眼看板，这个项目的情况就了然于胸了...也许后面会调整下团队小伙伴负责的内容、模块太大了拆开或者问题太多要重构等。迭代视图：上个迭代有哪些遗留的问题，这个迭代正在开发的功能以及进展，下个迭代将要进入排期的功能列表。...对于那些还没有排期的工作，要仔细想想这些卡片对应的问题是否已经澄清、优先级是否合适、是否有比较好的方案等。...一个好办法就是去翻任务看板那些已经完成的卡片，你每天做的大大小小的事情上面都有体现；OKR 总结完了，又不知道下个季度做啥，还是去翻任务看板，看看上面 backlog 里哪些卡片还没有完成。
没有看板之前，我们真的是在白板上画泳道，写卡片，挪动卡片，在白板前开站立会。...我们曾经的token 之一 任务看板好处 任务看板有很多好处，但是对我最大的莫过于以下三点 进度可视化：每个人都可以从看板上看到每个任务的状态，包括负责人，优先级，进度，交付日期等 团队协作透明：信息完全共享...也许后面会调整下团队小伙伴负责的内容、模块太大了拆开或者问题太多要重构等。 迭代视图：上个迭代有哪些遗留的问题，这个迭代正在开发的功能以及进展，下个迭代将要进入排期的功能列表。...对于那些还没有排期的工作，要仔细想想这些卡片对应的问题是否已经澄清、优先级是否合适、是否有比较好的方案等。...一个好办法就是去翻任务看板那些已经完成的卡片，你每天做的大大小小的事情上面都有体现；OKR 总结完了，又不知道下个季度做啥，还是去翻任务看板，看看上面 backlog 里哪些卡片还没有完成。
我们第一次接触卡片问题是在 Goal News 发布之后 - 见图。屏幕上可以看见少量的抱怨的文章。例如： ? 用户关于卡片得反馈截图 太多的图片而且需要不停地滚动。我只是想快速的浏览新闻。...为了看所有的新闻我必须滚动大图。而且不能够一次查看加载的新闻。 从用户的反馈得到：反馈是很重要的。这不仅仅是抱怨一个性能，而是花时间解释引起的问题。...通过这个我们确定了一个共同的用户目标，需要快速阅读，只得到最新新闻的概述就够了。 进一步需要研究一下现在问什么没有实现这一目标。下面是我们得一些研究。...虽然用户滚动更多，他们仍然看到较少的内容，比较左侧网站少了3篇文章。 可阅读的文章数 很明显，列表的好处是你可以在视图中放更多的新闻文章，从而更快地扫描标题。...列表与卡片的其他示例 我相信我们不是唯一来解决这个问题的人。 例如，Google 已经对其搜索结果页进行AB测试。 ?
同时，如果在滑动过程中就加载了新的数据，那么配合懒加载与缓存列表项的话，缓存中的数据在未使用完就能得到补充，因此用户滑动中就不会感觉到数据加载，从而实现无限滑动的效果（具体效果参见实践总结章节）。...瀑布流的卡片高度是由瀑布流卡片自适应瀑布流的宽度得到的，因此卡片的高度无法直接指定。这就会使卡片渲染以后得到的高度与占位符的高度不一致，从而造成卡片的闪烁效果。...、视频卡片、直播卡片构成，每个列表项中标题文本和用户信息结构是相同的，对相同UI结构进行了复用，避免了无用的层级嵌套。...因为UI组件的复用，所以内存比没有使用组件复用少很多。最后，对于瀑布流性能优化方式，整体与长列表优化类似，都可以使用懒加载、缓存列表项、动态预加载、组件复用、布局优化等方式优化性能。...状态管理在ArkUI的开发过程中，如果没有选择合适的装饰器或合理的控制状态更新范围，会导致非必要的UI视图刷新，造成性能浪费。
本题的PDF事实上并没有禁用权限“辅助功能的内容复制”，因此可以通过辅助功能获取内容，比如Edge浏览器的朗读功能 听力题石锤 One more thing… 本题共有38个队伍解出 由于本题Flag位于一个无序列表...，所以很多同学提交Flag时都把无序列表复制进去了 虽然我验证过Edge浏览器的朗读功能可以解题，但是没有想到真的有队伍是靠此解出的，十分佩服他们的毅听力 关于“使用辅助功能”的解法，队伍“数码白细胞...对CheatEngine等内存修改工具的防范：其实VMP壳本身就有内存加密功能，但是出于出题人的恶趣味所以特地没有开启 游戏界面中显示的所有分数都来自假变量，修改只会影响界面元素的显示。...观察开户后得到的卡片数据，并对比消费1元后的卡片数据： 余额5元 余额4元 可以发现只有最后2字节发生改变。多次尝试可以发现，倒数第2字节的内容和卡片余额相同。...由于本题没有人做出，所以我就不放解题脚本了。尝试做过本题的同学可以联系我获取。 One more thing… 本题最终0解，但其实出题人预期中是希望有1解的。
有没有想过，为啥要做成这要，不做成那样？因为它们都受限于各自的业务逻辑、交易流程。 所以现在在我眼里，做网页，就是在网页上实现业务需求，这是前端开发的根本。线下是人与人的交互，线上就是人与机器的交互。...我在讲课的过程中，哪怕是做一个鼠标移入移出、获得和失去焦点这么简单的一个东西，也要用思维导图来画一下它的分析过程。就是想让同学们能慢慢的培养一种分析需求、理解需求的逻辑思维的能力。 ?...// 当我面对一张UI设计图时，它在我眼里一张画满相互嵌套的矩形的纸； // 当我面对一张静态html页面时，它在我眼里是一张多层的卡片纸，一会抽动这个，一会抽动那个； // 当我面对一个动态页面的时候...那有没有想过，前端开发中，不可见的部分是什么？答案是，数据。这数据就是前端页面用以转动的润滑油。没有了数据，前端页面就是一本挂历而已。而有了数据，前端才能变成一个“控制面板”。...可能有同学不认同我的看法。这没关系，事实会证明我是正确的，“只会js语句，没有逻辑思维，不懂分析与设计的前端新人，根本找不到工作。” over.
目前家里机柜内外的联网计算、存储设备（物理机和虚拟机）和网络辅助设备数量在三四十台以上，为了方便长期维护和管理，我计划做一个简单、易用且美观的服务看板程序。...快速设计设备列表页我希望工具既能看到所有的设备，又能看到具体设备运行详细状况。用相对“准确”的黑话来拆解这个需求，大概需要设计一个“列表页”和一个“详情页”。...接下来，等模型输出完毕后，我们就能够得到一个简单的交互页面：当我们点击列表页面具体元素的时候，页面会被一个弹出的白色遮罩层挡住。...最后写到这里，想为现在用模型辅助写代码的同学一个小的提醒。不要因为现在代码非常好写，编码速度提升了几个数量级就丢掉勤保存代码的习惯。写好代码一定要记得保存，本文提到的程序，我之前其实实现过一个类似的。...但是在上周忙其他的事情的时候，顺手用 Python 画图表的时候，清理程序目录的时候，意外“丢失”了。
但是我发现我可以用图片来很好的解释阐述这些问题。 绘制地图 图解推理 当用设计来营造空间感的时候，地图可以帮助我们假象界面的心理模型，我们来感受操作，和界面层级关系之间的导航。...除了上述的这些运动形式，我还可以举例很多很多，但是到此为止吧，我认为你已经可以理解我所要表达的含义：用户可以通过动效和空间感的设计来理解元素在界面这一虚拟世界中的物理关系和含义。...尽管在Tumblr应用中的Tab切换中，没有X轴的动效（比如上方的Tinder就有X轴的动效），但是依然能够音乐的暗示出每一选项在X轴排列的空间关系。 ?...无论在什么界面，点击了这个铅笔图标，你会发现，你并没有进入一个全新的界面空间，而是进入了一个临时的、具有聚焦意义的视图。在这个视图中，你可以快捷的选择一些发布信息的类型，也可以取消这个菜单。...Spotify的用户将面临隐晦的轮播效，藏的很深的模态窗口，到处都是的列表视图，突然出现的抽屉，以及乱七八糟的下拉菜单和手势。汉堡菜单中的列表项迫使用户完成复杂的流程，完成的却是简单的操作。
0.1 Roam 的低门槛和高天花板 关于低门槛的内容，我想仿照 @少楠 的 Flomo 101 学院 做一个 101 系列，包括 Roam Research 入门干货和自我管理与知识创造的基本原则。...当然，伴随 Roam 101 诞生与成长的，还有 RoamCN 微信群和 #roamcult 社区，我相信讨论能够激发出实际的知识创造的需求，以终为始，你能学到什么？我能得到什么？...甚至我有一个认识：自带方法论的工具才是好工具，就像我的 GTD 其实就是跟着 OmniFocus 学的，哪怕我最后并没有使用 OmniFocus。...工具在一定程度上给普通人赋能，就像自动驾驶等技术革命总是想让我们的生活变得更好，让我们的就业变得更充分，让人类的创造力得到更大的释放，人类没有必要去从事那些重复性的苦力型工作。...大纲式笔记的子弹形式，加上缩进和不缩进的可能性，可以帮助你轻松构建一些“结构”。但是在最开始的时候，你没有必要按照任何层次或模板进一步组织。
在阅读完《卡片笔记写作法：从阅读到写作》后，你或许会有个问题：我应该选择什么工具实践卡片笔记法呢？ 关于这个问题，你可以详细阅读《在找适合自己的卡片笔记应用？我的选择思路分享》。...卡片笔记写作法的核心在于其工作流理念。当然，为了更好的实践卡片盒笔记法，我们需要将不同的卡片加以连接。为此，我设定以下标准：1....支持卡片拟态化，即支持卡片视图等功能；2.最好支持双向连接等功能，方便建立知识网络。基于这个标准，我推荐以下工具。...如果你喜欢 Flomo 的设计，但是又想要更多的功能，建议使用 Obsidian 的 Memo 插件。Flomo 官网卡片笔记：FlowUs笔记市场已经出现了不少受到卡片笔记写作法影响的工具或者产品。...核心功能块编辑器——支持页面、待办列表、代码块等在内的多种 Block. 与此同时，也支持同步块，方便 Block 内容的知识复用 。此外，支持页面动态和评论功能。
用户故事的例子：作为注册用户，我希望能够将我的照片下载到我的个人资料中，以便其他用户可以看到我的样子。 有创建用户故事的过程吗? 没有创建用户故事的正式过程。...然而，应该遵循一个指导方针来创建一个好的用户故事。它叫做3c，是由极限编程的创始人之一Ron Jeffries提出的。 卡片是用户故事的书面描述。它没有捕获应该构建的所有细节。...用户故事是捕获产品功能的一种很好的技术，但是我们没有义务将它用于所有目的。 用户是谁? 在编写用户故事之前，应该清楚地了解创建用户故事的用户是谁。...有时，新接触用户故事技术的团队会忽略它，他们最终会创建具有不必要功能的软件。所以，做一个适当的用户调查，让所有的用户类型或用户角色或角色写下和描述。...敏捷扩展BABOK® Guide v2 状态： “故事映射提供了解决方案支持的活动序列的可视化和物理视图。
自上次参加完回音分享会后，我下定决心要洗心革面乖乖打基础，于是开启了这个part，争取两个月不间断更新，写完Material Design与iOS中的组件（顺便学学英语），以便今后在使用的时候完全不虚...支持的手势 滑动（swipe） 拾取并移动（Pick-up-and-move） 相关组件 网格列表（Grid lists） 对于开发者 Android卡片 聚合卡片（Polymer cards） ---...按钮或评论 ·在网格列表中，但需要显示更多内容来补充图像 ?...例如，将主要内容放置在卡的顶部，或使用排版来强调最重要的内容。 图像可以强化卡片中的其他内容。 但是，它们在卡内的大小和位置取决于图像是主要内容还是用于补充卡片上的其他内容。...对于依赖焦点遍历进行导航（手柄和键盘）的页面，卡片应具有主要操作或打开包含主要和补充操作的新视图。 ? 选择操作 ?
而且如果一开始记笔记的时候，你还没有接受到「正确的」训练，那么可能会不知不觉以「不正确」的方法记录了大量笔记。将来你幡然醒悟的时候，即便打算进行调整，也是很不方便的。大多数人会选择放弃。...这就意味着，尽管现在主要被当成了个人的「第二大脑」，但 Roam Research 的野心显然不止于此。它的目标，是做一个连通每个人第二大脑的超级知识网络。 我这么说，不是简单地猜测。...但是根据 Andy Matuschak 的看法，书根本就不是一种好的思想传播方式。 这种见解，你可能觉得有些过于激进。...因为可以链接到任意大纲笔记下的某个组块（block），你记载的时候，可以不必顾虑任何「正确」的笔记规则，却也能得到很好的笔记组织效果，快速定位并且获得精准完备的上下文。 第二，开放性。...我只是希望能让更多和你一样的读者有机会了解它，并且能够从使用中得到实实在在的益处。 这种益处，对于学生来讲，可能是在做文献回顾的时候，可以更加行云流水，减少一些痛苦。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
云直播
