모바일 UI 프레임워크 6개 추천

프론트엔드 직원으로서 모바일 개발을 위한 비교적 좋은 몇 가지 UI 프레임워크를 요약하는 것이 매우 필요합니다. 다음 모바일 UI 프레임워크는 기본적으로 프로젝트에 따라 필요에 따라 개발할 수 있습니다. 프로젝트를 빌드하는 데 적합한 프레임워크를 선택하면 개발 효율성을 향상시키는 것이 더 쉽습니다.

1. MUI

MUI 프로젝트를 시작할 때 성능 경험을 추구하는 것이 우리의 주요 목표입니다.

MUI는 타사 JS 라이브러리에 의존하지 않습니다. 압축된 JS 및 CSS 파일은 100+K 및 60+K에 불과합니다. 이전의 많은 프런트엔드 프레임워크(특히 반응형 레이아웃 프레임워크)를 고려하면 UI 컨트롤은 다음과 같습니다. 웹 페이지에는 기본 느낌이 없으므로 기본 UI 느낌을 추구하는 것도 우리에게 중요한 목표입니다. MUI는 iOS 플랫폼 UI를 기반으로 하며 Android 플랫폼 고유의 일부 UI 컨트롤을 보완합니다

공식 링크: http://dev.dcloud.net.cn/mui/

2. Frozen UI

Tencent 팀에서 개발했으며 모바일 QQ 사양을 사용하여 디자인된 웹 페이지에 적합합니다. 모바일QQ 사양에서는 변수를 수정하여 인터페이스 테마를 맞춤 설정할 수 있습니다. 요청 시 필요한 구성 요소를 선택하거나 CDN 및 콤보를 사용하여 요청 시 로드할 수 있습니다. 아이콘 글꼴을 사용하여 버튼, 목록, 양식, 프롬프트, 팝업 창, 새 텍스트, 레이아웃, 1px, rem, 텍스트 잘림, 자리 표시자, 양쪽 끝 공백, 정렬 및 기타 솔루션과 같은 공통 구성 요소를 포함한 아이콘을 표시합니다. 시간 모바일 화면 적응 문제를 해결했습니다. CSS는 모듈식 이름 지정 및 구성 사양을 사용하고 sass를 사용하여 CSS 코드를 작성합니다. ㅋㅋㅋ                ’ ’ s ’ s ‐ ‐ ‐, 작은 화면에서 큰 화면으로 확장되어 최종적으로 모든 화면 적응을 달성하고 모바일 인터넷 추세에 적응합니다. Amaze UI에는 약 20개의 CSS 구성 요소, 20개 이상의 JS 구성 요소 및 다양한 테마의 여러 ​​웹 구성 요소가 포함되어 있어 뛰어난 인터페이스와 우수한 경험을 갖춘 크로스 스크린 페이지를 빠르게 구축할 수 있어 개발 효율성이 크게 향상됩니다. 외국 프레임워크와 비교하여 Amaze UI는 중국어 조판에 중점을 두고 사용자 에이전트에 따라 글꼴을 조정하여 더 나은 중국어 조판 효과를 얻습니다. 국내 주류 브라우저와 앱 내장 브라우저의 호환성 지원을 고려합니다. Amaze UI는 HTML5용으로 개발되었으며 애니메이션 상호 작용을 위해 CSS3를 사용하므로 모바일 장치에 더 적합하고 웹 애플리케이션을 더 빠르게 로드할 수 있습니다.

공식 링크: http://amazeui.org/

4. SUI Mobile

SUI Mobile은 Framework7을 기반으로 개발된 UI 라이브러리 모음입니다. 매우 가볍고 아름답습니다. CDN 파일을 도입하기만 하면 iOS 6.0 이상 및 Android 4.0 이상과 호환되므로 크로스 플랫폼 웹 앱 개발에 매우 ​​적합합니다.

공식 링크: http://m.sui.taobao.org/

5. Muse-UI

Vue 2.0 및 Material Design 기반의 UI 컴포넌트 라이브러리, Muse UI에는 40개 이상의 UI가 있습니다. 구성 요소는 다양한 비즈니스 환경에 적응하는 데 사용됩니다. Muse UI의 테마 사용자 정의 방식은 매우 우아하여 테마 스타일 교체를 완료하는 데 소량의 코드만 필요합니다. Muse UI는 현재 가장 빠른 프런트 엔드 프레임워크 중 하나인 Vue2.0을 기반으로 개발되었으며, 작고 API 친화적이며 복잡한 단일 페이지 애플리케이션을 개발하는 데 사용할 수 있습니다.

공식 링크: https://muse-ui.org/#/zh-CN

6. AUI2.0

AUI 2.0은 1.X를 기반으로 재구성된 새로운 AUI 프레임워크입니다. . 실제 프로젝트를 기반으로 개발자와 프로젝트의 관점에서 AUI 프레임워크를 재정의합니다. 2.0에서는 개발자가 스타일을 빠르게 배치할 수 있도록 컨테이너 + 레이아웃 구조 + 컨트롤의 중첩 형식을 사용하여 유연한 반응형 레이아웃이 많이 사용됩니다. 우리는 AUI 사용자의 피드백을 충분히 흡수하고 시중의 다른 우수한 UI 프레임워크로부터 학습하여 버전 2.0 개발을 완료했습니다. 2.0은 Google Material 디자인 사양을 따르고 MIT 오픈 소스 라이선스를 사용합니다.

공식 링크: http://www.auicss.com/doc/v/2/doc_id/1

추천 튜토리얼: "CSS Tutorial" "

JS Tutorial

"

위 내용은 모바일 UI 프레임워크 6개 추천의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!