知鸦日报2022-06-21

本期我们总结了一份《小程序适配设计指南》，希望可以帮助你完成小程序从移动端到PC端的适配。

本期我们将简单地介绍一下网格系统的前身今世，并为大家梳理一份界面设计中网格系统的应用指南。

爱加句号的人是怪物？老铁，不是吧！

即使日常工作充满了繁杂的信息，但设计师没有必要让用户去面对这些内容，而是替用户消化这些复杂并转化为简单的设计。本期将分享在实际案例中如何让设计更简单一点的探究过程。

如何有条不紊地构建及维护设计组件库？面对此问题，向开发同学们学习是个不错的选择。

本文从动态设计的角度，分析了影响动态感受的几个关键因素，希望通过对动画基本原理的描述和拆解，帮助大家理解自然顺畅的动态设计的必要条件，在之后的用户体验设计中助大家一臂之力。

界面小图标很难画得好吗？看看业界的优秀案例和常见问题的解决方法，拓展思路并提升效率。

折叠菜单(Accordion)，又称手风琴菜单，是在页面中垂直堆叠的菜单列表，通过展开/折叠来显示或隐藏更多菜单内容。

在B端产品操作中，需要高频率地打开各类链接和按钮，如果点击后需要展示新的内容，那么展现形式就包含了很多种类型，标签页、新页面、悬浮层、弹窗、抽屉等等。

在面对数量庞大的 B 端页面、组件、交互场景下，应该选择哪种展示形式就变成了一个棘手的问题。

本篇分享就将集中在解决如何选择正确的呈现形式上，让产品的交互体验更顺滑。

当你正在使用Mixmo+RH一键骨骼绑定，玩得不亦乐乎的时候，却发现它无法完成赶集IP小毛驴骨骼绑定。C4D自带骨骼绑定既满足绑定头身比正常的人体，还能在2-3头身的IP上发挥它的优势。

C4D自带角色骨骼，其自带一套十分便捷易操作的绑定输出流程：角色对象从建立—调节—绑定—动画。有了这个保姆级的流程再也不怕哪个流程忘记就出BUG, 只要完成这四个环节就能搞定啦！

整个电商导购模式伴随着着人群与场景的精细分层，从传统的商品货架式延伸至更具多元化的场景导购式，如“聚划算”、“百亿补贴”、“有好货”等。

本篇文章从视觉创意的角度分析问题，希望可以帮助你遇到问题时另辟蹊径，延伸更好的设计思路。

Hertz 是字节跳动服务框架团队研发的超大规模的企业级微服务 HTTP 框架，具有高易用性、易扩展、低时延等特点。在经过了字节跳动内部一年多的使用和迭代，如今已在 CloudWeGo 正式开源。目前，Hertz 已经成为了字节跳动内部最大的 HTTP 框架，线上接入的服务数量超过 1 万，峰值 QPS 超过 4 千万。除了各个业务线的同学使用外，也服务于内部很多基础组件，如：函数计算平台 FaaS、压测平台、各类网关、Service Mesh 控制面等，均收到不错的使用反馈。在如此大规模的场景下，Hertz 拥有极强的稳定性和性能，在内部实践中某些典型服务，如框架占比较高的服务、网关等服务，迁移 Hertz 后相比 Gin 框架，资源使用显著减少，CPU 使用率随流量大小降低 30%-60%，时延也有明显降低。

Hertz 坚持内外维护一套代码，为开源使用提供了强有力的保障。通过开源， Hertz 也将丰富云原生的 Golang 中间件体系，完善 CloudWeGo 生态矩阵，为更多开发者和企业搭建云原生化的大规模分布式系统，提供一种现代的、资源高效的的技术方案。

最近在开发《挑战24点》的过程中遇到了一个问题，即，如何计算常用数学表达式的结果，比如，给定字符串8 - (6 + 4 / 2 - 1) * 2，怎么计算得到结果，并且得到计算的过程。

网上查资料发现，大部分都是类似系统计算器的处理，在遇到第二个运算符时，就把前一步的操作结果计算出来。这样的处理方式并不适用 于笔者想要解决的问题。

进一步搜索后发现，前缀表达式、中缀表达式、后缀表达式的概念，给定的字符串8 - (6 + 4 / 2 - 1) * 2属于中缀表达式，而想要计算机得出结果，可以转为前缀表达式或者后缀表达式，然后再对转换后的表达式进行计算。

这里采用中缀表达式转后缀表达式，然后计算后缀表达式得出结果

目前B站客户端的 Monorepo 模式还在进化中，未来会有越来越多的编译优化的自研规则实装到我们的iOS项目中来，分布式编译能力也已经提上日程。

How does syntax highlighting work?

In IDEs, syntax highlighting has traditionally been implemented in a mode-based pattern matching approach. Each language "grammar" defines a set of scopes, regular expressions that match different kinds of tokens in each scope, and inclusions of scopes inside other scopes. The capturing groups in the regular expressions are then associated with names in some taxonomy that themes interface with.

I put "grammar" in quotes because they're very different from actual formal grammars (ABNF etc). Code editing as we know it is really a stack of several mostly-independent features, each of which has different priorities and ends up involving a different version of "parsing". IDEs mostly want syntax highlighting to be fast and forgiving. We expect our tokens to be colored "correctly" even in invalid/intermediate states, and we expect highlighting to happen basically instantly. This means that lots of systems converged on loose regex-based approaches that could identify keywords and operators and atoms without needing to parse the source into an actual AST.

在开发时，一直希望有一种原生的CSS方式来裁剪图片，并将其定位在我需要的任何方向。

在这篇文章中，将带领大家了解Jake Archibald在今年年初提出的新的CSS属性object-view-box。它允许我们裁剪或调整被替换的HTML元素，就像一个 <img/> 或 <video>。

仅使用 CSS，实现响应式表格的布局效果。

Learn why the GitHub Design Infrastructure team built a dedicated color tool and how they use it to create new color palettes for GitHub.

Mock是一个接口编辑模拟工具，可以快速手动或者基于YAPI创建Mock接口模拟数据调试，同时支持场景，场景组的快速切换，方便在开发期和测试阶段试验不同数据返回的UI功能逻辑。

Mooncake数据模拟平台是得物统一的针对端侧（包括前端，客户端），与服务侧联调Mock的一款工具产品，在平台内部可以快速的创建各个项目产品的Mock多场景数据。本文主要聚焦Mooncake数据模拟平台的探索和实践。

聚焦于汇聚用户在百度APP中产生的资产信息，为用户提供统一的对外资产回访入口。本文从整体介绍百度APP钱包的架构设计、实现过程，结合具体场景讲述如何构建高可用、高稳定性的服务。

播放器是西瓜视频等视频类 App 最主要的业务场景，也是最主要的流量入口，其承载包括下层基础播放，上层的各种播放业务：状态栏、弹幕、音量、亮度、评论、点赞、进度、倍速、清晰度、选集、合集、商业化等。

西瓜对整个业务播放器做了整体抽象，提供了一套可插拔，可复用的播放器业务框架，包括：视频播放、播控交互、业务拓展。

本文播放器是指业务播放器，主要包括视频播放、播控交互、播放业务拓展，本播放器旨在提供一套完整的架构来包容播放器所有业务，实现播放业务可插拔。

研发管理体系建设的基本路径是如何从良好过渡到优秀，进一步迈向卓越，最终成就伟大的变革进程！