>  기사  >  웹 프론트엔드  >  웹 프런트엔드와 모바일 프런트엔드의 차이점은 무엇인가요?

웹 프런트엔드와 모바일 프런트엔드의 차이점은 무엇인가요?

青灯夜游
青灯夜游원래의
2022-08-23 16:37:086279검색

차이점: 1. 웹 프론트 엔드 개발은 주로 전통적인 PC 측 웹 페이지 개발을 의미합니다. 페이지는 주로 PC 측 브라우저에서 실행됩니다. 모바일 프론트 엔드에서 개발된 페이지는 주로 휴대폰에서 실행됩니다. 2. 모바일 터미널은 주로 웹킷 커널을 기반으로 하며 HTML5와 같은 새로운 기술을 더 잘 지원하는 반면, 웹 프런트 엔드는 많은 경우 IE와 같은 이전 버전의 브라우저와의 호환성을 요구하므로 경우에 따라 사용이 제한됩니다. 새로운 기술의. 3. 페이지 적응성 측면에서 모바일 페이지의 적응이 더 어렵습니다. 4. 페이지 성능은 모바일보다 웹 쪽의 성능이 안정적입니다.

웹 프런트엔드와 모바일 프런트엔드의 차이점은 무엇인가요?

이 튜토리얼의 운영 환경: Windows 7 시스템, Dell G3 컴퓨터.

현재 프론트엔드의 일반적인 추세에 따라 프론트엔드 개발은 점차 대형 프론트엔드로 발전하고 있으며, 컨텐츠도 포괄적입니다. 웹 프런트엔드와 모바일 프런트엔드의 차이점에 대해 이야기해 보겠습니다.

1. 비즈니스 애플리케이션 시나리오

웹 프론트 엔드 개발은 주로 전통적인 PC 측 웹 페이지 개발을 의미하며, 페이지는 주로 PC 측 브라우저에서 실행되며, 모바일 프론트 엔드에서 개발된 페이지는 주로 실행됩니다. 휴대폰에서.

직관적으로는 PC페이지가 더 크고, 모바일 페이지가 더 작다는 느낌을 받으시겠지만, 개발 경험에 따르면 페이지가 크다고 해서 작성된 코드가 복잡하다는 의미는 아니며, 페이지가 작다고 해서 개발이 어렵다는 의미는 아닙니다. 간단합니다. 난이도와 용이성은 주로 특정 비즈니스 요구 사항에 따라 다릅니다.

2. 신기술의 활용

모바일 단말기는 주로 웹킷 커널을 기반으로 하기 때문에 HTML5 등의 신기술에 대한 지원이 좋아져 신기술을 더 폭넓게 활용할 수 있으며, PC 개발에서는 많은 시나리오 다음 요구 사항은 IE와 같은 이전 버전의 브라우저와 호환됩니다. 브라우저 호환성 고려 사항으로 인해 경우에 따라 새로운 기술의 사용이 제한됩니다.

3. 페이지 적응성

기존 PC 쪽 페이지 개발에서는 일반적으로 페이지 너비를 고정하고 양쪽에 공백을 두는 방식을 선택합니다. 하지만 모바일 쪽 페이지는 PC보다 화면이 훨씬 작습니다. 일반적으로 사람들은 휴대폰 화면에 최대한 많은 콘텐츠를 표시하기를 선택하므로 모바일 페이지는 다양한 화면 크기의 휴대폰에 완벽하게 적응하고 최대한 활용할 수 있어야 합니다.

이러한 관점에서 모바일 페이지의 적응이 더 어렵습니다.

4. 페이지 성능

PC측의 네트워크 상황은 일반적으로 비교적 안정적이며 모두 네트워크 케이블이나 Wi-Fi를 통해 네트워크에 연결되어 있지만 Wi-Fi 외에도 모바일 쪽은 더 복잡합니다. Fi, 2G, 3G, 4G도 있으며 심지어 여러 다른 네트워크 연결 간에 전환하는 것도 일반적입니다.

불안정한 네트워크 연결로 인해 페이지 성능이 저하되는 문제는 모바일 측의 페이지 리소스가 너무 클 수 없다는 것입니다. 그렇지 않으면 열악한 네트워크 조건에서 페이지에 액세스할 수 없어 사용자 경험에 심각한 영향을 미칠 수 있습니다.

5. 프레임워크 선택

모바일 네트워크의 불안정성으로 인해 모바일 페이지 프레임워크를 선택할 때 일반적으로 작고 아름다운 프레임워크만 고려합니다. 예를 들어 zepto.js와 같은 경우에는 9.6K만 가능합니다. 일반 비즈니스의 요구 사항을 충족합니다. 더 복잡한 단일 페이지 애플리케이션을 구축하려면 vue.js와 같은 프레임워크를 선택할 수 있는데, 이는 강력하지만 압축 후 크기가 20K를 넘습니다.

웹 측의 선택 범위는 비교적 크며 프로젝트 요구 사항에 따라 일부 더 무거운 프레임워크도 고려할 수 있습니다. 예를 들어, 오래되었지만 거대한 ext.js는 일부 기업의 백엔드 관리 시스템 프로젝트에서 여전히 활동하고 있습니다. 많은 UI 구성 요소가 있습니다.

(동영상 공유 학습: 웹 프론트엔드 시작하기)

위 내용은 웹 프런트엔드와 모바일 프런트엔드의 차이점은 무엇인가요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.