一、问题背景： APP中有一个功能是H5做的，通过webview加载显示，H5页面中会请求后端，获取数据后，展示页面给用户。上线后陆续收到用户反馈此页面无法打开，报Network Error错误。 二

首先，就我之前的情况而言，flex布局是比较熟悉的，可以直接写，相比之下grid布局就不是那么熟了，虽然我已经了解它的一些核心功能，但在实际应用时仍然需要通过简单的搜索来查找具体的用法...

OpenId 是一个用户对于一个小程序／公众号的标识，开发者可以通过这个标识识别出用户。 UnionId 是一个用户对于同主体微信小程序／公众号／APP的标识，开发者需要在微信开放平台下绑定相同账号的主体。开发者可通过UnionId，实现多个小程序、公众号、甚至APP 之间的数…

最近迁移前端资源到云厂商时，我遇到了一个奇怪的问题 —— 线上环境某个 CSS 资源跨域了，后果直接导致项目崩溃不可用。大领导直接找到了我的工位，激动的心，颤抖的手，问题原因就是找不到！！！

背景 原生架构+H5页面的组合是很常见的项目开发模式了，H5的优势是跨平台、开发快、迭代快、热更新，很多大厂的App大部分业务代码都是H5来实现的，众所周知H5页面的体验是比原生差的，特别是网络环境差

不是因为网络原理不好理解，而是它往往都是直接告诉你它是什么，但它并不告诉你为什么要这样。 所以是你去创造一个网络，你会去怎么设计？

现代 CSS 应该是 2023 年前端圈热门话题之一，这些新特性可以帮助开发者更加轻松地实现各种复杂的设计需求，解决老的 CSS 问题，同时现代 CSS 技术还可以提高 Web 的可访问性和可维护性。

对于几百M或上G的大图而言，不管对图片进行怎么优化或加速处理，要实现秒开也是不太可能的事情。而“图像分割切片”是最佳解决方案。图像切片是指将一张大图分割成若干个小图的过程，以便于存储和处理。

在项目开发过程中，前端需要存储大量的数据，cookie,localstorage 都有存储长度限制，需要一个存储容量大、支持搜索和自定义索引的前端存储方案——IndexDB。