nodejs 모듈화의 이점: 1. 코드 분리로 코드 재사용성이 향상됩니다. 3. 코드 가독성이 향상됩니다. 4. 주문형 로딩이 가능합니다. 5. . 의존성을 편리하게 관리합니다.
이 튜토리얼의 운영 환경: windows7 시스템, nodejs 버전 12.19.0, DELL G3 컴퓨터.
모듈화란 무엇인가요?
프로그래밍 분야에서 모듈화는 고정된 규칙을 따르고 큰 파일을 독립적이고 상호 의존적인 여러 개의 작은 모듈로 분할하는 것입니다. 일반인의 관점에서 보면 하나의 js 파일은 다른 js 파일의 데이터를 사용할 수 있습니다.
모듈화의 이점은 무엇입니까?
1. 코드 분리는 코드의 재사용성을 향상시킬 수 있습니다
2. 코드의 유지 관리성을 향상시킬 수 있습니다
4. 주문형 로딩
을 구현할 수 있습니다. 5. 이름 충돌
을 해결할 수 있습니다. 6. 편리한 종속성 관리모듈화의 등장으로 함수 범위와 유사한
모듈 범위도 사용자 정의 모듈에 도입됩니다. 정의된 변수, 메소드 등은 현재 범위 내에서만 액세스할 수 있습니다. 이러한 액세스 제한은 변수 오염 문제를 효과적으로 해결합니다.
모듈 사양
모듈화 사양은 코드를 모듈로 분할하고 결합할 때 따라야 하는 규칙입니다. 예:
모듈을 참조하는 데 사용되는 구문 형식
-
구문 형식
모듈 사양의 이점: 모든 사람이 동일한 모듈 사양을 준수하여 코드를 작성하므로 통신 비용이 절감되고 다양한 모듈 간의 통신이 크게 촉진됩니다. yourself
모듈 사양 유형:
- 사양: nodejs에서 따르는 것이 commonjs 사양입니다.
-
ES6
모듈형 사양: (프론트엔드와 백엔드 공통 모듈형 사양; Node.js, Vue, React에서 사용할 수 있습니다!) -
CMD 및 AMD
모듈형 사양(덜 사용됨) ) : CMD--sea.js, AMD-require.js -
UMD
은 동일한 코드 모듈이 CommonJs, CMD를 사용하거나 심지어 런타임이나 컴파일 타임에도 실행되도록 할 수 있는 Universal Module Definition이라고 합니다. AMD의 프로젝트. 자체 독점 사양은 없지만 CommonJs, CMD 및 AMD의 사양을 통합합니다. -
차이: 1. 종속 모듈의 경우 AMD가 먼저 실행되고 CMD가 지연되어 실행됩니다.
2. CMD는 근처의 종속성을 촉진하고 AMD는 앞에서 종속성을 촉진합니다.
nodejs 모듈 분류
내장 모듈 --- fs(파일 시스템 모듈).path(경로 모듈).http(네트워크 운영 모듈)...
const fs = require("fs"); //node提供的基础模块,可以直接导入使用
- 커스텀 모듈 - -- 사용자가 직접 만든 .js 파일
const m = require("./js文件名");//注意其中是相对路径,后缀名.js可加可不加
- 타사 모듈 --- 일반적으로 패키지
const moment = require('moment');// 使用前需要通过npm i moment 命令安装该包
모듈 가져오기 및 내보내기
require() 메서드를 사용하여 모듈 로드참고:
require 메서드를 사용하여 다른 모듈을 로드하면 로드된 모듈의 코드가 실행됩니다내보내기
각 사용자 정의 모듈에는 현재 모듈과 관련된 정보를 저장하는 모듈 객체가 있습니다. 속성 중 하나인 내보내기는 모듈을 로드할 때 외부 사용을 위해 모듈 멤버를 노출할 수 있습니다. module.exports 속성이 가리키는 빈 개체입니다.
이 모듈의 데이터를 사용하려면 외부 사용을 위해 module.exports 속성에 속성 값을 추가하면 됩니다.- 코드를 단순화하려면 멤버를 외부적으로 공유하기 위해 노드는 내보내기 개체를 제공합니다.기본적으로 내보내기와 module.exports는 동일한 개체를 가리킵니다.
- 참고: 모듈을 가져오기 위해 require() 메서드를 사용할 때 가져오기 결과는 항상 module.exports가 가리키는 객체를 기반으로 exports 및
exports = {
username: 'ls',
gender: '男'
}
module.exports = exports;
module.exports.age = '20';
// 导入后的结果为 {username:'ls',gender:'男',age:'20'}
exports = {
username: 'ls',
gender: '男'
}
module.exports.age = '20';
module.exports = exports;
// 导入后的结果为 {username:'ls',gender:'男'}
exports = {
username: 'ls',
gender: '男'
}
exports = module.exports;
module.exports.age = '20';
// 导入后的结果为 {age:'20'}
그러니 불필요한 문제를 피하기 위해 사용할 때 두 가지 방법 중 하나만 사용하도록 하세요
더 많은 노드 관련 지식이 있으시면 nodejs 튜토리얼을 방문해 주세요! !
위 내용은 nodejs 모듈화의 이점은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

