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阅读
Nodejs模块化(组件)学习模块化指的就是将一个大的功能拆分为一个一个小的模块,通过不同的模块的组合来实现一个大功能。在 node 中一个 js 文件就是一个模块模块内部代码对于外部来说都是不可见的,可以通过两种方式向外部暴露CommonJS 规范的提出,主要是为了弥补当前 JavaScript 没有标准的缺陷。它的终极目标就是:提供一个类似 Python,Ruby 和 Java 语言的标准库。
转载
2024-02-21 12:56:57
67阅读
模块化CSS——在CSS中引入面向对象编程思想 如何划分模块——单一职责 模块化可以让代码高度重用,显著提高开发效率。关于模块化,比较成熟的是编程领域的“类”。在面向对象编程方式中,“类”是个非常核心的概念,可以说面向对象思想的基础就是“类”。关于模块化,“类”有很多成熟的技巧,例
转载
2024-03-10 16:46:18
28阅读
理解JS 模块化 模块化是一个语言膨胀的必经之路,它能够帮助开发者拆分和组织
原创
2022-07-22 15:53:43
75阅读
JS模块化模块化的理解什么是模块?将一个复杂的程序依据一定的规则(规范)封装成几个块(文件), 并进行
原创
2022-10-31 14:54:57
94阅读
AMD 规范在这里:https://github.com/amdjs/amdjs-api/wiki/AMDCMD 规范在这里:https://github.com/seajs/seajs/issues/242AMD 是 RequireJS 在推广过程中对模块定义的规范化产出。CMD 是 SeaJS
转载
2016-10-29 00:13:00
246阅读
2评论
一、理解1、什么是模块、模块化? 将一个复杂的程序依据一定的规范封装成几个文件,并进行组合在一起2、为什么要模块化
转载
2023-05-31 00:34:06
142阅读
一、es6之前 1.代码模块化 通过使用立即执行函数,对象和闭包创建的模块方式称为 作用域只有两种:全局作用域和函数作用域 main.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="vie
原创
2022-12-08 15:15:42
98阅读
一、node.js模块化概念模块化的概念和python中的模块是一样的概念。node.js中的模块化是遵顼的common.js标准 1.每一个js文件都是一个模块 2.在浏览器端: 浏览器是不认识node.js语法的,必须先要提前编译打包处理二、模块加载1.加载内置模块const fs = require('fs')2.加载第三方模块const moment = require('moment')
转载
2023-12-17 14:04:28
92阅读
在前端开发中为了提高网页的开发效率,提高代码的复用率,同时降低块与块之间的耦合性。产生了组件化、模块化让我们解决问题的方法 组件化更多关注的是UI部分,比如头部,内容区,弹出框甚至确认按钮都可以成为一个组件,每个组件有独立的HTML、css、js代码。 我们可以把他放在页面的任意部分,也可以和其他组件一起组成新的组件,一个页面是各个组件的结合,可
转载
2023-06-28 10:38:37
223阅读
文章目录一、什么是模块 / 模块化二、为什么要模块化三、模块化的好处四、模块化历程1. 普通写法2. 对象封装3. 匿名函数自调用(闭包)五、模块化规范1. CommonJS(1)说明(2)基本语法暴露模块:引入模块 require(xxx)(3)实现基于服务器端(node)应用基于浏览器端应用2. AMD(1)说明(2)基本语法定义暴露模块引入使用模块(3)实现(浏览器端)3.CMD:使用不广
转载
2023-06-06 19:50:34
253阅读
1、AMDAMD是一种加载方式,异步加载模块,不占用主进程的代码执行AMD规范依赖于require.js,来完成模块放在数组一块加载AMD推崇依赖前置,在定义模块的时候就要声明其依赖的模块,预加载AMD的执行需要引入require.js文件APIdefine定义模块他有两个参数,第一个用于声明需要加载的依赖模块,他是一个数组;第二个是模块加载成功后的回调函数,这个回调函数相当于这个模块文件的代码区
转载
2023-08-04 10:59:19
83阅读
越像桌面程序,需要一个团队分工协作、进度管理、单元测试等等......开发者不得不使用
转载
2013-01-15 13:15:00
78阅读