프론트엔드 개발 사양 매뉴얼

프론트엔드 개발은 사용자에게 보여주기 위해 웹페이지나 앱과 같은 프론트엔드 인터페이스를 만드는 과정으로, HTML, CSS, JavaScript 및 다양한 파생 기술, 프레임워크, 솔루션을 사용하여 인터넷 제품의 사용자 인터페이스 상호 작용을 구현합니다. 웹페이지 제작에서 발전한 이름으로, 그 이름에는 시대적 특성이 뚜렷하게 담겨 있습니다. 인터넷의 진화 속에서 웹페이지 제작은 웹 1.0 시대의 산물이다. 초기 웹사이트의 주요 콘텐츠는 주로 그림과 텍스트로 정적인 내용이었고, 웹사이트를 사용할 때 사용자의 행동은 주로 브라우징이었다. 인터넷 기술의 발전과 HTML5 및 CSS3의 적용으로 현대 웹 페이지는 더욱 아름다워지고 상당한 대화형 효과를 가지며 더욱 강력해졌습니다.

웹사이트 프론트엔드 개발 사양 매뉴얼이 왜 있나요?

더 많은 사람이 반드시 더 많은 힘을 의미하는 것은 아니며, 혼란스러울 수도 있기 때문입니다. 따라서 팀 결속력을 향상시키고 팀의 코딩 스타일을 통일하며 팀 협업 효율성을 최적화하려면 동일한 프로젝트에서 서로 다른 프로그래머의 코딩 스타일을 제한하는 특별한 "프런트 엔드 개발 사양 문서"를 출시해야 합니다.

"프런트 엔드 개발 사양 매뉴얼"을 작성하려면 먼저 웹 표준을 준수하고 명확한 구조, 뛰어난 호환성, 높은 페이지 성능, 간결하고 명확한 코드와 같은 요구 사항을 고려한 다음 그에 따라 특정 조정을 수행해야 합니다. 개발 요구에.

파일 이름은 항상 영문 소문자를 사용해야 하며 공백이나 특수 기호를 포함하지 않도록 주의하세요.

팀 협업이기 때문에 이름은 구성원 모두가 이해하기 쉽고 검색, 수정, 교체, 부하 계산 등이 쉬워야 합니다.

파일 사양

1. HTML, css, js, 이미지 파일은 모두 합의된 디렉터리에 보관됩니다.

2. HTML 파일 이름 지정: 영어 이름 지정, 접미사 .html 또는 .htm을 동시에 입력합니다. 기능 추가 시 백엔드에서 해당 페이지를 쉽게 찾을 수 있도록 동일한 디렉토리에 페이지 파일 이름 지정: 영어 이름 지정, 접미사 .css, 기타 페이지 이름 지정 실제 모듈 요구 사항에 따라.;

4. Js 파일 명명: 영어 명명, 접미사 .js를 사용하며, 기타 이름은 실제 모듈 요구 사항을 기반으로 합니다.

기타 프런트엔드 개발 관련 학습 참조 리소스

이 페이지 오른쪽에 있는 지식 확장 외에도 다음 리소스도 모든 사람을 위해 선택되었습니다

• PHP 중국어 웹사이트 Dugu Jiujian 비디오 튜토리얼 시리즈

• Jade Girl Heart Sutra 시리즈: front-end_HTML5 소개

  
  

• CSS 동영상 튜토리얼 - Jade Girl Heart Sutra Edition

  
  

• 2020 빅 프론트엔드 인터뷰 질문 요약(모음)

• PHP 리소스 다운로드 채널