你可能想不到，只用两行 CSS，就能让你的卡片、图片、内容块自动适应各种屏幕宽度，彻底摆脱复杂的媒体查询！ 秘诀就是 CSS Grid 的 auto-fill 和 auto-fit。 马上教你用！✨

最近要做一个要有炫酷效果动画的大屏页面（如下图所示），这种可视化大屏页面最重要的就是要能够吸引人的眼球，让人眼前一亮的感觉，所以我们就需要跟UI同学进行深度沟通，也是在经过多次的修改调试最终才完成了比

现状 下图是一个1920*1080的大屏示意图 使用常规的缩放方法，让大屏在窗口内最大化显示。大屏在不同的窗口中出现了空白区域，并没有充满整个屏幕。 新的方法  在缩放的基础上，对指定的要素进行贴边处

requestIdleCallback requestIdleCallback 是 浏览器提供的 API，用于在 浏览器空闲时执行低优先级任务，不会阻塞主线程，也不会影响动画和用户交互。 使用场景 非

实现定高、不定高的瀑布流虚拟列表组件，分享实现过程和思路，实现小红书首页的瀑布流虚拟列表效果并进行计算加载优化。

通过 mixin 重载 flutterWidgetBinding , 实现 flutter 通用扫码枪方案。处理扫码唤起键盘、扫码唤起联想输入、存在焦点但扫码无反应等问题。

小编在项目中有遇到使用 flutter 实现扫码枪接入的需求。为方便使用，小编把能力封装成 package 并发布。好记性不如烂笔头，下面是该插件的使用方式，以及途中遇到的坑和处理想法。

Flutter 2在3月份发布以后，开放了移动端、Web端、桌面端的发布能力，之前一直使用Flutter开发移动应用，没有敢用Flutter做Web项目，近期有时间自己调研了一下，也遇到了一些问题，在

前言 我们来看一个常见的场景，就是自定义键盘。要想显示自己自定义的键盘，那么必然需要隐藏系统的键盘.