下载require.js, 并引入官网: http://www.requirejs.cn/github : https://github.com/requirejs/requirejs将require.js
原创 2022-11-07 17:42:22
48阅读
require.js使用教程专门用于浏览器端模块化的规范,模块的加载是异步的。下载require.js, 并引入官网: http://www.requirejs.cn/github : https://github.com/requirejs/requirejs将require.js导入项目: js/libs/require.js创建项目结构|-js |-libs |-require.js |-modules |-alerter.js |-dat
原创 2021-06-07 19:52:46
626阅读
1. 模块化目前常见的模块化开发方式,全局空间方式是最基本的一种,另外常见的还有遵循AMD规范的开发方式,遵循CMD规范的开发方式,和ECMAScript 6的开发方式。需要说明的是,CMD和ES6跟本文的核心没有关系,所以不会在此介绍,后面的内容主要介绍AMD以及实现了AMD规范的RequireJ...
原创 2022-04-06 13:40:44
322阅读
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}">
CSS
转载 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阅读
模块化CSS——在CSS中引入面向对象编程思想       如何划分模块——单一职责    模块化可以让代码高度重用,显著提高开发效率。关于模块化,比较成熟的是编程领域的“类”。在面向对象编程方式中,“类”是个非常核心的概念,可以说面向对象思想的基础就是“类”。关于模块化,“类”有很多成熟的技巧,例
转载 2024-03-10 16:46:18
28阅读
BEM风格代码案例:
转载 2020-03-02 20:34:00
116阅读
2评论
第一步:下载require.js,创建HTML文件添加引用,确保自己的路径设置正确。 <script src="../ThirdParty/requirejs-2.1.20/require.js"></script> 第二步:创建功能模块.js文件,最好一个.js文件定义一个模块。 (functio ...
转载 2021-09-09 20:43:00
69阅读
2评论
问题index.html:<!DOCTYPE html><html> <head> <script type="text/" src="a.js"></script> </head> <body> <span>body</span> </body></html>a.js:functio
原创 2023-02-21 00:35:11
102阅读
为什么要CSS模块化
转载 2022-03-22 18:23:54
405阅读
随着网站功能逐渐丰富,网页中的js也变得越来越复杂和臃肿,原有通过script标签来导入一个个的js文件这种方式已经不能满足现在互联网开发模式,我们需要团队协作、模块复用、单元测试等等一系列复杂的需求。 RequireJS是一个非常小巧的JavaScript模块载入框架,是AMD规范最好的实现者之一
原创 2021-08-04 11:54:35
176阅读
随着网站功能逐渐丰富,网页中的js也变得越来越复杂和臃肿,原有通过script标签来导入一个个的js文件这种方式已经不能满足现在互联网开发模式,我们需要团队协作、模块复用、单元测试等等一系列复杂的需求。 RequireJS是一个非常小巧的JavaScript模块载入框架,是AMD规范最好的...
转载 2016-01-03 21:38:00
125阅读
2评论
随着网站功能逐渐丰富,网页中的js也变得越来越复杂和臃肿,原有通过script标签来导入一个个的js文件这种方式已经不能满足现在互联网开发模式,我们需要团队协作、模块复用、单元测试等等一系列复杂的需求。 RequireJS是一个非常小巧的JavaScript模块载入框架,是AMD规范最好的...
转载 2016-01-03 21:38:00
49阅读
2评论
正常编写方式index.html: body a.js:function fun1(){ alert("it works");}fun1();可能你更喜欢这样写(function(){ function fun1(){ ale...
转载 2015-08-13 17:01:00
82阅读
2评论
目录目录 自述 继承 状态 总结 预告自述  看到好的文章就喜欢转载收藏一波,这会看了一篇《从css模块化——jack_lo》的文章,文章所述内容跟自己此前的很多想法都有不谋而合、思想共鸣之处(你就吹吧你~)。本人此前也没有学习或参考过类似的CSS模块化的文章,纯粹是自己怎么乐意怎么写的状态,实在是惭愧于自己此前写过的代码
转载 2022-11-28 18:48:45
64阅读
随着网站功能逐渐丰富,网页中的js也变得越来越复杂和臃肿,原有通过script标签来导入一个个的js文件这种方式已经不能满足现在互联网开发模式,我们需要团队协作、模块复用、单元测试等等一系列复杂的需求。RequireJS是一个非常小巧的JavaScript模块载入框架,是AMD规范最好的实现者之一。最新版本的RequireJS压缩后只有14K,堪称非常轻量。它还同时可以和其他的框架协同工作,使用R
转载 2016-03-30 00:44:00
70阅读
这是我看到的一片关于requirejs的初学者的文章,写的不错,下面结合自己的理解记录一下:原文:http://www.sitepoint.com/understanding-requirejs-for-effective-javascript-module-loading/Modular prog...
转载 2015-04-30 07:49:00
73阅读
2评论
  • 1
  • 2
  • 3
  • 4
  • 5