jQuery Mobile - Câu hỏi phỏng vấn

JQuery Mobile là gì?

Nó là một khung giao diện người dùng được xây dựng trên lõi jQuery và được sử dụng để phát triển các trang web hoặc ứng dụng đáp ứng có thể truy cập trên thiết bị di động, máy tính bảng và máy tính để bàn.

Tại sao sử dụng jQuery Mobile?

Nó tạo ra các ứng dụng web theo cách mà nó sẽ hoạt động giống như vậy trên thiết bị di động, máy tính bảng và máy tính để bàn.
Nó tương thích với các khuôn khổ khác như PhoneGap, Whitelight, v.v.
Nó cung cấp tập hợp các đầu vào biểu mẫu thân thiện với cảm ứng và các tiện ích giao diện người dùng.
Nó mang đến cho bạn chức năng cho tất cả các nền tảng di động, máy tính bảng và máy tính để bàn, đồng thời thêm tải trang hiệu quả và hỗ trợ thiết bị rộng hơn.

Liệt kê một số tính năng của jQuery Mobile?

Nó được xây dựng trên jQuery Core và khung giao diện người dùng "viết ít hơn, làm nhiều hơn".
Nó là một mã nguồn mở, nền tảng chéo và tương thích với nhiều trình duyệt.
Nó được viết bằng JavaScript và sử dụng các tính năng của cả jQuery và jQueryUI để xây dựng các trang web miễn phí dành cho thiết bị di động.
Nó tích hợp HTML5, CCS3, jQuery và jQueryUI thành một khuôn khổ để tạo các trang với tập lệnh tối thiểu.
Nó bao gồm hệ thống điều hướng Ajax sử dụng chuyển đổi trang động.

Ưu điểm của jQuery Mobile là gì?

Sẽ dễ dàng học và phát triển ứng dụng nếu bạn có kiến thức về các tính năng HTML5, CSS3.
Nó tương thích với nhiều nền tảng và nhiều trình duyệt, do đó bạn không phải lo lắng về việc viết mã khác nhau cho từng độ phân giải thiết bị.
Nó sử dụng HTML5 cùng với JavaScript để dễ dàng phát triển các ứng dụng web.
Nó được xây dựng theo cách cho phép cùng một mã tự động mở rộng từ màn hình di động sang màn hình máy tính để bàn.

Nhược điểm của jQuery Mobile là gì?

Có các tùy chọn hạn chế cho các chủ đề CSS để các trang web có thể trông giống nhau được xây dựng bởi các chủ đề này.
Các ứng dụng được phát triển bằng jQuery Mobile trên điện thoại di động chậm hơn.
Sẽ tốn nhiều thời gian hơn khi bạn kết hợp jQuery mobile với các framework di động khác.
Khó cung cấp thiết kế trực quan tùy chỉnh hoàn chỉnh.

Hai tùy chọn để tải xuống thư viện jQuery Mobile là gì?

Custom Download : Để tải xuống phiên bản thư viện tùy chỉnh.
Latest Stable: Để tải phiên bản thư viện jQuery Mobile ổn định và mới nhất.

Đặt tên cho các tệp CDN được sử dụng với jQuery Mobile?

Bạn có thể sử dụng các tệp CDN sau:

<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>

Cấu trúc cơ bản của trang jQuery Mobile là gì?

<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>

Thuộc tính data-role = "header" là gì?

Nó tạo tiêu đề ở đầu trang.

Thuộc tính data-role = "main" là gì?

Nó được sử dụng để xác định nội dung của trang.

Thuộc tính data-role = "footer" là gì?

Nó tạo chân trang ở cuối trang.

Thuộc tính data-role = "ui-content" là gì?

Nó bao gồm phần đệm và lề bên trong nội dung trang.

Làm thế nào để bao gồm nhiều trang trong một tài liệu jQuery di động?

Nhiều trang có thể được bao gồm trong một tài liệu jQuery dành cho thiết bị di động tải cùng nhau bằng cách thêm nhiều div với thuộc tính data-role = "page".

