首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Flutter开发-容器类组件

    如果开发者提供了抽屉菜单,那么当用户手指从屏幕左(或右)侧向里滑动时便可打开抽屉菜单。...context) { return Drawer( child: MediaQuery.removePadding( context: context, //移除抽屉菜单顶部默认留白...Drawer默认的一些留白(比如Drawer默认顶部会留和手机状态栏等高的留白),读者可以尝试传递不同的参数来看看实际效果。...抽屉菜单页由顶部和底部组成,顶部由用户头像和昵称组成,底部是一个菜单列表,用ListView实现 FloatingActionButton FloatingActionButton是Material设计规范中的一种特殊...Button,通常悬浮在页面的某一个位置作为某种常用动作的快捷入口 SafeArea 使用 SafeArea 可以让 child widget 在顶部和底部腾出足够的空间方便处理 iPhoneX 这类的手机

    3.6K20

    深入掌握栈与队列,用Java构建高效数据处理之道

    这两种结构在日常开发中应用广泛,无论是用于管理浏览历史、页面导航,还是用于任务调度,栈和队列都能带来巨大便利。所以掌握它们不仅是编程入门的关键,更是编写高效代码的重要技能。...具体来说,数据只能从栈的顶部进行插入和删除操作,像极了生活中叠放的盘子——我们只能从顶部拿出或放入新盘子。栈在程序设计中有广泛应用,常用于递归调用、表达式求值和浏览器的前进后退功能等。...数据从队列尾部加入,从队列头部取出,类似于排队买票。队列被广泛用于任务排队、缓冲区等需要顺序处理的场景,如线程池、进程调度和消息传递等。 概述栈:在Java中,通过Stack类实现。...// 出队操作 public int dequeue() { return queue.poll(); }出队操作:dequeue()方法用于从队列头部移除并返回队首元素。...假设用户按顺序访问了A、B、C页面,并点击“后退”按钮,栈会记录下每个页面的状态,从C退到B再退到A。这种行为符合栈的“后进先出”特性。

    15722

    从 antDesign 来窥探移动端“滚动穿透”行为

    简单直译过来是说默认情况下,当到达页面的顶部或底部(或其他滚动区域)时,移动浏览器倾向于提供“弹跳”效果甚至页面刷新。...您可能还注意到,当滚动内容页面顶部有一个包含滚动内容的对话框时,一旦到达对话框的滚动边界,底层页面就会开始滚动 - 这称为滚动链接。...常见的业务场景比如在 Dialog、Mask 等存在全屏覆盖的内容中,当我们拖动不可滚动的弹出层元素内容时,背后的背景元素会被意外滚动。...代码同样也并不是特别难理解,在 while 循环中从传入的第一个参数 el 一层一层往上寻找。要么寻找到可滚动的元素,要么一直寻找到 node === root 直接返回 root。...想象一下,如果你的页面中每个 Modal 弹窗都使用了 useLockScroll 这个 hook ,那么当页面中开启两个弹窗,当关闭一个时另一个还存在时总不能移除了 BODY_LOCK_CLASS 吧

    58720

    Demoo使用秘籍,比好用更好用 - 腾讯ISUX

    Step3.为长页面固定滚动区域 涉及技巧:记住顶部bar和底部导航的高度,准确设定滚动区域不留白 以图示为例,动态页面非常长,需要模拟页面滚动的效果,实际app中,顶bar和底部导航是不会动的,这时候...Step5.建立页面切换方向,打磨细节 涉及技巧:鼠标停留在切换示意区,预览动画效果 真实的app中,页面间常常通过方向来示意层级关系,例如重新创建的流程,通常创建页面会从底部向上呼起,于是,在建立热区链接过程时...点击屏幕右侧的设置,上传好app图标和闪屏之后,用手机QQ扫二维码打开页面,然后用分享在safari中打开链接,在safari中设置分享到屏幕,于是,大功告成,你可以从桌面打开这个app了!...最后,听说很多试用过的朋友都在询问,如何在Demoo中模拟浮层的效果,Demoo其实更擅长的是页面之间的跳转,那么如何模拟呢?这里给大家一个小技巧。...step3:在有浮层页面建立点击空白返回没有浮层页面的热点链接(注意选择过渡动画为渐隐哦) ?

    1.6K40

    JQuery EasyUi之界面设计——前言与界面效果(一)

    如果冯巩的开场白是“观众朋友们,我想死你们了”,那么我的开场白是“最近一直很忙,很久没有发文了”。 前面说过了EXT.NET,这里顺便再说说JQuery EasyUI。...对象太丰富,并且不利于维护;ext.net如一个打扮得花枝招展的裹脚的妇女,其将extjs封装成服务器控件,虽然其维护起来不错,体验不错,使用方便,但是我不喜欢使用服务器控件的这种方式,也不喜欢其包了一层有一层的外壳...,调起问题来从ASP.NET到EXT.NET到extjs;而easyui,则如一个清纯的少女,从外表即可窥探内心,清秀而不失美观。...内容展现页面 ? 上面的按钮时类型,使用的是linkbutton实现的特效。下面区域使用的是datagrid,查询放在顶部工具栏。 弹出窗口 ?

    1.6K40

    这是我见过最牛逼的滑动加载框架

    这里注意:"mescroll"的class不能删,同时第二层的div不能删,否则上拉加载的布局会错位.(可以改成ul或者其他容器标签)3....开始, size:每页数据条数,默认10 function upCallback(page) { var pageNum = page.num; // 页码, 默认从1开始 如何修改从0开始...lazyLoad: { use: true, // 是否开启懒加载,默认false attr: 'imgurl', // 网络地址的属性名 (图片加载成功会移除该属性...mescroll.js 或 yarn add mescroll.js 引入mescroll组件 import MescrollVue from 'mescroll.js/mescroll.vue' 页面示例代码...吃瓜、摸鱼、白嫖技术就等你了~ 进群方式:在下方公众号后台,回复 111 ,按提示操作即可进群。 如果该文章对你有帮助,那么就点击右下角的 [点赞]「在看」,给一个小小的鼓励吧~

    2K30

    Joe主题再续前缘版 - 本站同款

    新增自动检测更新 修复黑暗模式下文章导读目录依然白色的BUG 优化文章导读目录遮罩层显示UI 1.1 新增主题自带随机一言API 优化主题设置处对设置项的描述更加明确 修改为默认开启首页顶部大图 优化登录注册模块...优化文章页面顶部大图的文字UI 优化首页推荐文章的推荐卡片中文字行高为居中 重构再续前缘版自带登录注册页面底层代码 大幅缩小样式文件大小并与全站UI融合 新增文字导读目录展示时的遮罩层动画 如果是PC...端那么遮罩层不附带毛玻璃效果 以免卡顿 1.16 文章页面代码模块使用复制代码文字功能时代码文字中四个空格缩进优化为tab缩进方式 重构跳转浏览器打开页面UI 优化移动端打开文章导读后的阴影色彩 新增文章页面复制操作弹窗提醒文章版权...移除主题所有JS背景特效,减少主题臃肿性。...需要用请使用主题内自定义js代码设置引入 还原移动端侧边栏和搜索栏动画,移除毛玻璃效果,因为毛玻璃对页面的性能下拉的太严重了 移除控制台的页面加载计时,减少臃肿性 新增反QQ用户恶意举报功能 新增可开启关闭反蜘蛛爬虫非法扫描

    3.1K20

    使用Aliplayer在微信中播放视频的正确姿势

    同层播放 X5浏览器为了解决覆盖DOM元素的问题,提出了一个同层播放的概念,通俗一点讲就是视频播放还是要弹出全屏的,但是视频可以不覆盖DOM元素,可以和视频在同一层,虽然这方案有点别扭,但总算解决了覆盖...同层播放的实现 虽然X5提供了一些属性可以用于同层播放的设置,但是还是有一些细节需要处理: X5弹出全屏播放时,需要订阅resize和全屏事件,对于video以及容器大小的调整 点击微信顶部的返回按钮时...上面两种情况的处理有点不一样的 视频居中的样式 退出全屏时恢复视频顶部播放 退出全屏的时候会出发事件,在事件里移除居中的样式 直播全屏播放 直播场景下会把视频充满整个屏幕,在上面显示评论、点赞、主播和观众信息等...,是返回到程序原来的页面,我希望是返回时直接关闭页面。...object-fit属性 该object-fit CSS属性指定替换元素的内容应该如何适应到其使用的高度和宽度确定的框 可选的值: object-fit: fill; object-fit: contain

    11710

    掌握这7个UI设计法则,让你的界面更出众

    1 极简主义,尽可能的留白 设计师喜欢留白,但是客户想填满。。。 ? 留白是构成一个好的视觉布局重要元素,但也是最容易被忽视使用的元素。通常情况下,留白意味着浪费屏幕空间。...在真实物理环境中,每个动作都会有相应的反应。所以这个也适用于设计,这样的小交互设计能让界面看起来更加有生机和活力。...设计师们最常犯的错误就是忘记了光线是从顶端照下来的。照亮了顶部,并在下面有投影,物体的顶部较亮,底部较暗。 我们的屏幕是平面的,但是我们投入很了精力去让所有的内容都能以3D的效果呈现出来。...当设计遵循一致性原则时,人们可以毫无压力的将原有认识迁移到新的环境中,并快速学习新的事物。这样,他们可以专注于执行任务,而不是花大量的时间去学习新的UI界面。...如果一个网站有两个页面都是显示博客内容的,那么两个页面的设计应该具有共通性,这样用户看到新的页面时,能够明白是什么含义。

    1.2K30

    基于微信社交链的读书APP——微信读书,用户体验5要素简要分析

    再来说说核心的阅读页面,阅读界面则提供了白色、护眼绿色、纸皮黄色、黑夜模式的黑色,白/黑模式对应白天阅读和夜晚阅读,而绿色、黄色则满足了用户护眼的心理需求。...2)页面版式 页面版式大概可分为这几个部分:信息的排布、图片的使用、颜色的使用、留白的艺术。 以“发现”页面为例,本页面采用了非常流行的卡片式布局,它能直观得突出书籍本身,达到向用户推荐的目的。...留白艺术在这里使用的非常到位,整个页面除了书籍本身似乎看不到任何多余的东西,突出了“阅读”的核心功能,底部好友在读的设计再次点明了主题:让阅读不在孤单。...以核心的阅读页面为例,阅读的时候,页面顶部有章节信息,让用户清楚地知道自己处在哪个章节的阅读。底部带有当前页面的想法数量,让用户感觉到他不是一个人在阅读,再次点明“让阅读不再孤单”的slogan。...而基础需求之后便是阅读的核心需求,也就是如何找到用户喜爱的书籍进行阅读。 第一层需求:快速找到用户喜欢的书籍进行阅读。找到书籍后,书籍存放在哪里?当有不同类别的书籍怎么放置?书籍阅读环境是怎么样的?

    96630

    在设计中合理使用留白

    网页设计中的留白 Melanie F 当你打开页面的时候,你可以很容易的发现,留白设计运用的很不错。首页顶部的标题周围有很多空白。...Thierry Ambraisse 当你进入这个网站,Thierry Ambraisse作为一个摄影师知道如何让人眼前一亮。他用幻灯片背景展示他的工作。没有什么信息在网页的上面分散你的注意力。...有些元素在页面中位置和大小的不同,但都能在页面中很容易的看到,这就是留白的重要性。 Blossom Type 这是一个有趣的网站,它有一个巨大的LOGO。...当你打开页面的时候,它已经在工作了,因为它没有太多额外可以点击的二级页面。但是网页仍然有一些非常小的可以点击并跳转的的按钮,所以整个页面看起来都是大量的留白。...这19个网站都首先使用留白的方式。你是如何在你的项目里面使用留白?在评论中与我们分享你的想法。

    86950

    滚雪球学Java(18):解密JavaSE中的堆栈:你真的了解Java内存吗?

    堆栈通常支持两种基本操作:入栈 (push):将一个元素放入堆栈顶部;出栈 (pop):将堆栈顶部的元素移除;  除此之外,堆栈还可以支持一些其他的操作,例如:获取栈顶元素 (peek):查看堆栈顶部的元素...链表的头部代表堆栈顶部元素,因此入栈操作就是在链表头部插入元素,出栈操作就是从链表头部移除元素。...在类中,我们定义了一个头节点 top 和一个元素个数 size。在 push 方法中,我们创建一个新的节点,并将它作为新的头节点;在 pop 方法中,我们移除当前头节点,并将下一个节点作为新的头节点。...在 Java 中,我们可以使用数组或链表来实现堆栈。使用数组实现堆栈非常简单,我们只需要定义一个数组和一个指针,指针指向堆栈顶部元素的下一个位置。...使用链表实现堆栈也是一种常见的方式,链表的头部代表堆栈顶部元素。入栈操作就是在链表头部插入元素,出栈操作就是从链表头部移除元素。  在实际编程中,我们可以根据实际需求选择不同的堆栈实现方式。

    12321

    微信小程序自定义顶部导航栏并适配不同机型

    前言在小程序中,顶部导航栏是一个非常重要的组件,它不仅可以方便用户进行页面切换,还可以提高用户体验。默认情况下,小程序的顶部导航栏是由系统自动生成的,我们只能修改一些基本的样式,如背景色、文字颜色等。...因此,我们需要自定义顶部导航栏,以满足我们的设计需求和用户体验。因此本篇博客将介绍如何在小程序中自定义顶部导航栏,并适配不同的手机机型。正文内容一、为什么要自定义顶部导航栏?...增加页面交互性:自定义顶部导航栏可以增加页面交互性,让用户更容易进行页面操作。二、自定义顶部导航栏基本思路将系统自动生成的顶部导航栏隐藏创建一个自定义导航栏组件,包含导航栏的样式和交互逻辑。...在页面的CSS文件中设置自定义导航栏组件的样式。....通过阅读本文,读者可以了解到自定义导航栏在小程序中的重要性和应用价值,掌握自定义导航栏的设计原则和实现方法,并学会如何根据实际需求进行灵活定制。

    3K82

    vivo悟空活动中台-基于行为预设的动态布局方案

    : 《揭秘 vivo 如何打造千万级 DAU 活动中台 - 启航篇》 主要为大家讲述 vivo 活动中台的能力与创新。...上图展示了不同规格视口中,页面内容总能恰好占满视口,没有溢出也没有留白;前文所述的普适性方案在满屏场景下就存在一些问题。...2.2.2、元素溢出和页面留白 由于基于 DPR 和 rem 的方案特点是动态适配且对设计稿的精确还原,所以当遇到实际可视区域与设计稿比例不一致的情况,就会出现纵向适配问题: 视口比设计稿“长”时,页面纵向无法填充一屏...,出现底部留白; 视口比设计稿“短”时,就会出现页面纵向内容无法一屏显示的问题,即元素溢出。...2.1.1、元素分类 将元素分类为 主要元素 和 次要元素: 主要元素 页面中需要突出的重点内容,在视口尺寸发生变化引起的空间竞争中,处于优势地位; 次要元素 页面中相对不重点的内容,在视口尺寸发生变化引起的空间竞争中

    2.1K10

    创建华丽 UI 的 7条规则 第一部分 (2019年更新)

    当光从天空而来时,它照亮事物的顶部,并在其下方投射阴影,物体的顶部比较亮,底部比较暗。...这意味着,在 Retina 屏幕中,得想象页面上的交互在一个手机上是否行得通。 这种限制是有好处的,这有助于简化思想。...永远不要使用黑色 (伊恩·斯托姆·泰勒):这篇文章谈到完全平面化的灰色几乎从来没有出现在现实世界中,同时它也提到了如何饱和灰色阴影 — 尤其是深色阴影 — 为设计增添了视觉丰富性。...如果你从头编写 HTML 代码,那么你可能熟悉默认情况下 HTML 在页面上的布局方式。 基本上,所有东西都挤在页面的顶部。字体很小,行与行之间没有空格,段落之间有一小段空白,但不多。...段落一直延伸到页面的末尾,不管是 100px 还是 10000 px。 从美学角度来说,这太糟糕了,如果你想让 UI 看起来像设计好的,需要增加很多空白的间距。

    1.2K40
    领券