jQuery Mobile - Pertanyaan Wawancara

Apa itu jQuery Mobile?

Ini adalah kerangka kerja antarmuka pengguna yang dibangun di atas inti jQuery dan digunakan untuk mengembangkan situs web atau aplikasi responsif yang dapat diakses di perangkat seluler, tablet, dan desktop.

Mengapa menggunakan jQuery Mobile?

Ini menciptakan aplikasi web sedemikian rupa sehingga akan bekerja dengan cara yang sama di perangkat seluler, tablet, dan desktop.
Ini kompatibel dengan kerangka kerja lain seperti PhoneGap, Whitelight, dll.
Ini menyediakan serangkaian input bentuk ramah sentuh dan widget UI.
Ini memberi Anda fungsionalitas ke semua platform seluler, tablet, dan desktop dan menambahkan pemuatan halaman yang efisien dan dukungan perangkat yang lebih luas.

Sebutkan beberapa fitur jQuery Mobile?

Itu dibangun di atas jQuery Core dan kerangka UI "tulis lebih sedikit, lakukan lebih banyak".
Ini adalah open source, lintas platform dan kompatibel lintas browser.
Itu ditulis dalam JavaScript dan menggunakan fitur jQuery dan jQueryUI untuk membangun situs freindly seluler.
Ini mengintegrasikan HTML5, CCS3, jQuery dan jQueryUI ke dalam satu kerangka kerja untuk membuat halaman dengan skrip minimal.
Ini termasuk sistem navigasi Ajax yang menggunakan transisi halaman animasi.

Apa keuntungan dari jQuery Mobile?

Sangat mudah untuk mempelajari dan mengembangkan aplikasi jika Anda memiliki pengetahuan tentang HTML5, fitur CSS3.
Ini kompatibel lintas platform dan lintas browser sehingga Anda tidak perlu khawatir tentang menulis kode yang berbeda untuk setiap resolusi perangkat.
Ia menggunakan HTML5 bersama dengan JavaScript untuk memudahkan pengembangan aplikasi web.
Itu dibuat sedemikian rupa sehingga memungkinkan kode yang sama untuk secara otomatis menskalakan dari layar ponsel ke layar desktop.

Apa kekurangan dari jQuery Mobile?

Ada pilihan terbatas untuk tema CSS sehingga situs dapat terlihat serupa yang dibangun oleh tema ini.
Aplikasi yang dikembangkan menggunakan jQuery Mobile lebih lambat di ponsel.
Ini menjadi lebih memakan waktu ketika Anda menggabungkan jQuery seluler dengan kerangka kerja seluler lainnya.
Sulit untuk menyediakan desain visual khusus yang lengkap.

Apa dua opsi untuk mengunduh pustaka jQuery Mobile?

Custom Download : Untuk mengunduh versi pustaka yang disesuaikan.
Latest Stable: Untuk mendapatkan library jQuery Mobile versi terbaru dan stabil.

Beri nama file CDN yang digunakan dengan jQuery Mobile?

Anda dapat menggunakan file CDN berikut -

<link rel = "stylesheet" href = "https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
<script src = "https://code.jquery.com/jquery-1.11.3.min.js"> </script>
<script src = "https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"> </script>

Apa struktur dasar halaman Mobile jQuery?

<div data-role = "page" id = "pageone">
    <div data-role = "header">
      <h1>Header</h1>
    </div>

    <div data-role = "main" class = "ui-content">
      //content goes here
    </div>

    <div data-role = "footer">
      <h1>Footer</h1>
    </div>
</div>

Apa itu atribut data-role = "header"?

Ini menciptakan header di bagian atas halaman.

Apa itu atribut data-role = "main"?

Ini digunakan untuk menentukan konten halaman.

Apa itu atribut data-role = "footer"?

Ini membuat footer di bagian bawah halaman.

Apa itu atribut data-role = "ui-content"?

Ini termasuk padding dan margin di dalam konten halaman.

Bagaimana cara memasukkan beberapa halaman dalam satu dokumen seluler jQuery?

Beberapa halaman dapat disertakan dalam satu dokumen seluler jQuery yang dimuat bersama dengan menambahkan beberapa div dengan atribut data-role = "page".

Bagaimana cara menampilkan kotak dialog di halaman?

Gunakan atribut data-dialog = "true" ke halaman mana pun untuk menampilkan dialog.

Bagaimana cara menggunakan efek transisi di halaman?

Atribut transisi data digunakan untuk menerapkan transisi yang berbeda pada dialog seperti slidedown, flip, dll.

Bagaimana cara menutup tombol di halaman?

Tombol dapat ditutup dengan menggunakan atribut data-close-btn.

Atribut mana yang digunakan untuk kembali ke dialog sebelumnya?

Atribut data-rel = "back" digunakan untuk menavigasi untuk kembali ke dialog sebelumnya.

Bagaimana cara menerapkan tema untuk dialog, header, footer atau konten?

Tema dapat dimasukkan dalam dialog dengan menambahkan atribut data-theme ke wadah apa pun seperti header, footer atau konten.

Kelas mana yang digunakan untuk membuat sudut membulat?

ui-sudut-semua

Bagaimana cara mengatur ikon dan posisi ikon di tombol?

Anda dapat menyetel ikon di tombol menggunakan kelas ui-icon dan kelas ui-btn-icon-pos_name untuk menentukan posisi ikon.

Bagaimana cara mengatur bayangan ikon di tombol Anda?

Anda dapat menambahkan bayangan ikon di tombol Anda dengan menggunakan kelas ui-bayangan-ikon.

Bagaimana cara menghapus lingkaran abu-abu di sekitar ikon?

