rangka kerja pembangunan aplikasi HTML5 termasuk: 1. jquery mobile;

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi CSS3&&HTML5, komputer Dell G3.

10 rangka kerja pembangunan APP mudah alih teratas untuk pembangunan mudah alih HTML5

• rangka kerja mudah alih jquery

• bootstrap Rangka Kerja

• Rangka Kerja ionik

• Rangka Kerja UI Sudut Mudah Alih

• Rangka Kerja Intel XDK

• Rangka Kerja Titanium Appcelerator

• Rangka Kerja Sencha Sencha

• Rangka Kerja UI Kendo

• Rangka kerja PhoneGap

• rangka kerja mui

rangka kerja mudah alih 1.jquery

jQuery Mobile ialah versi mudah alih dan tablet jQuery. jQuery Mobile bukan sahaja akan membawa jQuery perpustakaan teras kepada platform mudah alih arus perdana, tetapi juga mengeluarkan rangka kerja jQuery mudah alih UI yang lengkap dan bersatu. Menyokong platform mudah alih arus perdana global.

2. rangka kerja bootstrap

Bootstrap adalah berdasarkan HTML, CSS , JAVASCRIPT, ia ringkas dan fleksibel, menjadikan pembangunan Web lebih pantas. Ia adalah rangka kerja Twitter yang dibangunkan oleh Mark Otto pereka Jacob Thornton dan CSS/HTML dengan kerjasama. Bootstrap menyediakan spesifikasi HTML dan CSS yang elegan, yang ditulis dalam bahasa CSS dinamik Less. Bootstrap sangat popular selepas pelancarannya dan telah menjadi projek sumber terbuka yang popular pada GitHub, termasuk NASA (Microsoft NBC) dan MSNBC Breaking News. Beberapa rangka kerja yang biasa kepada pembangun mudah alih domestik, seperti WeX5 rangka kerja sumber terbuka bahagian hadapan, juga berdasarkan Bootstrap kod sumber untuk pengoptimuman prestasi.

3.rangka kerja ionik

Ionic ialah HTML5 Rangka Kerja pembangunan aplikasi yang berkuasa yang membantu anda membina aplikasi mudah alih dengan pengalaman hampir asli menggunakan teknologi Web seperti HTML, CSS dan Javascript. IonicTerutamanya memfokuskan pada penampilan dan pengalaman, serta UIinteraksi dengan aplikasi anda Ia amat sesuai untuk Hybird pembangunan aplikasi mudah alih berdasarkan corak HTML5.

4. Rangka Kerja UI Sudut Mudah Alih

UI Sudut Mudah Alih ialah rangka kerja HTML5 pembangunan mudah alih yang responsif menggunakan bootstrap 3 dan AngularJS. Kata kunci

Mobile Angular UI ialah:

1 Bootstrap 3

2 >AngularJS komponen, seperti

,

dan Bootstrap 3 Mobile, yang tidak termasuk dalam switches. overlayssidebarsbootstrap, seperti

,

dan AngularJS modulesangular-routeangular-touch Pertanyaan media responsif menganggap angular-animate sebagai fail berasingan, anda hanya perlu memasukkan perkara yang anda perlukan .

tidak mengandungi sebarang kebergantungan

, anda hanya perlu mencipta pengalaman pengguna yang mesra melalui beberapa arahan bootstrap. Mobile Angular UIujQueryAngularJS5. Rangka kerja Intel XDK

mengeluarkan versi pertamanya berdasarkan

alatan pengaturcaraan yang membantu pembangun membangunkan aplikasi mudah alih untuk

dan Intel. Perisian percuma ini dipanggil web Ia sebenarnya merupakan versi pembungkusan semula perisian Android yang diperoleh oleh iOS pada Februari tahun ini, jadi ia bukan perkara baharu. Pembangun boleh menggunakan perisian ini untuk membangunkan aplikasi berdasarkan Intel XDK dan menggunakannya pada peranti mudah alih. IntelAppMobiHTML56.Rangka kerja Titanium Appcelerator

Titanium ialah rangka kerja pembangunan bebas platform mudah alih, digunakan untuk membangunkan Web aplikasi dengan kesan aplikasi tempatan. Pada masa ini, ia menyokong terutamanya iPhone dan Android telefon mudah alih.

API utama yang disediakan termasuk:

• Animasi 2D/3D

• Geo-lokasi, kompas dan peta

• Ciri realiti tambahan

• Pengesahan aplikasi sosial dan sokongan pelanggan asli untuk e-mel

• SOAP atau REST API panggilan

• Tangkapan dan main balik audio, video dan imej

• Ketik sistem fail tempatan dan pangkalan data SQL lite

• Mengakses galeri foto atau data alamat

7 rangka kerja Sencha Touch

rangka kerja ialah rangka kerja Sencha Touch pertama di dunia berdasarkan HTML5. Mobile App boleh menjadikan Sencha Touch anda kelihatan seperti Web App. Komponen antara muka pengguna yang cantik dan pengurusan data yang kaya, semuanya berdasarkan piawaian Native App dan HTML5 terkini, serasi sepenuhnya dengan peranti CSS3 dan WEB. Menyediakan pelbagai komponen Android untuk membangunkan aplikasi yang berjalan pada terminal mudah alih dengan pantas. Apple iOSWEB UI

