美文网首页
如何理解组件化,模块化 开发

如何理解组件化,模块化 开发

作者: 大笑一声 | 来源:发表于2017-08-23 22:21 被阅读0次

前端模块化、组件化的理解

随着前端的不断发展,前端已经不仅仅是一个简单依据需求完成网页开发的过程,

如何提高网页开发效率,提高代码复用率,降低块与块之间的耦合性是我们需要思考的问题,

而前端的组件化、模块化让我们能解决这样的问题。

组件化更多关注的UI部分,页面的每个部件,比如头部,内容区,弹出框甚至确认按钮都可以成为一个组件,每个组件有独立的HTML、css、js代码。

可以根据需要把它放在页面的任意部位,也可以和其他组件一起形成新的组件。一个页面是各个组件的结合,可以根据需要进行组装。

而模块化侧重的功能的封装,主要是针对Javascript代码,隔离、组织复制的javascript代码,将它封装成一个个具有特定功能的的模块。

模块可以通过传递参数的不同修改这个功能的的相关配置,每个模块都是一个单独的作用域,根据需要调用。

一个模块的实现可以依赖其它模块

0A����O��

相关文章

  • 前端知识体系(React)

    1、基础知识 如何理解组件化、模块化 如何理解state的渲染机制 组件的生命周期 组件的通信方式 es6的基础知...

  • Android 组件化开发

    本篇简单谈谈组件化及其搭建方案 浅谈对组件化的理解 什么是组件化?如何实现组件化? 不得不提的模块化 Androi...

  • 如何理解组件化,模块化 开发

    前端模块化、组件化的理解 随着前端的不断发展,前端已经不仅仅是一个简单依据需求完成网页开发的过程, 如何提高网页开...

  • iOS组件化、模块化

    这篇文章主要谈一下自己对模块化和组件化的理解。 模块化和组件化差别 很多时候模块化、组件化会被大家认为是一个东西。...

  • iOS模块化-模块间通信

    前言 前面写过一篇《iOS 组件化》,里面介绍了组件化和模块化的区别,模块化可以简单理解为业务模块的组件化。 模块...

  • webpack基础笔记

    webpack基础 1.前端工程化 实际的前端开发: 模块化:(js的模块化,css的模块化,资源的模块化) 组件...

  • 前端开发过程中有哪些问题需要考虑?

    前端开发过程中有哪些问题需要考虑? 组件库 模块化 前端业务团队 做的事情沉淀组件库 团队基础沉淀模块化 开发...

  • Angular项目目录结构

    angular结构 主要文件 模块化组件化开发模式 创建组件命令 引用组件 数据绑定

  • iOS组件化储备

    资料 组件化/模块化 蜂鸟商家版 iOS 组件化 / 模块化实践总结 模块化与解耦 浅析 iOS 应用组件化设计 ...

  • 模块化、组件化与插件化(1)

    模块化、组件化与插件化 组件化 modularization、component 模块化 modularizati...

网友评论

      本文标题:如何理解组件化,模块化 开发

      本文链接:https://www.haomeiwen.com/subject/jpnjdxtx.html