당신을 가장 잘 이해하는 프론트엔드 강좌: HTML5/CSS3/ES6/NPM/Vue/...[원본]

편집기 VScode 설치

크롬 설치 구글 크롬

VScode 범용 플러그인 설치 및 사용

VScode 마크다운 및 글꼴 설정

마크다운 문법 규칙

HTTP 기본 사항

웹 개발의 공통 용어 분석

HTML 문서 구조

단일 라벨과 이중 라벨

프런트엔드 실용적인 페이지 디스플레이

라이브 서버 플러그인 사용

클라이언트와 로컬 서버의 관계

마크다운 문서 작성

vscode 사용자 정의 파일 아이콘

코드를 자유롭게 활용해 보세요.-Emmet 구문

html 공통 속성과 기본 속성

HTML 이벤트 속성 및 사용자 정의 속성

일반적으로 사용되는 레이아웃 의미 체계 태그

이미지-링크-목록 태그

그래픽 및 텍스트 목록과 탐색 구현

HTML 테이블에 대한 자세한 설명

데이터 상호 작용 매체 형식

양식 HTTP POST 제출

양식 비밀번호 상자 숨기기 및 표시

라디오 라디오 버튼

체크박스체크박스

양식 컨트롤 드롭다운 메뉴

양식 버튼 유형

iframe 인라인 요소가 Baidu 지도를 로드합니다.

비디오 태그는 Douyin 짧은 비디오를 로드합니다.

인라인 프레임을 사용한 작은 실제 경험 - 스키니 백엔드 홈페이지 구축

CSS 프로그래밍 목표

요소 스타일 소스 해석

스타일 참조 우선순위 문제

스타일 상속

기본 선택기에 대한 완전한 설명

레벨 선택기

선별자의 가중치에 대한 상세한 분석

구조적 의사 클래스 선택자

의사 클래스 선택기 매개변수

의사 클래스 빠른 매칭

의사 클래스 형성

글꼴 아이콘 사용

레이아웃 아티팩트--박스 모델

CSS 레이아웃 단위

뷰포트 단위 vh-vw

일반적으로 사용되는 테이블 스타일(의사 클래스)

미디어 쿼리--모바일 레이아웃 적응

포지셔닝 및 포지셔닝 요소

로그인 모달박스 포지셔닝 실습

flex 유연한 레이아웃--컨테이너

플렉스 컨테이너의 속성

플렉스 아이템 속성

뷰포트 뷰포트(레이아웃 뷰포트, 시각적 뷰포트, 이상적인 뷰포트)

모바일 레이아웃 솔루션(rem+vw)

그리드 컨테이너 속성 및 프로젝트 속성

그리드 레이아웃의 고급 게임플레이

그리드는 성배 레이아웃을 구현합니다.

사용자 정의 그리드 레이아웃 구성 요소

그리드 그리드 레이아웃 실습 사례

JavaScript 스크립트를 실행하려면 Node.js를 설치하세요.

코드 및 프로그램 실행 흐름의 멤버

변수(데이터) 및 코드 블록(프로그램) 재사용

JavaScript 함수에 대한 간략한 분석

JavaScript 범위 및 범위 체인

자바스크립트 상수

식별자 명명 규칙

익명 함수가 실행되는 방법

화살표 기능 및 사용 시나리오

...나머지 매개변수의 전형적인 사용

함수 반환 값

JS 데이터 유형--배열

JS 객체--데이터 및 메소드 캡슐화

JS 기능의 숨겨진 정체성과 사용법

프로세스 제어--단일 분기 및 이중 분기

다중 분기 프로세스 제어 스위치

while 입력 유형 판단 루프

for, for-of, for-in循环

객체 리터럴에 대한 단순화된 접근 방식

템플릿 리터럴 및 템플릿 함수

폐쇄: 부분 함수가 데이터 분할을 구현합니다.

JS 순수 함수

JS 접근자 속성

JS 클래스 및 객체

클래스 상속(확장)

JS 클래스에서 접근자 속성 사용

구조 분해 할당 - 배열 분해 및 객체 분해

브라우저의 JS

DOM 요소 가져오기 및 조작

DOM 양식 요소 가져오기

DOM 트리 탐색

DOM 요소에 대한 작업 추가, 삭제 및 수정

JS 작업 요소 내용

DOM 운영 실습: 게시판

사용자 정의 속성--데이터세트 객체

JS 작업 클래스 속성--classList 객체

이벤트 추가 및 삭제

이벤트 버블링 및 이벤트 위임

양식 이벤트 요약

JS 실행 메커니즘: 단일 스레드 + 타임 루프

단일 스레드 비동기 데모

문자열에서 일반적으로 사용되는 API

js 배열 작업의 전체 모음(팝, 푸시, 이동 해제, 삭제, 이동 메서드)

배열 반복 및 순회 방법

어레이 분리, 반전, 접합 및 업데이트 작업

네이티브 JS 작동: 탭

실전 전투 : 장바구니 품목 자동 계산

이벤트 게시 및 구독

실제 전투: 캐러셀 차트를 구현하는 15줄의 코드

실용적인 전투: 지연 로딩

실용적인 전투: 반응형 웹앨범 관리자

JS의 JSON에 대한 자세한 설명

ajax-xhr 비동기 데이터 쿼리

약속의 과거와 현재의 삶

약속 상태: 이행 보류 중 거부됨

Promise 상태에 따라 다양한 콜백을 트리거합니다.

가져오기 API

JS 모듈식 개발

노드 기본 사항

Node 명령은 js 스크립트를 실행합니다.

프로젝트 종속성을 설치하고 삭제하는 npm 명령

npm은 전역 종속성 패키지를 설치합니다.

패키지 버전 번호 규칙

패키지 버전 확인 및 업데이트

노드 플러그인 설치 및 동기화

Ndoe의 기본 디자인 패턴 CPS 원칙

Nodejs 측 모듈식 CommomJS 사양에 대한 자세한 설명

Nodejs http 모듈에 대한 자세한 설명

Nodejs 파일 모듈

Nodejs 경로 모듈

Git 버전 제어 구현 원리

git 로컬 창고 초기화

Git 코드 제출 프로세스

git 체크아웃 파일 복원

연결된 원격 창고 구성

git ssh 구성 튜토리얼

일반적인 git 명령 요약

vue는 동적 페이지를 생성합니다

마운트 지점, Vue 인스턴스, 데이터 주입, 응답성

v-text v-html v-once 지시어 사용

Vue 동적 바인딩 스타일을 작성하는 다양한 방법

vue 입력 양방향 지연 바인딩

Vue 이벤트 바인딩

v-목록 렌더링용

Vue 조건부 렌더링

Vue 키보드 수정자

Vue 계산 속성은 장바구니 기능을 구현합니다.

Vue 시계 데이터 모니터링

Vue 전역 구성 요소 등록

하위 구성요소는 상위 구성요소로부터 데이터를 받습니다.

하위 구성 요소 이벤트 듣기