前言
这是我写青训营前端训练营的第8 篇笔记
客户端容器概念
（Client Container）通常指的是Web浏览器，可以理解为是前端技术的执行环境。在客户端容器中，我们可以运行HTML、CSS、JavaScript等前端技术，呈现出交互式、响应式的界面和功能。
在客户端容器中，我们可以通过JavaScript调用浏览器提供的API实现各种操作，例如操作DOM节点、修改CSS样式、发送Ajax请求、创建Cookie等等。这些API通常是浏览器厂商提供的跨浏览器兼容的，但也存在一些浏览器私有的API需要注意。
在前端开发中，我们经常需要考虑各种客户端容器之间的兼容性问题，例如不同浏览器的差异、不同设备的屏幕大小、分辨率等等。这也是前端开发者需要熟练掌握的能力之一。
客户端容器是指在客户端环境中运行的软件组件，它们可以允许开发者编写、运行和管理应用程序。在Web前端中，客户端容器是指浏览器。浏览器充当了一个客户端容器，它通过HTML、CSS和JavaScript来展示网页，并在用户与网页进行交互时触发浏览器中的事件。
客户端容器可以有多种形式，如桌面应用程序、移动应用程序、浏览器插件、云基础架构等，它们都提供了不同的开发和部署方式。在Web前端开发中，浏览器是最常用的客户端容器，因为它可以实现跨平台、响应快速和易于部署等优势。此外，浏览器还为Web前端开发者提供了众多工具和框架，使得开发工作更加简单、高效。
跨端容器
跨端容器是指一种支持多个平台和环境的技术，可以让开发者基于统一的API和组件库，快速构建多端应用。在前端领域，常见的跨端容器包括React Native、Flutter等。
跨端容器的出现，主要是为了解决移动端的多样性问题。在传统的移动应用开发中，需要针对不同的移动端（如iOS和Android）分别进行开发和维护，这会增加开发者的工作量和成本，并且很难保证应用在各个平台上的一致性和性能。而跨端容器则可以让开发者只需编写一份代码，就可以运行在多个平台和环境中，大大提高了开发效率和可维护性。
跨端容器通常会提供一些特殊的API和组件，如处理不同平台间差异的API、原生UI控件的封装组件、数据存储和同步功能等。同时，跨端容器还需要考虑性能和体验等问题，以保证应用在不同平台上的表现和响应速度。
为什么需要跨端
0. 开发成本、效率
- 跨端开发可以帮助降低成本和提高开发效率。使用跨端技术，开发者只需编写一份代码，就可以在多个平台（如iOS、Android和Web）上运行。这可以减少开发和维护的工作量，节省时间和资源。同时，开发团队可以更快地推出新功能和修复问题，因为他们只需关注一份代码库。
0. 一致性体验
- 跨端开发可以确保在不同平台上提供一致的用户体验。使用跨端技术，开发者可以更容易地保持应用的外观和功能一致，无论用户在什么设备上使用。这有助于提高用户满意度和用户留存率。
0. 前端开发生态
- 跨端开发受益于强大的前端生态系统。许多流行的前端框架和库，如React Native、Flutter和Ionic，都支持跨端开发。这些工具为开发者提供了丰富的资源和丰富的社区支持，帮助他们更轻松地实现跨端功能。
跨端方案
- webview
- 小程序
- RN/WeeX
- Lynx
- Flutter
