css样式文件结构( 模块划分的单入口 ) common|_ _ _ _ _ _reset.css|_ _ _ _ _ _common.css 公用样式 libs|_ _ _ _ _ _bootstrap|_ _ _ _ _ _swiper 第三方库样式 modules|_ _ _ _ _ _ind
原创
2021-06-17 19:20:01
381阅读
前端和后台使用一样的模块化的编程思想，分模块的导入需要的文件，不用胡乱的加载js文件，在加载之前首先去加载
原创
2022-02-23 17:35:39
86阅读
1、scoped https://vue-loader.vuejs.org/zh/guide/scoped-css.html 2、module https://vue-loader.vuejs.org/zh/guide/css-modules.html#用法 3、原理 module：通过给样式名加h
转载
2018-12-17 12:49:00
132阅读
2评论
前端和后台使用一样的模块化的编程思想，分模块的导入需要的文件，不用胡乱的加载js文件，在加载之前首先去加载依赖的文件。这个文件是一个service层的文件define(basePath + "/views/park/service/park_service", [ basePath+ "/views/common/js/util"],function(require, export
原创
2021-08-24 10:11:06
116阅读
1. Base2. Layout3. Module4. State5. Theme1) Base rulesBase rules are the defaults.eg:html, body, form { margin: 0; padding: 0; }input[type=text] { border: 1px solid #999; }a { color: #039; }a:hover { color: #03C; }2) Layout rulesdivide the page into sections. Layouts hold one ormore modules together
转载
2013-09-21 11:36:00
226阅读
2评论
一个页面由基本结构体构成：框架、模块、原件。 框架：是构成页面的基础结构，是页面的骨架。框架就可以描述出一个页面的基本轮廓了。如：index.html最外围有一个div（.g-index），页头（.g-hd），主体（.g-bd）。页脚（.g-ft） 模块：是页面上数量最多的，也是最重要的一部分，是代码复用的主体部分，模块就是按照功能划分的，如：导航栏、轮播图、登录窗口等。模块之
原创
2022-10-28 04:23:18
138阅读
CSS Moduless 是一个流行的，用于
模块化和组合
CSS的系统。 vue-loader 提供了与
CSS Modules 的一流集成，可以作为模拟 scoped
css 的替代方案<template>
<p :class="$style.red">moduless</p>
<p :class="{[$style.red]: isRed}">
转载
2021-04-18 19:12:59
370阅读
2评论
1.命名规范，如BEMBEM 的意思就是块（block）、元素（element）、修饰符（modifier）。是由 Yandex 团队提出的一种前端命名方法论。2.css in js使用 js 语言写 css，完全不需要些单独的 css 文件，所有的 css 代码全部放在组件内部，以实现 css 的模块化。CSS in JS 其实是一种编写思想
原创
2022-01-30 11:13:20
10000+阅读
1.命名规范，如BEMBEM 的意思就是块（block）、元素（element）、修饰符（modifier）。是由 Yandex 团队提出的一种前端命名方法论。2.css in js使用 js 语言写 css，完全不需要些单独的 css 文件，所有的 css 代码全部放在组件内部，以实现 css 的模块化。CSS in JS 其实是一种编写思想，目前已经有超过 40 多种方案的实现，最出名的是 styled-components。3. css modules使用JS编译CSS文件，使其具备
原创
2021-07-12 11:21:19
241阅读
随着BS架构的发展，网站逐渐变成了互联网应用程序，嵌入网络的JavaScript代码越来越庞大，越来越复杂（业务逻辑处理或用户交互很多写在前端）。网页越来越像桌面程序，需要一个团队分工协作、进度管理、单元测试等。。开发者不得不使用软件工程的方法，管理网页的业务逻辑。因此JavaScript模块化编程
转载
2019-05-01 08:36:00
107阅读
2评论
文章目录1.4 模块化编程的流程1.5 模块的 API 和功能描述要点1.6 模块文档字符串和 API 设计1.7 模块的创建和测试代码 1.4 模块化编程的流程模块化编程的一般流程：设计 API，进行功能描述；编码实现 API 中描述的功能；在模块中编写测试代码，并消除全局代码；使用私有函数实现不被外部客户端调用的模块函数。1.5 模块的 API 和功能描述要点API（Application
转载
2024-08-26 15:25:14
68阅读
前端模块化 以前模块化的方式： 以前的方式可能出现的问题： 可能小红定义的全局变量覆盖了小明定义的全局变量，小明2中引用小明1的时候会导致数据紊乱，并且要保证执行正确，就要正确的顺序进行引用。 当然可以使用闭包的方式，但是如果用了闭包的方式，又不能访问小明1中的flag。 ES5的解决方法： 小明： ...
转载
2021-08-12 00:14:00
113阅读
2评论
一、什么是模块？ 定义：具有相同属性和行为的事物的集合在前端中：将一些属性比较类似和行为比较类似的内容放在同一个js文件里面的
转载
2022-04-06 11:17:11
204阅读
模块化CSS——在CSS中引入面向对象编程思想 如何划分模块——单一职责 模块化可以让代码高度重用，显著提高开发效率。关于模块化，比较成熟的是编程领域的“类”。在面向对象编程方式中，“类”是个非常核心的概念，可以说面向对象思想的基础就是“类”。关于模块化，“类”有很多成熟的技巧，例
转载
2024-03-10 16:46:18
28阅读
一、模块化的理解
1. 什么是模块?
将一个复杂的程序依据一定的规则(规范)封装成几个块(文件), 并进行组合在一起
块的内部数据与实现是私有的, 只是向外部暴露一些接口(方法)与外部其它模块通信
2. 模块化的进化过程
（1）全局function模式 : 将不同的功能封装成不同的全局函数
编码: 将不同的功能封装成不同的全局函数
缺点: 污染全局命名空间, 容易引起命名冲突或数据
转载
2021-03-23 09:44:00
244阅读
2评论
前端模块化 一、为什么要使用模块化 简单写js代码带来的问题 全局变量同名问题，使用匿名函数可解决变量同名问题，但是闭包又引起代码不可复用问题 匿名函数引起代码不可复用问题 (function(){ var flag=true })() console.log(flag);//报错 //flag是个 ...
转载
2021-09-21 14:37:00
176阅读
2评论
模块 每次谈到模块都有点懵懵懂懂。CommonJS，AMD，以及ECMA6 三者又是什么关系，为什么需要模块加载，如何实现模块加载，这都是问题。 为什么需要模块加载 模块化是一个语言能否进行大工程的一个重要标志。 比如java的Maven c的include python的import 传统我们的前 ...
转载
2021-10-23 13:19:00
183阅读
2评论
一 模块分类： 外部的模块: 指代引入前端工程的某个外部的包(package),可能由多个JS文件组成，但会通过入口暴露给我们项目调用 内部的模块: 指代我们自己的工程项目中编码的最小单元： 即单个的JS文件。 1 外部模块管理：Node包管理器：npm管理 2 内部模块组织： 二 内部模块组织方式 ...
转载
2021-08-30 14:05:00
81阅读
前端模块化 模块化的开发方式可以提高代码复用率，方便进行代码的管理。通常一个文件就是一个模块，有自己的作用域，只向外暴露特定的变量和函数。目前流行的js模块化规范有CommonJS,AMD,CMD,ES6模块系统 CommonJS nodeJS是commonJS规范的主要实践者，他有四个重要的环境变 ...
转载
2021-08-11 17:06:00
117阅读
2评论
前端模块化 JavaScript**原始功能** 1. 在网页开发的早期，js制作作为一种脚本语言，做一些简单的表单验证或动画实现等，那个时候代码还是很少的 那个时候的代码是怎么写的呢？直接将代码写在<script>标签中即可 2.随着ajax异步请求的出现，慢慢形成了前后端的分离 客户端需要完成的
原创
2021-12-29 10:05:30
131阅读
