"AngularJS 중국어 참조 매뉴얼"에서 AngularJS는 새로운 속성과 표현식으로 HTML을 확장합니다. AngularJS는 단일 페이지 애플리케이션(SPA: 단일 페이지 애플리케이션)을 구축할 수 있습니다. AngularJS는 배우기가 매우 쉽습니다.
AngularJS는 단일 페이지 애플리케이션 실행을 돕기 위해 Google에서 유지 관리하는 오픈 소스 JavaScript 라이브러리입니다. 목표는 MVC(MVC) 기능을 통해 브라우저 기반 애플리케이션을 향상하여 개발 및 테스트를 더 쉽게 만드는 것입니다. 버전 2의 주요 변경 사항(가장 눈에 띄는 변경 사항은 TypeScript를 전면적으로 사용했다는 점) 이후 Angular로 이름이 바뀌었고, 버전 N은 Angular N의 형태로 이름이 바뀌었습니다.
라이브러리는 추가 사용자 정의(태그 속성)가 포함된 HTML을 읽고, 이러한 사용자 정의 속성의 지침을 따르고, 페이지의 입력 또는 출력을 JavaScript 변수로 표시되는 모델에 바인딩합니다. 이러한 JavaScript 변수의 값은 수동으로 설정하거나 정적 또는 동적 JSON 리소스에서 얻을 수 있습니다.
팁: AngularJS를 배우기 전에 HTML, CSS, JavaScript에 대한 기본 지식이 필요합니다.
첫 번째 AngularJS 인스턴스를 실행해 보겠습니다!
첫 번째 AngularJS 인스턴스
Instance
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.staticfile.org/angular.js/1.4.6/angular.min.js"></script>
</head>
<body>
<div ng-app="">
<p>名字 : <input type="text" ng-model="name"></p>
<h1>Hello {{name}}</h1>
</div>
</body>
</html>인스턴스 실행 중 »
온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요
Angular는 소프트웨어 엔지니어링의 MVC 패턴을 따르며 프레젠테이션, 데이터 및 논리적 구성 요소 간의 느슨한 결합을 장려합니다. 종속성 주입을 통해 Angular는 뷰 독립적 제어와 같은 기존 서버 측 서비스를 클라이언트 측 웹 애플리케이션에 제공합니다. 따라서 백엔드의 부담이 많이 줄어들어 웹 애플리케이션이 더 가벼워집니다.
팁: 저희 AngularJS 튜토리얼은 AngularJS를 마스터하고 사용하는 방법을 단계별로 배우는 데 도움이 됩니다. 질문이 있는 경우 PHP 중국어 웹사이트 AngularJS 커뮤니티로 이동하여 질문하세요. 열정적인 네티즌들이 답변해 드릴 것입니다. 당신을 위해 대답해 주세요.
AngularJS의 주요 기능
AngularJS는 개발자에게 더 높은 수준의 추상화를 제공하여 애플리케이션 개발을 단순화합니다. 다른 추상화 기술과 마찬가지로 일부 유연성이 손실됩니다. 즉, 모든 애플리케이션이 AngularJS에 적합한 것은 아닙니다.
AngularJS는 주로 CRUD 애플리케이션 구축을 고려합니다. 다행스럽게도 WEB 애플리케이션의 최소 90%는 CRUD 애플리케이션입니다. 하지만 AngularJS를 사용하여 빌드하는 데 적합한 것이 무엇인지 이해하려면 AngularJS를 사용하여 빌드하는 데 적합하지 않은 것이 무엇인지 이해해야 합니다.
예를 들어 게임, 그래픽 인터페이스 편집기, 빈번하고 복잡한 DOM 작업이 포함된 애플리케이션은 CRUD 애플리케이션과 매우 다르며 AngularJS로 구축하기에 적합하지 않습니다. 이와 같은 상황에서는 jQuery와 같은 더 가볍고 간단한 기술을 사용하는 것이 더 나을 수 있습니다.
AngularJS 디자인 목표:
DOM 작업에서 애플리케이션 로직을 분리합니다. 이렇게 하면 코드의 테스트 가능성이 향상됩니다.
응용 프로그램 테스트를 응용 프로그램 작성만큼 중요하게 다루세요. 코드가 구조화되는 방식은 테스트가 얼마나 어려운지에 큰 영향을 미칩니다.
애플리케이션의 클라이언트 측과 서버 측을 분리합니다. 이를 통해 클라이언트와 서버 개발이 동시에 진행되고 양쪽에서 재사용이 가능해집니다.
사용자 인터페이스 디자인부터 비즈니스 로직 작성, 테스트까지 애플리케이션 구축의 전체 프로세스를 개발자에게 안내하세요.
이 AngularJS 튜토리얼 매뉴얼에서 다루는 내용
이 AngularJS 튜토리얼 매뉴얼은 AngularJS 표현식, AngularJS 지침, AngularJS 모델, AngularJS 컨트롤러, AngularJS 테이블, AngularJS 이벤트, AngularJS 모듈, AngularJS를 포함하여 React의 모든 기본 사용 방법을 다룹니다. 애니메이션, AngularJS 종속성 주입, AngularJS 라우팅 등
팁: 이 튜토리얼의 각 장에는 많은 AngularJS 예제가 포함되어 있습니다. "예제 실행" 버튼을 직접 클릭하면 온라인에서 결과를 볼 수 있습니다. 이 예제는 AngularJS를 더 잘 이해하고 사용하는 데 도움이 됩니다.
최신 장
- AngularJS 参考手册 2016-10-19
- AngularJS 2016-10-19
- AngularJS 应用 2016-10-19
- AngularJS 路由 2016-10-19
- AngularJS 依赖注入 2016-10-19
- AngularJS 动画 2016-10-19
- AngularJS 包含 2016-10-19
- AngularJS Bootstrap 2016-10-19
관련 강좌
- 웹 프론트 엔드 개발에 대한 빠른 소개 2021-12-10
- 당신을 가장 잘 이해하는 프론트엔드 강좌: HTML5/CSS3/ES6/NPM/Vue/...[원본] 2022-09-30
- Gulp 시작하기 비디오 튜토리얼 2022-04-18
- 전우 Gao Luofeng CSS3 비디오 튜토리얼 2022-04-20
- AngularJS 개발 웹 애플리케이션 기본 예제 비디오 튜토리얼 2022-04-18
- Ajax 전체 접촉 2022-04-13
- MUI 프레임워크 기본 비디오 튜토리얼 2022-04-13
- 온라인 교육 수업 체험 수업 2019-01-10