知鸦日报2025-09-15

2025-09-14 16:30:00 ~ 2025-09-15 16:30:00

Продукт

如何快速提升UI设计水平

摘要

初学UI设计,临摹大厂作品是提升能力的捷径。先拆解、测量元素规范,再分析色彩、文字等细节,最后执行绘制。临摹后,将规范套用到新原型中,熟悉不同风格的设计逻辑。通过积累灵感和素材,演变出多样化的设计手法。细心对齐、居中是关键,精确到0.5px才能展现专业水准。坚持临摹10个产品,定能收获满满。

携程产品:携程商旅海外本地化探索 — B端视觉体系的构建与实践

摘要

在全球化背景下,携程商旅推出Trip.Biz,致力于为B端客户提供智能化和定制化的差旅管理解决方案。设计团队以“专业、包容、可持续”为核心,打造了一套国际化与本地化兼具的视觉体系,涵盖品牌标识、色彩、字体及辅助图形等。通过模块化设计和本地化优化,Trip.Biz官网在全球范围内实现了一致性与灵活性的平衡,显著提升了品牌认知度和用户体验。

Технологии

You Don’t Need Animations

摘要

动画设计得当能让界面更直观、快速、愉悦,但滥用则适得其反。动画应具明确目的,如解释功能或增强互动感。使用频率是关键,高频操作应避免动画以免干扰。动画速度需快,通常在300毫秒内,以提升感知性能。最终目标是打造用户乐于使用的界面,动画与否取决于其对体验的实际提升。

Lessons from npm's Security Failures

摘要

Features of your font you had no idea about

摘要

高质量字体常附带多种功能,如不同字重、斜体等,OpenType字体还能整合这些特性于单一文件。通过font-variation-settingsfont-feature-settings,开发者可以灵活调整字体样式,如字宽、倾斜度等。使用CSS变量可解决样式继承问题。此外,字体还支持替代字形、小型大写字母、上下文替代等特性,提升文本视觉效果。OpenType字体功能丰富,开发者应充分利用其潜力。

Color Shifting in CSS

摘要

在CSS中实现粒子颜色动态变化时,使用hsl()颜色格式可以轻松生成随机色调,但动画过渡时直接使用background-color会导致色彩暗淡。通过hue-rotate滤镜,可以在保持色彩鲜艳的同时实现更流畅的颜色过渡,且性能更优。此外,利用CSS自定义属性和@property规则也能解决颜色过渡限制,但相比之下滤镜方案更为高效。这些小技巧能让粒子动画效果更加生动。

登录后可查看文章图片

Liquid Glass in the Browser: Refraction with CSS and SVG

摘要

苹果在WWDC 2025推出了Liquid Glass效果,模拟曲面玻璃的折射视觉效果。本文通过CSS、SVG位移图和物理折射计算,展示了如何在网页上实现类似效果。核心在于光线穿过不同材料时的折射原理,结合Snell定律和四种表面函数,模拟光线弯曲。借助SVG位移图,将折射效果转化为浏览器可渲染的图像,最终在Chrome中实现动态UI组件的玻璃效果。

Finally, safe array methods in JavaScript

摘要

JavaScript开发者常因.sort().reverse().splice()等方法会直接修改原数组而谨慎使用,这可能导致难以追踪的bug。ES2023引入了toSorted()toReversed()toSpliced()等非变异方法,返回新数组而非修改原数组,特别适合React等依赖不可变性的框架使用。这些方法不仅提升了代码安全性,还简化了状态管理,是现代前端开发的得力工具。

The canonical agent architecture: A while loop with tools

摘要

构建高效AI代理的核心在于简洁架构:一个包含系统提示和工具调用的循环。工具设计应聚焦核心参数,避免复杂API暴露。上下文工程至关重要,工具输出需简洁易读。通过创建评估数据集和评分库,持续优化代理性能。简单可靠的设计更适应快速变化的AI生态,确保代理长期有效。

登录后可查看文章图片

Type Checking is a Symptom, Not a Solution

摘要

Your Biggest Customer Might Be Your Biggest Bottleneck

摘要

面对“吵闹邻居”问题,传统FIFO队列导致小任务被大任务阻塞。尝试限流和专用队列效果不佳。通过公平队列,为每个客户分配独立队列,轮询调度确保公平访问。Broccoli项目实现了这一机制,自平衡且易于调试,解决了多租户系统中的资源分配问题。

登录后可查看文章图片

如何从0到1搭建一套自媒体获客AI Agent

摘要

自媒体获客面临专业技能不足、创意枯竭和时间紧张三大痛点。AI智能体技术通过自动化流程,显著提升效率,降低获客成本。本文将详细讲解如何规划并搭建自媒体获客智能体系统,涵盖账号定位、内容规划、创作、拍摄剪辑与发布等环节,帮助企业及个人实现高效获客,轻松日更短视频,提升转化率。

阿里巴巴技术:别再误会MCP了!一篇写给AI工程师的硬核“辟谣”指南

摘要

MCP并非更高级的Function Calling,而是一套模型无关的工程协议,核心在于Client-Host-Server三组件架构。Host负责与LLM交互,Server提供确定性能力,Client负责通信。MCP与Function Calling协作而非替代,前者解决工具调用标准化,后者解决模型决策。实践表明,MCP应用效果取决于工具质量、提示词精度和模型能力。尽管MCP带来Token成本和意图识别稳定性挑战,但其标准化与互操作性为AI工具生态奠定了工程基础。

58同城技术:笔记本硬件系列之硬盘详解

摘要

硬盘分为可移动与非可移动式,机械硬盘通过磁头读写数据,读写速度为几十到一百多MB,抗震性差;固态硬盘基于闪存芯片,读写速度快,可达每秒7000MB,抗震性好,但成本高且寿命有限。硬盘接口有SATA、PCIe等,影响数据传输速度。文件系统通过元数据管理磁盘,快速格式化和完全格式化影响数据清除程度。


‹ 2025-09-14 日报 2025-09-16 日报 ›

qrcode

关注公众号
接收推送