Làm thế nào để hiển thị một hộp thoại trong trang?

Sử dụng thuộc tính data-hộp thoại = "true" cho bất kỳ trang nào để hiển thị hộp thoại.

Làm thế nào để sử dụng các hiệu ứng chuyển tiếp trong trang?

Thuộc tính chuyển đổi dữ liệu được sử dụng để áp dụng các chuyển đổi khác nhau trên hộp thoại như trượt xuống, lật, v.v.

Làm thế nào để đóng nút trong trang?

Có thể đóng nút bằng cách sử dụng thuộc tính data-close-btn.

Thuộc tính nào được sử dụng để quay lại hộp thoại trước?

Thuộc tính data-rel = "back" được sử dụng để điều hướng quay lại hộp thoại trước đó.

Làm thế nào để áp dụng chủ đề cho hộp thoại, đầu trang, chân trang hoặc nội dung?

Chủ đề có thể được đưa vào hộp thoại bằng cách thêm thuộc tính data-theme vào bất kỳ vùng chứa nào như đầu trang, chân trang hoặc nội dung.

Lớp nào dùng để tạo góc tròn?

ui-góc-tất cả

Làm thế nào để đặt biểu tượng và vị trí biểu tượng trong nút?

Bạn có thể đặt biểu tượng trong nút bằng cách sử dụng lớp ui-icon và lớp ui-btn-icon-pos_name để chỉ định vị trí cho biểu tượng.

Làm cách nào để đặt bóng biểu tượng trong nút của bạn?

Bạn có thể thêm bóng biểu tượng vào nút của mình bằng cách sử dụng lớp biểu tượng ui-shadow.

Làm cách nào để loại bỏ vòng tròn màu xám xung quanh biểu tượng?

Bạn có thể loại bỏ vòng tròn màu xám xung quanh biểu tượng bằng cách sử dụng lớp biểu tượng ui-gật gù.

Cách tạo lưới cột đơn?

Sử dụng lớp ui-grid-solo trong thẻ div để tạo một lưới cột.

Làm thế nào để tạo lưới hai cột và bố trí hai cột?

Thêm lớp ui-grid-a vào thẻ div và bao gồm hai vùng chứa con với lớp ui-block-a và ui-block-b để tạo bố cục hai cột.

Làm thế nào để tạo lưới ba cột?

Sử dụng lớp ui-grid-b trong thẻ div để tạo lưới ba cột.

Làm thế nào để tạo lưới bốn cột?

Sử dụng lớp ui-grid-c trong thẻ div để tạo lưới bốn cột.

Làm thế nào để tạo lưới năm cột?

Sử dụng lớp ui-grid-d trong thẻ div để tạo lưới năm cột.

Làm thế nào để tạo nút trong trang?

Tạo một nút cơ bản đơn giản trong trang bằng cách sử dụng lớp ui-btn.

Làm thế nào để tạo nhóm các nút trong trang?

Tạo một nhóm các nút theo chiều dọc và chiều ngang trong trang bằng cách sử dụng thuộc tính data-role = "controlgroup".

Làm thế nào để tạo nút nhỏ và vị trí biểu tượng trong trang?

Bạn có thể tạo nút nhỏ hơn trong trang bằng cách sử dụng lớp ui-mini và hiển thị vị trí của các biểu tượng trong nút bằng cách sử dụng lớp ui-btn-icon-ico_pos.

Làm thế nào để hiển thị bộ chọn ngày trong trang?

Sử dụng thuộc tính data-role = "date" trong trường đầu vào để hiển thị ở định dạng dd / mm / yy.

Cách tạo widget có thể thu gọn?

Có thể thu gọn có thể được tạo bằng cách sử dụng thuộc tính data-role = "openssible" cho vùng chứa.

Làm thế nào để tạo tiện ích nhóm điều khiển?

Bạn có thể hiển thị nhóm điều khiển bằng cách sử dụng thuộc tính data-role = "controlgroup".

