Front_end-Demos
프론트 엔드 교육 프로그램은 개인 작업과 연구에 의해 축적 된 데모를 기록하는 데 사용됩니다.
| 이름 | 소스 코드 |
|---|
| KOA+MYSQL은 시간이 지정된 메일 전송 웹 사이트를 구현합니다 | |
| vue-todo-demo 프로젝트 | 암호 |
| 반응-토도 데모 프로젝트 | 암호 |
| 파일을 업로드하려면 박스를 드래그 앤 드롭합니다 | 암호 |
| 캔버스는 사진 보드를 구현합니다 | 암호 |
| 캔버스는 파이 차트를 그립니다 | 암호 |
| Vue National Day Show-Off Plan H5 활동 페이지 (모바일 터미널) | 암호 |
| Angular Hero 튜토리얼 | 암호 |
| 다양한 오디오 형식을 테스트합니다 | |
| HTML5 오디오 태그 | 암호 |
| HTML5 비디오 태그 | 암호 |
| 데이터 구조 -JS 작동 바이너리 트리 | 암호 |
| leetcode 문제 해결 아이디어 | 암호 |
| 노드는 protobuf를 사용합니다 | 암호 |
| Vue는 protobuf를 사용합니다 | 암호 |
| px2rem | 암호 |
초보자가 연습하기에 적합한 프론트 엔드 프로젝트는 무엇입니까? . 원래 프로젝트 저자 덕분에 단계별로 썼고 소스 코드를 Github에 넣었습니다. Ferris의 원본 JavaScript 학습
제 1과
- 1. 제어 분할 속성
- 2. 웹 피부 교체
- 3. 함수는 매개 변수를 수신하고 팝업됩니다
- 4. 루프를 사용하여 3 개의 div를 빨간색으로 바꿉니다.
- 5. 마우스를 내/아웃으로 이동하여 스타일을 변경하십시오
- 6. 비밀번호 프롬프트 상자를 기억하십시오
레슨 2
- 1. 바이두 입력 방법
- 2. div를 클릭하여 innerhtml을 표시합니다
- 3. 배열에서 모든 숫자의 합을 찾으십시오.
- 4. 팝업 레이어 효과
- 5. 함수 매개 변수를 전달하고 DIV 속성의 값을 변경하십시오.
- 6. 이미지 목록 : 사진의 투명성을 변경하기 위해 이동/출력
- 7. 간단한 탭
- 8. 간단한 JS 캘린더
- 9. 단일 버튼을 보여 주거나 재생 목록을 표시/숨기려고 확장하십시오.
- 10. 프롬프트 박스 효과
- 11. 마우스를 이동하고 이미지 경로를 수정하십시오.
- 12. CheckBox (CheckBox) ALL/NOT ALL/NOT SELECT를 선택하십시오
레슨 3
- 1. 유형을 사용하여 데이터 유형을보십시오
- 2. Parseint를 사용하여 숫자와 합계를 구문 분석하십시오
- 3. 커피 컬트 버튼을 혼자서 추가하십시오
- 4. 크기를 비교하려면 두 개의 숫자를 입력하십시오
- 5. 페이지가로드 된 후 직접 1을 추가하십시오.
- 6. 숫자가 2 자리 숫자인지 확인하십시오
- 7. 웹 계산기
- 8. 간단한 웹 시계
- 9. 카운트 다운 (100 초)
레슨 4
- 1. 세트 타임 아웃 응용 프로그램
- 2. 자동으로 슬라이드 효과를 재생합니다
- 3. 방향과 슬라이드 효과를 자동으로 변경합니다
- 4. aggruments 응용 프로그램의 총 기능 매개 변수를 찾는 것
- 5.CSS 함수 객체의 속성을 설정/읽습니다
- 6. 현재 입력 상자가 강조 표시됩니다