Anda dapat menghapus lingkaran abu-abu di sekitar ikon dengan menggunakan kelas ui-nodisc-icon.

Bagaimana cara membuat kisi satu kolom?

Gunakan kelas ui-grid-solo dalam tag div untuk membuat kisi kolom tunggal.

Bagaimana cara membuat kisi dua kolom dan tata letak dua kolom?

Tambahkan kelas ui-grid-a ke tag div dan sertakan dua wadah anak dengan kelas ui-block-a dan ui-block-b untuk membuat tata letak dua kolom.

Bagaimana cara membuat kisi tiga kolom?

Gunakan kelas ui-grid-b dalam tag div untuk membuat kisi tiga kolom.

Bagaimana cara membuat kisi empat kolom?

Gunakan kelas ui-grid-c dalam tag div untuk membuat kisi empat kolom.

Bagaimana cara membuat kisi lima kolom?

Gunakan kelas ui-grid-d dalam tag div untuk membuat kisi lima kolom.

Bagaimana cara membuat tombol di halaman?

Buat tombol dasar sederhana di halaman dengan menggunakan kelas ui-btn.

Bagaimana cara membuat sekelompok tombol di halaman?

Buat sekelompok tombol secara vertikal dan horizontal di halaman dengan menggunakan atribut data-role = "controlgroup".

Bagaimana cara membuat tombol mini dan posisi ikon di halaman?

Anda dapat membuat tombol yang lebih kecil di halaman dengan menggunakan kelas ui-mini dan menampilkan posisi ikon di tombol dengan menggunakan kelas ui-btn-icon-ico_pos.

Bagaimana cara menampilkan pemilih tanggal di halaman?

Gunakan atribut data-role = "date" di kolom input untuk ditampilkan dalam format hh / bb / ttt.

Bagaimana cara membuat widget yang bisa dilipat?

Collapsible dapat dibuat dengan menggunakan atribut data-role = "collapsible" ke sebuah wadah.

Bagaimana cara membuat widget controlgroup?

Anda dapat menampilkan controlgroup dengan menggunakan atribut data-role = "controlgroup".

Bagaimana cara memfilter anak-anak dari elemen apa pun?

Dengan menggunakan atribut data-filter = "true", Anda dapat memfilter turunan dari setiap elemen.

Apa gunanya widget saklar balik?

Flip Switch memungkinkan Anda untuk mematikan / mengaktifkan atau true / false dengan mengkliknya untuk input gaya boolean.

Apa itu listview?

Listview digunakan untuk menampilkan daftar item. data-role = "listview" disertakan dalam penampung untuk menampilkan daftar dalam daftar vertikal yang dapat di-scroll.

Apa itu RangeLider?

Widget Rangeslider memberi Anda sepasang pegangan yang memungkinkan Anda memilih rentang nilai numerik.

Apakah acara seluler itu?

Suatu peristiwa akan merespons interaksi pengguna ketika pengguna mengklik halaman tertentu atau mengarahkan mouse ke sebuah elemen, dll.

Apa itu acara sentuh sentuh?

Ini diaktifkan ketika pengguna mengetuk elemen dengan menggunakan id halaman untuk menentukan acara dan metode on () memasang penangan kejadian.

Apa itu acara gesek sentuh?

Ini dijalankan ketika pengguna secara horizontal menyeret lebih dari 30px di atas sebuah elemen dengan menggunakan id halaman untuk menentukan event dan metode on () melampirkan event handler.

Apa itu acara gulir mulai dan gulir berhenti?

Peristiwa mulai gulir terjadi saat pengguna mulai menggulir halaman dan peristiwa penghentian gulir terjadi saat pengguna berhenti menggulir halaman dengan menggunakan id halaman untuk menentukan peristiwa dan metode on () melampirkan penangan peristiwa.

Apakah acara orientasi itu?

Anda dapat memicu peristiwa orientasi saat pengguna memutar perangkat secara vertikal atau horizontal dengan menggunakan peristiwa orientasi perubahan . Ini menggunakan properti window.orientation untuk menentukan apakah jendela atau perangkat diatur orientasi vertikal atau horizontal.

Apa itu tooltip slider?

Anda dapat menampilkan nilai slider sebagai tooltip menggunakan atribut data-popup-enabled = "true".

Apa itu toggle kolom?

Tombol kolom menempatkan kolom di tempat persembunyian dan memungkinkan pengguna untuk memilih kolom sesuai pilihan mereka dengan menggunakan atribut data-mode = "columntoggle".

Apa tabel reflow?

Ini mewakili data dalam format horizontal dengan menciutkan tabel menjadi representasi bertumpuk menggunakan atribut data-mode = "reflow".

Bagaimana cara menampilkan data tabel dalam format garis dan guratan?

Anda bisa menampilkan kumpulan data dalam format garis-garis dan goresan dengan menggunakan kelas garis-tabel dan garis-garis.

Apa yang ditingkatkan dengan input teks?

Anda dapat meningkatkan kualitas dan fungsionalitas input teks dengan menyetel atribut data-enhanced = "true" di bidang input.

Bagaimana cara mengubah warna ikon?

Anda dapat mengubah warna ikon menjadi hitam dengan menggunakan kelas ui-alt-icon. Secara default, semua ikon berwarna putih.

Siapa yang mengembangkan kerangka kerja jQuery Mobile?

Ini dikembangkan oleh tim proyek jQuery pada tahun 2010 dan ditulis dalam JavaScript.

Apa itu atribut data-ajax?

Ini menunjukkan apakah halaman harus dimuat melalui ajax atau tidak.