本文探讨了在前端开发中，传统方式下CSS样式修改引发的连锁问题以及JS依赖顺序导致的挑战。通过介绍组件化和模块化的概念，阐述了它们如何解决这些问题。组件化强调封装和复用，允许HTML、CSS和JS在应用中实现局部功能的集合和复用。而模块化主要针对JS，提供了避免依赖冲突的解决方案。Vue等框架的组件系统进一步促进了代码的组织和维护。
之前没有组件式开发：
一：
容易当css样式改变,由于一个css可能被好几个页面使用,会引起一起的修改
当js之间有先后关系时.比如c.js中要调用a.js中的一个方法,则只能a在前c在后否则会报错
但这个可以通过js模块化解决
二：这边js和css可以实现复用但是html的部分如果有重复内容只能进行复制
复制和复用时不同的
如果硬想复用也行 把html内容写成字符串存入一个字符串中,js脚步进行复用
vue组件：
体现了封装
只要进行组件的引就能实现组件的复用
组件可以进行嵌套
组件的定义：实现应用中局部功能代码和资源的集合
注意 这边时局部功能,如果是整一块是组件的话,也不用谈什么复用了
这边的模块指的是js的模块 模块只指js,html和css没有模块一说
比如这边粉色指的是js的模块化,红色代表组件
扫一扫
398
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
