文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布

Ant Design 6.0 尝鲜：上手现代化组件开发｜得物技术

：朦胧美学的视觉升级在传统Web应用中，模态框的遮罩层往往是简单的半透明黑色，视觉效果单调且缺乏现代感。...背景模糊与语义化样式定制以下示例展示了如何结合AntDesign6.0的背景模糊特性和antd-style库，实现两种不同风格的模态框：import{useState}from"react";import...）样式自动响应主题切换（亮色/暗色模式）通过classNames属性应用CSS类名视觉效果对比使用背景模糊和语义化样式定制后，Modal的视觉呈现发生了显著变化：1.背景模糊效果：遮罩层从单调的半透明黑色变为毛玻璃效果...的可调整尺寸4.视觉现代化：如Modal的背景模糊效果，营造朦胧美学的高级质感5.样式可控性：通过`classNames`和`styles`API实现精准的组件定制6.风格多样性：结合`antd-style...往期回顾1.Java设计模式：原理、框架应用与实战全解析｜得物技术2.Go语言在高并发高可用系统中的实践与解决方案｜得物技术3.从0到1搭建一个智能分析OBS埋点数据的AIAgent｜得物技术4.数据库

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

    在React Native中构建启动屏

    在这个教程中，我们将演示如何在React Native中构建一个启动屏幕。我们将指导你如何使用 react-native-splash-screen 为iOS和Android应用构建出色的欢迎界面。...将内容模式设置为“aspect fit”，如下所示： 更改iOS启动屏幕颜色 你可能会问的下一个问题是“我如何在 React Native 中更改启动屏幕的背景颜色？”...然后，打开Android Studio中的Android文件夹，打开AVD，并按照下面的方式运行你的应用程序。...请参考下面的截图： 构建一个Expo启动屏幕 到目前为止，我们已经探讨了如何在一个裸 React Native 应用中构建启动屏幕。...启动画面有助于强化应用程序的身份，使其容易被用户识别，从而提高品牌建设。 通常，某些配置和资源（如字体和检查更新）会在应用准备就绪时立即实施。

    9.6K10

    『React Navigation 3x系列教程』之createStackNavigator开发指南

    StackNavigatorConfig(可选)：配置导航器的路由(如：默认首屏，navigationOptions，paths等)样式(如，转场模式mode、头部模式等)。...用于导航样式配置的参数： mode: 页面切换模式: 左右是card(相当于iOS中的push效果), 上下是modal(相当于iOS中的modal效果) card: 普通app常用的左右切换...headerMode: 导航栏的显示模式: screen: 有渐变透明效果, float: 无透明效果, none: 隐藏导航栏。 float: 无透明效果, 默认。...screen: 有渐变透明效果, 如微信QQ的一样。 none: 隐藏导航栏。...当用户单击Go Back按钮时，通过： navigation.goBack(); 实现了返回上一页； 类似上述的应用场景有很多，大家可以通过与本教程配套的最新版React Native+Redux打造高质量上线

    7.2K10

    CodeBuddy 制作玻璃拟态效果生成器，毛玻璃 UI 的艺术

    它最早在 Apple 的 macOS Big Sur 中大放异彩，也被广泛应用在 Windows、iOS、甚至各类网页中。...应用场景玻璃拟态并不是花架子，它在实际产品中的应用非常广泛，尤其是在以下场景中大放异彩：登录 / 注册 界面卡片 将登录框置于模糊背景之上，让用户视觉集中但不封闭环境。...自定义圆角和投影制作一个圆角为 20px、阴影偏移为 5px 的拟态卡片，模糊背景保留冷白色。 无论你对圆角、投影或背景颜色有多细致的要求，都可以用自然语言表达，CodeBuddy 都能准确还原。️...背景图片叠加毛玻璃创建一个背景图为日出海岸的卡片，添加玻璃拟态模糊效果。 CodeBuddy 支持在毛玻璃之下叠加图片层，并智能控制模糊程度，避免背景过于杂乱干扰内容。...扩展方向接下来，这个玻璃拟态效果生成器还将支持以下增强功能：拖动调整模糊半径、透明度、边框宽度的可视化交互；导出为 React / Vue / Tailwind 等不同框架风格的代码；提供模板库：如“登录卡片

    75810

    《构建社交应用的安全结界：双框架对接审核API的底层逻辑与实践》

    但机器审核并非万能，复杂语境、模糊语义以及不断变化的违规形式，常使其力不从心。这时，人工审核就发挥出关键作用，审核人员凭借专业知识和判断力，对机器标记的存疑内容进行深度审查，做出精准判断。...Flutter中，可借助HTTP请求库来与第三方审核API建立通信。发送请求时，需按照API文档要求，准确构造请求体，填充如待审核内容、内容类型、应用标识等必要参数。...在代码层面，React Native利用组件化的开发模式，将审核功能封装成独立组件。在组件中，通过调用HTTP请求库的方法，向第三方审核API发送请求。...在处理API响应时，借助React的状态管理机制，如使用Redux或MobX，将审核结果存储在状态中，并根据结果更新组件的UI展示，告知用户审核状态。...在性能表现上，Flutter的直接渲染机制使得其在处理审核结果展示时，可能具有更流畅的动画和界面更新效果；React Native在优化后也能达到不错的性能，但由于JavaScript的解析执行过程，在某些复杂场景下可能会出现轻微的性能损耗

    75700

    20种常用的 Ps技术

    ，复制背景层，对背景层的模式改为滤色 2 对背景层的色阶进行调整 30秒搞定Plmm艺术照 1 打开图片，复制背景层两次 2 对复制背景层一进行高斯模糊（半径4~6），将复制背景层二的模式改为强光...打造朦胧中的鲜艳(风景，生态类) 1 打开图片，复制图层. 2 将副本层的图层模式该为“滤色”. 3 使用高斯模糊（+8.6 像素）. 4 调节色像/饱和度（Ctrl+U）(0,+12,0)....给照片加个玻璃的效果 1 选取区域，按Ctrl+J 2 对剪切层进行高斯模糊（+3.1 像素）. 3 调整色彩平衡（-39，+29，+16）. 4 新建图层。.... 3 新建一图层，填充白色，添加杂色，再进行动感模糊，将图层模式改为正片叠底. 4 用橡皮工具（不透明度改为15%），对高光部分擦拭....笔触素描效果的绘制 1 打开一副图片，复制背景图层，选定复制图层1执行滤镜-模糊-高斯模糊（2.0像素） 2 再次复制背景图层，选定复制图层2，执行滤镜-素描-水彩画笔（20，60，80），将图层混合模式设为变暗

    3.1K10

    iOS应用黑暗模式设计终极指南（附套件下载）

    这意味着打开黑暗模式时，iPhone上的所有应用程序都将具有黑暗外观。 因此，作为设计师和开发人员，为您的应用程序设计和实现黑暗模式非常重要。苹果已经发布了为您的应用程序设计暗模式的人机交互指南。...这些只是指导原则，因此您可以为应用程序app自定义黑暗模式。请注意，不要生搬硬套。 02 层级结构 与Google的层次基于颜色和阴影的差异不同，Apple仅将界面中的层次视为颜色。 ?...（静电说：所以，这里并没有那么严格对吧？） 08 强调色（Tint Color） Apple提供了9种不同的强调颜色，可在整个应用程序中使用。它们可用于文本，图标或形状。...因此，您可以为两种模式选择2种不同的颜色。 10 材质（Material） 如果任何元素同时具有透明度和“背景模糊”效果，则它将成为材质。该准则为我们提供了4种材质可供选择。...两个导航栏都应用了背景模糊。左边的那个不是完全不透明的。但是正如您所看到的，它们几乎没有任何区别。另外，下面的内容也不会模糊。 请注意下图，不同的材质所产生的视觉效果是不一样的： ?

    4.4K10

    智能体来了：从 0 到 1：企业级 LLM Agent 的工程化落地实践

    作者：Agentcometoo｜首席分析师undefined关键词： LLM Agent / ReAct / 工程化 / Python / AI 应用落地一、背景与挑战（Why Agent 很难真正落地...在负责 「智能体来了」 项目的智能体中台建设过程中，我们系统性调研并实践了市面上主流的 Agent 框架（如 AutoGPT、LangChain 等）。...状态节点一多，可观测性迅速下降 对业务开发者并不友好 最终我们选择了一种 更线性、更可控 的架构 —— ReAct（Reasoning + Acting）循环模式。...我们还额外实现了：执行步数上限（防无限循环）每一步 Thought / Action 的日志追踪Tool 调用的超时与熔断机制四、运行效果示例（Demo）下图展示了 Agent 在真实业务环境中的一次完整执行流程...本文更适合以下读者：正在做 AI 应用工程化 的后端 / 架构师对 Agent 稳定性、可控性 有要求的团队不满足于 Demo，希望真正上线的开发者如果你对 企业级 AI Agent 的设计与落地 感兴趣

    21820

    React Native 0.50版本新功能简介

    本文主要从以下几个方面来对React Native0.50+进行讲解： 在兼容性方面新增了对Android8.0、iPhone X的支持； 在API方面为TimePicker添加了打开方式的API，另外允许在构建...修复了一些关键性的Bug； Image组件 React Native 0.50版本中 Image组件迎来了比较大的一个特性的改变，即在React Native 0.50及以上版本中Image不在支持包裹内容...在Android中设置View的背景在SDK15及以下和以上和的API是不一样的，在之前的RN版本中没有做差异判断，所以会导致在低版本设置背景的Bug，在0.50及以上版本底层实现上添加了ViewHelper...在0.50之前的版本当使用WebView的baseUrl时在Android 4.1-4.3会显示出html源码，这是因为在Android 4.1-4.3中WebView不支持text/html的charset...Android TimePicker TimePicker添加了mode (enum(‘clock’, ‘spinner’, ‘default’)) 来控制TimePicker的打开模式。

    2.7K60

    《数字分身进化论：React Native与Flutter如何打造沉浸式虚拟形象编辑》

    React Native，依托JavaScript语言，借助其成熟的React生态系统，开发者能够快速上手，将前端开发的经验巧妙运用到移动应用开发中。...模型加载与基础展示：无论是React Native还是Flutter，都需要引入合适的3D模型加载库。这些库能够解析常见的3D模型格式，如OBJ、FBX等，并将其渲染到应用界面中。...在React Native中，可以通过编写自定义的交互组件，捕获用户的触摸、滑动等操作，并将这些操作转化为对3D模型对应参数的修改。...React Native通过监听系统的手势事件，如捏合、旋转、平移等，实现对3D头像的操作控制。用户可以通过双指捏合来缩放头像，单指旋转来改变头像的角度，让操作更加直观和自然。...例如，当用户通过手势旋转头像时，头像会以平滑的动画效果进行旋转，同时背景也会相应地产生模糊和渐变的过渡效果，营造出一种立体的空间感，让用户在操作过程中感受到科技与艺术的完美结合。

    49400

    Deep Research Agent技术 --通义“狐獴家族”（一）

    模型推理方面，分享两个模式： ReAct 模式，严格遵循“思考‑行动‑观察”的循环，通过多次迭代来解决问题； 深度模式，处理极端复杂的多步推理研究任务。...但是在实际应用中，尤其是在处理需要多步网络检索和复杂多跳推理的任务时，其性能仍难以达到理想效果。...对问题进行刻意的模糊化处理。例如，将精确日期转换为模糊时期，或部分屏蔽名称。 总结来说，通过 随机游走构图 → 子图采样 → 刻意模糊，生成需要深度检索、对比、综合的复杂问题，而不是普通查找题。...最终效果在高难度基准 BrowseComp-en/zh 上，WebSailor-72B显著超越此前所有开源方案，甚至媲美部分闭源系统（如豆包搜索）。...具体构建流程如下： step1 : 生成高难度QA对 首先通从权威源（如 arXiv、GitHub、Wikipedia）递归爬取网页，使用 GPT-4o 生成构建具有多跳推理链的高难度文本QA对。

    1K42

    从底层技术到直播美颜SDK插件的全流程开发指南

    图像处理技术主要包括磨皮、美白、去瑕疵等操作，常用的图像处理算法如下：l 高斯模糊（Gaussian Blur）：通过对图像像素点的权重平均来模糊图像，用于简单的磨皮效果，但容易导致边缘模糊。...l 色彩变换矩阵：通过线性代数中的矩阵运算，对图像的色彩进行调整。技术难点：需要在每一帧中动态调整色彩和亮度，确保滤镜效果的自然和流畅性。...技术难点：如何在手机等低性能设备上高效运行，尤其是当直播内容为60fps时，如何保证每一帧的美颜处理不超过16.7ms。...限制每秒帧率（如30fps），在高性能和节能模式之间找到平衡点。ii. 通过人脸关键点检测，只对面部区域进行处理，而不对整个图像做全局运算。2. 美颜参数的调优a....多场景测试：在不同的光线、肤色和背景环境中测试美颜效果，确保美颜参数的自适应性。b. 用户自定义调节：提供用户自定义调节的选项，允许用户自行调整磨皮强度、亮眼效果、滤镜等美颜参数。

    2.2K10

    React Native0.50+开发指导

    概要 本文主要对React Native 0.50的关键性的更新做个讲解和开发适配指导，希望能对从事React Native开发的你有所帮助： 在兼容性方面新增了对Android8.0、iPhone X...Native 0.50版本中组件迎来了比较大的一个特性的改变，即在React Native 0.50及以上版本中不在支持包裹内容。...在Android中设置View的背景在SDK15及以下和以上和的API是不一样的，在之前的RN版本中没有做差异判断，所以会导致在低版本设置背景的Bug，在0.50及以上版本底层实现上添加了ViewHelper...在0.50之前的版本当使用WebView的baseUrl时在Android 4.1-4.3会显示出html源码，这是因为在Android 4.1-4.3中WebView不支持text/html; charset...Android方面 TimePicker添加了mode (enum('clock', 'spinner', 'default')) 来控制TimePicker的打开模式。

    2.3K40

    AI 新姿势：新会话与工作交接

    在处理专业领域问题（如性能测试中的JMeter配置）时，模型可能基于不完整信息生成看似合理却错误的建议。 • 用户输入的模糊性：测试工程师常需处理复杂场景，如自动化测试中的动态元素定位。...假设你在与Grok讨论如何设计一个复杂的网页应用，初始需求是创建一个React前端界面。...AI可能会回复：在本次对话中，我们讨论了一个React网页应用的开发，当前代码包括一个基础的React组件，已集成Tailwind CSS。用户希望优化页面加载性能，并添加用户认证功能。...开启新会话：在新会话中，你可以直接引用上述交接内容，例如：在上次对话中，我们讨论了一个React网页应用，代码包括基础组件和Tailwind CSS。...下次当你发现AI开始“天马行空”时，不妨果断重启会话，整理需求后重新出发。一个清晰的起点，往往能带来事半功倍的效果！

    32710

    主流前端编程技术与框架分析与对比（Vue，React，Angular）

    现代阶段： 单页应用（SPA）成为主流。 前端框架（如 React、Vue、Angular）和工具链（如 Webpack、Vite）大幅提升了开发效率。 2....优化渐进式设计，适合小型项目，也支持复杂应用开发。 生态体系完善（如 Pinia 替代 Vuex）。 缺点： 灵活性较低，架构较为固定。 社区资源不如 React 丰富。...趋势与选型建议 5.1 技术趋势 前端与后端的界限模糊： Next.js（基于 React）和 Nuxt.js（基于 Vue）提供服务端渲染（SSR）和静态生成（SSG）。...Server Components 正在 React 中逐渐推广。 微前端架构： 面向大型应用，将前端模块化开发和部署（如 Qiankun）。...通过对 React、Vue 和 Angular 的分析对比，可以看出： React 强调灵活性，适合需要高度定制化的项目。 Vue 易学易用，适合快速开发。

    1.8K10

    react native调试

    android 安卓执行react-native run-android 接下来把安卓模拟器也配置好： 用android studio打开rn项目， 就可以打开模拟器。...看到以下界面，启动成功 Developer Menu Developer Menu是React Native给开发者定制的开发者菜单，来帮助开发者调试React Native应用。...如何在模拟器器上开启Developer Menu Android模拟器: 可以通过 Command⌘ + M 快捷键来快速打开Developer Menu。也可以通过模拟器上的菜单键来打开。...errors：React Native程序运行时出现的Errors会被直接显示在屏幕上，以红⾊的背景显示，并会打印出错误信 息。...Warnings ：React Native程序运行时出现的Warnings也会被直接显示在屏幕上，以黄⾊的背景显示，并会打印出警 告信息。

    4.3K30
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

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

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

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

      领券