Làm thế nào để lọc phần tử con của bất kỳ phần tử nào?

Bằng cách sử dụng thuộc tính data-filter = "true", bạn có thể lọc phần tử con của bất kỳ phần tử nào.

Công dụng của tiện ích chuyển đổi lật là gì?

Flip Switch cho phép bạn tắt / bật hoặc đúng / sai công tắc bằng cách nhấp vào nó để nhập kiểu boolean.

Listview là gì?

Listview được sử dụng để hiển thị danh sách các mục. Thuộc tính data-role = "listview" được bao gồm trong vùng chứa để hiển thị danh sách trong danh sách có thể cuộn dọc.

Rangelider là gì?

Tiện ích con Rangeslider cung cấp cho bạn một cặp tay cầm cho phép bạn chọn phạm vi giá trị số.

Sự kiện di động là gì?

Một sự kiện sẽ phản hồi tương tác của người dùng khi người dùng nhấp vào trang nhất định hoặc di chuột qua một phần tử, v.v.

Sự kiện chạm chạm là gì?

Nó kích hoạt khi người dùng chạm vào một phần tử bằng cách sử dụng id của trang để chỉ định sự kiện và phương thức on () đính kèm các trình xử lý sự kiện.

Sự kiện vuốt chạm là gì?

Nó kích hoạt khi người dùng kéo theo chiều ngang hơn 30px qua một phần tử bằng cách sử dụng id của trang để chỉ định sự kiện và phương thức on () đính kèm các trình xử lý sự kiện.

Sự kiện bắt đầu cuộn và dừng cuộn là gì?

Sự kiện bắt đầu cuộn kích hoạt khi người dùng bắt đầu cuộn trang và sự kiện dừng cuộn kích hoạt khi người dùng ngừng cuộn trang bằng cách sử dụng id của trang để chỉ định sự kiện và phương thức on () đính kèm các trình xử lý sự kiện.

Sự kiện định hướng là gì?

Bạn có thể kích hoạt sự kiện định hướng khi người dùng xoay thiết bị theo chiều dọc hoặc chiều ngang bằng cách sử dụng sự kiện thay đổi hướng . Nó sử dụng thuộc tính window.orientation để chỉ định xem cửa sổ hoặc thiết bị được đặt hướng dọc hay ngang.

Chú giải công cụ thanh trượt là gì?

Bạn có thể hiển thị giá trị của thanh trượt dưới dạng chú giải công cụ bằng cách sử dụng thuộc tính data-popup-enable = "true".

Chuyển đổi cột là gì?

Việc chuyển đổi cột đặt các cột ở một nơi ẩn và cho phép người dùng chọn các cột theo sự lựa chọn của họ bằng cách sử dụng thuộc tính data-mode = "columntoggle".

Chỉnh lại bảng là gì?

Nó biểu diễn dữ liệu ở định dạng ngang bằng cách thu gọn bảng thành biểu diễn xếp chồng lên nhau bằng cách sử dụng thuộc tính data-mode = "reflow".

Làm thế nào để hiển thị dữ liệu bảng ở định dạng sọc và nét?

Bạn có thể hiển thị các tập dữ liệu ở định dạng sọc và nét bằng cách sử dụng các lớp bảng sọc và nét bảng.

Textinput nâng cao là gì?

Bạn có thể tăng chất lượng và chức năng của đầu vào văn bản bằng cách đặt thuộc tính data-Enhance = "true" trong trường nhập.

Làm thế nào để thay đổi màu sắc của biểu tượng?

Bạn có thể thay đổi màu của biểu tượng thành màu đen bằng cách sử dụng lớp biểu tượng ui-alt-. Theo mặc định, tất cả các biểu tượng đều có màu trắng.

Ai đã phát triển khung công tác jQuery Mobile?

Nó được phát triển bởi nhóm dự án jQuery vào năm 2010 và được viết bằng JavaScript.

Thuộc tính data-ajax là gì?

Nó cho biết liệu các trang có phải được tải qua ajax hay không.