认识达内从这里开始

认真做教育专心促就业

南宁达内web前端培训组件化编程开发应用常见问题分析

发布：南宁达内it培训
来源：互联网
时间：2022-08-31 09:40

组件化编程开发随着互联网的不断发展而被越来越多的程序员掌握并应用实践，下面我们就通过案例分析来简单了解一下，组件化编程开发应用常见问题分析。

南宁达内web前端培训组件化编程开发应用常见问题分析

虽说开发普通的应用程序不同于开发复杂的基础设施(也就是用于托管组件的容器)，但如果一些东西在系统中会多次出现，那么将它们设计成可重用组件(与上下文无关)仍然是一个好主意。无论你使用何种技术，也无论是业务还是技术，一定程度粒度的抽象仍然是有用的：将与同一业务概念相关的数据和规则封装成一个可重用的对象，或者构建可以在应用程序多个地方进行实例化的小部件，总归是个好主意。

创建组件的方法有很多，具体视自己的需求而定。组件化开发技巧，用于处理JavaScript组件的状态、自定义属性和视图。当然，我们不要拘囿于别人推荐的技术，而是要先考虑自己的需求，然后再选择合适的技术。

除了标准的小部件组件(通常是标准的Web组件)，任何一个组件都应该能够：

将逻辑和视图拆分开(通常会使用MVC模式)。把它们混合在一起通常会导致代码不易于维护，还会降低灵活性参数化组件的行为或视图。

通过触发事件的形式通知订阅者组件中发生了某些事件(通常是在发生用户交互之后)。

同步：如果发生一些事件，组件应该能够进行重绘。这个使用反应式开发库(如RxJS)可以很容易实现。

在任何情况下，无论你选择了什么样的设计策略，你的组件(或者更具体地说，它的相关“视图”)都必须能够提供一些HTML渲染结果。你可以使用包含HTML代码的字符串，但HTMLElement(或Element)通常是更好的选择(可读性高，直接更新，可以绑定事件处理器)，而且性能更好(不需要解析)。

此外，你可能希望使用来自三方的外部组件。由于专有框架的流行程度较高，它们可以更大程度地利用社区开发的库和组。它们中的大多数实际上与纯JS实现的特性(比如JQuery)并没有太大不同，但问题是，它们缺乏互操作性，所以到后你会发现自己需要的其实是纯JS或Web组件。

所幸的是，这样的库确实存在，比如VanillaJSToolkit，尽管可能不太常见。在Web组件方面，我们列出了2000多个元素。甚至还有普通的Web组件，只是它们与我们要讨论的不太相关(更多的是关注轻量级实现，而不是互操作性)。

【免责声明】：本内容转载于网络，转载目的在于传递信息。文章内容为作者个人意见，本平台对文中陈述、观点保持中立，不对所包含内容的准确性、可靠性与完整性提供形式地保证。请读者仅作参考。更多内容请加danei0707学习了解。欢迎关注“达内在线”参与分销，赚更多好礼。

< 上一篇：南宁达内计算机培训互联网代理技术演变趋势分析

下一篇：南宁达内amo全媒体培训互联网运营的常见问题分析 >