classselectorsareversatiledreusable, whileDselectorsareUniqueAndspecific.1) USECLASSSELECTORS (DENOTEDBY.) ForstylingMultipleElementSwithSharedCharacteristics

idsareUniqueIndifiersforsinglelemes, whileclassesstylemultipleements.1) useidsforuniqueElements 및 Javascripthooks.2) useclassessforusable, flexiblestylingacrossmultipleelements.

클래스 전용 선택기를 사용하면 코드 재사용 성과 유지 관리가 향상 될 수 있지만 클래스 이름 및 우선 순위를 관리해야합니다. 1. 재사용 성과 유연성 향상, 2. 여러 클래스를 결합하여 복잡한 스타일을 만들고, 3. 긴 클래스 이름과 우선 순위로 이어질 수 있습니다.

ID 및 클래스 선택기는 각각 고유 및 멀티 요소 스타일 설정에 CSS에서 사용됩니다. 1. ID 선택기 (#)는 특정 탐색 메뉴와 같은 단일 요소에 적합합니다. 2. 클래스 선택기 (.)는 통합 버튼 스타일과 같은 여러 요소에 사용됩니다. ID는주의해서 사용하고 과도한 특이성을 피하며 스타일 재사용 성과 유연성을 향상시키기 위해 클래스를 우선시해야합니다.

HTML5의 주요 목표와 장점은 다음과 같습니다. 1) 개선 된 웹 의미 론적 구조, 2) 멀티미디어 지원 향상 및 3) 교차 플랫폼 호환성 홍보. 이러한 목표는 더 나은 접근성, 더 풍부한 사용자 경험 및보다 효율적인 개발 프로세스로 이어집니다.

HTML5의 목표는 개발 프로세스를 단순화하고 사용자 경험을 향상 시키며 동적 및 액세스 가능한 네트워크를 보장하는 것입니다. 1) 오디오 및 비디오 요소를 기본적으로 지원하여 멀티미디어 컨텐츠의 개발을 단순화합니다. 2) 콘텐츠 구조와 SEO 친근감을 향상시키기위한 의미 론적 요소 등을 소개합니다. 3) 애플리케이션 캐시를 통해 오프라인 함수 향상; 4) 요소를 사용하여 페이지 상호 작용을 향상시킵니다. 5) 모바일 호환성을 최적화하고 반응 형 디자인을 지원합니다. 6) 형태 기능을 개선하고 검증 프로세스를 단순화합니다. 7) Async 및 Defer 속성과 같은 성능 최적화 도구를 제공하십시오.

html5transformswebdevelopment는 소개 antranticlementements, multimediacapabilities, andperformanceoptimizationtools.1) semanticlements likes ,, andenhanceseoandaccessibility.2) multimediaElements and withoutplugins, iceveringue

TherealDifferenceBet weenusinganidversusaClassincssissiSTIDSAREUNIQUENDHAVEHIGHERSPECIFIC, WHELECLASSEREEREUSABLEADBETTERSTYLINGMULTIPLEEMENTES.USEIDSFORJAVASFORJAVASCRICTSORUNIQUELEMENTS, AndUSECLASSESFORSTYLINGPURES


핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

Video Face Swap
완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

인기 기사

뜨거운 도구

SublimeText3 Linux 새 버전
SublimeText3 Linux 최신 버전

ZendStudio 13.5.1 맥
강력한 PHP 통합 개발 환경

에디트플러스 중국어 크랙 버전
작은 크기, 구문 강조, 코드 프롬프트 기능을 지원하지 않음

Eclipse용 SAP NetWeaver 서버 어댑터
Eclipse를 SAP NetWeaver 애플리케이션 서버와 통합합니다.

맨티스BT
Mantis는 제품 결함 추적을 돕기 위해 설계된 배포하기 쉬운 웹 기반 결함 추적 도구입니다. PHP, MySQL 및 웹 서버가 필요합니다. 데모 및 호스팅 서비스를 확인해 보세요.