it-swarm-vi.tech

Bằng cách nào HTML5 có thể cải thiện Ứng dụng Web?

Trong những tháng gần đây, nhiều công ty web, nhà phát triển trình duyệt và chuyên gia đã nói về HTML5 vì đây là sự phát triển/cách mạng mới cho web.

Nói một cách thực tế theo cách nào HTML5 có thể cải thiện các ứng dụng web hiện có như Office Suites (ví dụ: Google Docs) hoặc Mạng xã hội (ví dụ: Facebook), Trình chỉnh sửa ảnh trực tuyến, v.v.?

12
Drake

Nó có thể cải thiện các ứng dụng văn phòng web hiện có lưu trữ dữ liệu bằng cách sử dụng "Lưu trữ web".

Mã hóa các trang web mạng xã hội có thể dễ dàng hơn với Cơ sở dữ liệu SQL và Công nhân web để tải các phần khác nhau của trang. Cũng hỗ trợ cho Thông báo.

Trình chỉnh sửa ảnh trực tuyến có thể sử dụng Kéo và Thả.

Đây chỉ là một số ý tưởng về cách sử dụng các tính năng mới của HTML 5 trong ứng dụng web của bạn.

Tôi nghĩ bạn nên kiểm tra HTML 5 Rocks! Họ có một danh sách tốt các tính năng từ HTML 5 và các ví dụ về cách sử dụng chúng. Cộng với tài nguyên và thông tin về tin tức mới nhất từ ​​HTML5.

5
Bernie Perez

Có lẽ có 5 tính năng được nói nhiều nhất

  1. Công nhân web - cho phép nhà phát triển chạy các tập lệnh trong công việc nền để ứng dụng web có thể làm nhiều việc một lúc.
  2. Thẻ video - Một cách dễ dàng để thực hiện flash video trực tuyến miễn phí, chúng tôi chỉ cần một codec tiêu chuẩn
  3. Canvas - Chính xác là nó trông như thế nào, một cách để tạo một hình ảnh nhanh chóng trong cửa sổ trình duyệt
  4. Bộ nhớ ứng dụng - Cho phép ứng dụng lưu trữ nội dung để bạn có thể sử dụng chúng sau này mà không cần kết nối với internet (Đọc email của bạn sau khi được tải xuống, Thích Google Gears là)
  5. Định vị địa lý - Khả năng trình duyệt chuyển tiếp vị trí của nó tới ứng dụng

Nhiều tính năng trong số này đã được triển khai trong một số trình duyệt và ứng dụng. Google vĩ độ sử dụng vị trí địa lý, Google bánh răng là một triển khai dựa trên trình cắm cùng các ý tưởng giống như bộ đệm ứng dụng, Canvas giống như mọi thứ đã được thực hiện với JavaScript.

Nhân viên web là người mới và có thể cho phép một loạt những điều khác nhau xảy ra bên trong các ứng dụng web. Bất kỳ loại xử lý phụ nào dường như hoạt động ngay bây giờ, sẽ trơn tru hơn vì một luồng có thể được dành riêng cho thông báo hoặc trò chuyện tại chỗ hoặc tác vụ xử lý định kỳ khác trong ứng dụng.

Tài nguyên:
[.__.] http://geektechnica.com/2009/06/5-amazed-html5-features-to-look-forward-to/

3
danivovich

Canvas Canvas Chủ đề công nhân web là các khía cạnh thú vị nhất của HTML5 đối với tôi. Tôi đã viết một số ứng dụng web sử dụng các tính năng đó:

GioAUTHor [sic] sử dụng rộng rãi khung vẽ để cho phép bạn vẽ đường dẫn trên bản đồ và sau đó tìm tuyến đường ngắn nhất từ ​​đầu đến cuối (thông qua thuật toán của Dijkstra trong JavaScript).

JavaScript Thread Demo hạn chế sử dụng canvas nhưng hiển thị việc sử dụng Chủ đề công nhân, hoàn thành với mã trình diễn. Nó cũng sử dụng điều khiển thanh trượt HTML5 input = "phạm vi" .


Hỗ trợ trình duyệt HTML5 cũng đa dạng như chính các trình duyệt. Có một trang web đẹp (trong HTML5, natch) about sẵn sàng HTML5 cho thấy ai đã sẵn sàng cho những gì.

2
Alan

Ba mục yêu thích của tôi là CSS3, Canvas và WebSockets. Kết hợp họ có thể cung cấp các tính năng cộng tác thực sự mạnh mẽ cho bất kỳ ứng dụng web nào. WebSockets sẽ thay thế tin nhắn giả thời gian thực bằng bỏ phiếu ajax. Một vài điều tôi thấy nó được sử dụng cho đến nay là trò chuyện dựa trên web (khập khiễng) và ứng dụng web bản đồ tư duy (trông thực sự tuyệt vời khi hai người đang lập bản đồ một số dự án).

2
Eimantas

Các khả năng của HTML5 chủ yếu thay thế những gì Flash làm, với video canvas các thẻ tạo video, trò chơi và trình chỉnh sửa hình ảnh trực tuyến dễ dàng hơn nhiều khi không có Flash.

Mặc dù điều này có vẻ không phải là một cải tiến lớn, Flash là một vấn đề nhiềlớn hơn trên các nền tảng không phải Windows so với Windows.

1
Gelatin

Hầu hết các bài kiểm tra tốc độ băng thông đều dựa trên flash. Bây giờ chúng có thể dựa trên html5 ... Điều đó có nghĩa là tải trang nhanh hơn và đo băng thông chính xác hơn.

Một ví dụ điển hình là: SpeedOf.me

0
vivaHtml5