Bootstrap trong thuật ngữ đơn giản là gì?

Chương trình bootstrap là mã đầu tiên được thực thi khi hệ thống máy tính khởi động. Toàn bộ hệ điều hành phụ thuộc vào chương trình bootstrap để hoạt động chính xác khi nó tải hệ điều hành

Một hình thể hiện việc sử dụng chương trình bootstrap như sau -

Trong hình trên, chương trình bootstrap là một phần của ROM là bộ nhớ cố định. Hệ điều hành được chương trình bootstrap nạp vào RAM sau khi khởi động hệ thống máy tính. Sau đó, hệ điều hành khởi động trình điều khiển thiết bị

Quá trình khởi động

Quá trình bootstrapping không yêu cầu bất kỳ đầu vào bên ngoài nào để bắt đầu. Bất kỳ phần mềm nào cũng có thể được tải theo yêu cầu của hệ điều hành thay vì tự động tải tất cả phần mềm

Quá trình bootstrapping được thực hiện như một chuỗi i. e. ở mỗi giai đoạn, trách nhiệm của chương trình đơn giản hơn và nhỏ hơn là tải và thực thi chương trình lớn hơn và phức tạp hơn nhiều. Điều này có nghĩa là hệ thống máy tính tự cải thiện theo từng bước

Quy trình khởi động bắt đầu với quy trình phần cứng và sau đó tiếp tục với quy trình phần mềm được lưu trữ trong bộ nhớ chính. Quá trình khởi động bao gồm tự kiểm tra, tải BIOS, cài đặt cấu hình, trình ảo hóa, hệ điều hành, v.v.

Lợi ích của Bootstrapping

Nếu không khởi động, người dùng máy tính sẽ phải tải xuống tất cả các thành phần phần mềm, kể cả những thành phần không thường xuyên được yêu cầu. Với bootstrapping, chỉ cần tải xuống những thành phần phần mềm được yêu cầu hợp pháp và tất cả các thành phần không liên quan đều không bắt buộc. Quá trình này giải phóng rất nhiều không gian trong bộ nhớ và do đó tiết kiệm rất nhiều thời gian

Twitter đã phát triển Bootstrap vào năm 2011 và được phát hành trên Github cùng năm. Bootstrap là một front-end-framework nguồn mở miễn phí để phát triển các trang web nhanh hơn, dễ dàng hơn, đáp ứng nhanh hơn và các trang web ưu tiên thiết bị di động. Bootstrap là framework phổ biến nhất vì khả năng tương thích với tất cả các trình duyệt hiện đại như Firefox, Chrome, Opera, Safari, Edge, v.v.

Bootstrap có các lớp được xác định trước giúp công việc của nhà phát triển trở nên dễ dàng. Tuy nhiên, cần có hiểu biết cơ bản về HTML & CSS để làm việc với Bootstrap. Bạn có thể tạo các thiết kế đáp ứng cho các thiết bị khác nhau bằng Bootstrap. Nó chứa các mẫu thiết kế dựa trên HTML & CSS khác nhau, đặc biệt dành cho kiểu chữ, nút, bảng, biểu mẫu, mô hình, điều hướng, băng chuyền hình ảnh cũng như các plugin JavaScript tùy chọn

Sự phát triển của Bootstrap

Kể từ khi ra đời vào năm 2011, Bootstrap đã trải qua một chặng đường dài với bốn phiên bản cho đến nay. Infographic sau đây cho thấy sự phát triển của công nghệ này

Bootstrap 3 so với Bootstrap 4

Vào năm 2013, Bootstrap 3 đã được ra mắt và Bootstrap 4 được phát hành vào tháng 8 năm 2017. Hãy xem những thay đổi toàn cầu và cập nhật kỹ thuật qua các phiên bản này

Thay đổi toàn cầu

  1. Đã chuyển từ LESS sang SASS cho các tệp CSS nguồn
  2. Đã chuyển từ px - rem làm đơn vị CSS chính của Bootstrap, mặc dù pixel vẫn được sử dụng cho truy vấn phương tiện và hành vi lưới vì chế độ xem của thiết bị không bị ảnh hưởng bởi kích thước loại
  3. Kích thước phông chữ chung tăng từ 14px lên 16px
  4. Đã thêm một tầng lưới mới cho ~480px trở xuống

1. Cập nhật tệp nguồn CSS từ LESS sang SASS

SASS mạnh hơn LESS. SASS có các chức năng như toán tử logic, vòng lặp, trộn, em, truy vấn phương tiện lồng nhau, mở rộng, v.v.

SASS có rất nhiều tùy chọn biên dịch sang CSS. Do đó, nó trở nên dễ dàng đối với các nhà phát triển Bootstrap

2. Cập nhật cỡ chữ từ px sang rem

Quy tắc tốt nhất của kiểu chữ là sử dụng các đơn vị tương đối của rem (gốc em), em (đơn vị đo phông chữ) và px (số lượng độ dài bằng pixel trong HTML không chia tỷ lệ). Bootstrap 4 sử dụng rem linh hoạt hơn so với px. Với rem,

Bạn cũng có thể tăng và giảm tỷ lệ các phần tử mà không bị kẹt với kích thước cố định. Điều này làm cho thiết kế dễ điều chỉnh hơn trong quá trình phát triển bằng cách làm cho thiết bị nội dung phản hồi nhanh

3. Hệ thống lưới được cập nhật

Bootstrap3 có 4 lớp lưới (col-xs-3, col-sm-3, col-md-3, col-lg-3), trong khi phiên bản 4 có 5 lớp lưới (. col-,. col-sm-3,. col-md-3,. col-lg-3,. col-xl-3)

Bootstrap 4 đã tách xs khỏi điểm dừng thấp nhất. Trong khi ở Bootstrap 3, điểm thấp hơn hoạt động với xs (. col-xs) nhưng hiện tại ở Bootstrap 4 nó đã được gỡ bỏ và chỉ sử dụng (. col-) cho điểm dừng thấp hơn

 

Kích thước lưới

Cực nhỏ

Chủ đề