8 Setiap aspek rangka kerja UI Kendo

dibina dari tanah. up , untuk menyediakan

prestasi aplikasi yang berkuasa. Kendo UI bukan klon JavaScript yang lain, setiap keputusan dibuat untuk mengoptimumkan prestasi. Daripada pustaka templat terbina dalam yang ringan yang melaksanakan dengan ketara lebih pantas daripada templat Kendo UI, kepada animasi yang dioptimumkan dan antara muka pengguna termaju maya yang memanfaatkan jQuery UI pecutan perkakasan (jika boleh), jQurey tidak meninggalkan sebarang masalah untuk menyampaikan Pelanggan berprestasi tinggi UI. CSS3Kendo UI

9. Rangka kerja PhoneGap

Apabila ia datang kepada alatan pembangunan merentas platform, ramai orang akan mula-mula fikirkan

. Rangka kerja percuma sumber terbuka yang membolehkan pembangun menggunakan

, PhoneGap dan HTML untuk membangunkan apl mudah alih merentas platform sentiasa disukai oleh pembangun daripada JS, CSS, iOS, Android hingga BB10, Windows Phone, dsb., semua platform mudah alih arus perdana tersedia, dan ia juga membolehkan pembangun menggunakan sepenuhnya fungsi telefon mudah alih teras seperti lokasi, pemecut, kenalan dan suara. Amazon Fire OSTizenBanyak rangka kerja pembangunan mudah alih arus perdana dalam industri diperoleh daripada

. Yang lebih terkenal ialah

, PhoneGap, Worklight, dsb. Antaranya, appMobi dibuat di China dan sepenuhnya WeX5 sumber terbuka Berdasarkan integrasi WeX5, ia telah dioptimumkan secara mendalam dan mempunyai prestasi yang hampir dengan Apache, dan kemudahan pembangunan juga lebih baik. . PhonegapNative app

Rangka kerja 10.mui

Rangka kerja bahagian hadapan berprestasi tinggi yang paling hampir dengan yang asli

pengalaman, Ia mempunyai ciri-ciri berikut:

APP

Ringan

Mencari pengalaman prestasi adalah matlamat utama kami apabila kami memulakan projek

, dan ringan mesti menjadi ciri penting;

MUI

tidak bergantung pada mana-mana pustaka

pihak ketiga Fail MUI dan JS yang dimampatkan hanya mempunyai JS dan CSS100 K<.>60 KUI asli

Memandangkan banyak rangka kerja bahagian hadapan sebelumnya (terutamanya rangka kerja reka letak responsif), kawalan kelihatan terlalu mirip dengan halaman web dan tidak mempunyai rasa asli, jadi mengejar rasa

asli juga merupakan matlamat penting bagi kami

UIUIBerdasarkan UI platform, ditambah dengan

kawalan

khusus platformMUI以iOSAndroidUI pengalaman lancar

Tarik untuk menyegarkan

Untuk merealisasikan fungsi muat semula tarik-turun, kebanyakan rangka kerja H5 menggunakan div untuk mensimulasikan animasi lantunan tarik-turun Pada telefon mudah alih android rendah, div animasi sering kelihatan tersekat. (Terutama dalam kes senarai imej dan teks); mui yang lengkap (subwebview), animasi lantunan menggunakan animasi asli. divdivwebviewwebview

Navigasi sisi

• menyediakan dua pelaksanaan navigasi gelincir sisi: mod
dan

mod, kedua-dua mod mempunyai kelebihan dan kekurangan masing-masing dan sesuai untuk senario yang berbeza. Setiap mod pelaksanaan gelongsor sisi mempunyai kesan animasi gelongsor sisi yang berbeza, yang kebanyakannya dibahagikan kepada empat kategori:

muiAnimasi 1: Antara muka utama bergerak, menu tidak bergerakwebviewdivAnimasi 2: Antara muka utama tidak bergerak , Pergerakan menu

Animasi 3: Antara muka utama dan menu bergerak pada masa yang sama

Animasi 4: Zum gelongsor sisi (serupa dengan QQ mudah alih)

Gelongsor mencetuskan menu operasi

• Dalam aplikasi mudah alih (terutamanya platform

  ), banyak menu operasi dicetuskan oleh gelongsor, seperti antara muka mesej teks, leret ke kiri untuk memaparkan butang "Padam", klik untuk memadam perbualan mesej teks pada antara muka senarai mel, leret ke kiri untuk memadam, leret ke kanan untuk menandakan status "baca/belum dibaca"; Kawalan senarai s juga menyokong gelongsor untuk mencetuskan fungsi menu operasi, hanya pasangkan struktur
mengikut format tertentu sebagai tambahan, gelongsor juga menyokong pencetusan peristiwa Pembangun boleh melengkapkan peringatan pengesahan sebelum operasi dengan memantau acara gelongsor (.

).

iOSPembelajaran yang disyorkan: muiTutorial video HTML5DOMslideleft/slideright

Atas ialah kandungan terperinci Apakah rangka kerja pembangunan aplikasi html5?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!