Cải thiện khả năng phản hồi bằng cách bọc linh hoạt trong CSS
Thuộc tính
2020-09-03
Thuộc tính
flex-wrap là một cách nhanh chóng để làm cho các phần tử root phản hồi nhanh hơn trên các kích thước màn hình khác nhau. Như với flexbox nói chung, nó đơn giản hóa bố cục trang để bạn không phải tự đặt các điểm ngắt hoặc tự quản lý phần tràn trang.2020-09-03
Thuộc tính căn chỉnh theo chiều dọc CSS
vertical-align xác định căn chỉnh theo chiều dọc cho nội dung của ô bảng hoặc cho phần tử nội tuyến so với phần còn lại của stream nội tuyến.
2020-09-03
vertical-align xác định căn chỉnh theo chiều dọc cho nội dung của ô bảng hoặc cho phần tử nội tuyến so với phần còn lại của stream nội tuyến.
2020-09-03
Hình dạng kiểu tạp chí xung quanh các phần tử nổi trong CSS Với hình dạng bên ngoài
Một phần của mô-đun CSS Shapes 1 , hình dạng bên ngoài là một thuộc tính thú vị giúp bạn dễ dàng cài đặt hình dạng cho gói văn bản xung quanh một phần tử nổi. Ví dụ: nếu phần tử nổi là một hình ảnh có nhiều khoảng trắng hoặc nếu nó có bán kính đường viền khác, thì giá trị của shape-ngoài sẽ phát huy tác dụng để xác định cách văn bản bao quanh nó.
2020-09-03
Một phần của mô-đun CSS Shapes 1 , hình dạng bên ngoài là một thuộc tính thú vị giúp bạn dễ dàng cài đặt hình dạng cho gói văn bản xung quanh một phần tử nổi. Ví dụ: nếu phần tử nổi là một hình ảnh có nhiều khoảng trắng hoặc nếu nó có bán kính đường viền khác, thì giá trị của shape-ngoài sẽ phát huy tác dụng để xác định cách văn bản bao quanh nó.
2020-09-03
Khám phá bố cục nhiều cột trong CSS
Các bố cục nơi nội dung luân chuyển giữa nhiều cột và bố cục kiểu tạp chí nhiều cột giờ đây có thể dễ dàng triển khai trong CSS bằng cách sử dụng một vài luật đơn giản được xác định như một phần của đặc tả Bố cục Đa cột CSS . Điều này, cùng với lưới CSS và flexbox , thực sự cho phép ta xác định khá nhiều loại bố cục với nỗ lực tối thiểu. Ta hãy xem xét những gì hiện có thể về bố cục nhiều cột.
2020-09-03
Các bố cục nơi nội dung luân chuyển giữa nhiều cột và bố cục kiểu tạp chí nhiều cột giờ đây có thể dễ dàng triển khai trong CSS bằng cách sử dụng một vài luật đơn giản được xác định như một phần của đặc tả Bố cục Đa cột CSS . Điều này, cùng với lưới CSS và flexbox , thực sự cho phép ta xác định khá nhiều loại bố cục với nỗ lực tối thiểu. Ta hãy xem xét những gì hiện có thể về bố cục nhiều cột.
2020-09-03
filter () Phương thức mảng trong JavaScript
Phương thức
2020-09-03
Phương thức
filter() Array tạo ra một mảng mới với các phần tử thuộc một tiêu chí nhất định từ một mảng hiện có:2020-09-03
Cách sử dụng Nmap để quét các cổng đang mở
Mạng là một chủ đề rộng lớn và áp đảo đối với nhiều administrator hệ thống mới chớm nở. Có nhiều lớp, giao thức và giao diện khác nhau, và nhiều công cụ và tiện ích phải thành thạo để hiểu chúng.
2020-09-02
Mạng là một chủ đề rộng lớn và áp đảo đối với nhiều administrator hệ thống mới chớm nở. Có nhiều lớp, giao thức và giao diện khác nhau, và nhiều công cụ và tiện ích phải thành thạo để hiểu chúng.
2020-09-02
Đầu vào biểu mẫu tạo kiểu trong CSS Với: bắt buộc,: tùy chọn,: hợp lệ và: không hợp lệ
Khi nói đến việc xác thực nội dung của các trường đầu vào trên giao diện user , mọi thứ giờ đây dễ dàng hơn nhiều so với trước đây. Ta có thể sử dụng các lớp giả : cần thiết ,: tùy chọn,: hợp lệ và : không hợp lệ cùng với các thuộc tính xác thực biểu mẫu HTML5 như bắt buộc hoặc mẫu để tạo ra các kết quả trực quan hấp dẫn. Các lớp giả này hoạt động cho đầu vào , vùng văn bản và các phần tử được chọn .
2020-09-02
Khi nói đến việc xác thực nội dung của các trường đầu vào trên giao diện user , mọi thứ giờ đây dễ dàng hơn nhiều so với trước đây. Ta có thể sử dụng các lớp giả : cần thiết ,: tùy chọn,: hợp lệ và : không hợp lệ cùng với các thuộc tính xác thực biểu mẫu HTML5 như bắt buộc hoặc mẫu để tạo ra các kết quả trực quan hấp dẫn. Các lớp giả này hoạt động cho đầu vào , vùng văn bản và các phần tử được chọn .
2020-09-02
rem vs em Unit trong CSS
Ta có nhiều lựa chọn tốt khi nói đến các đơn vị trong CSS. Trong thế giới thiết kế đáp ứng ngày nay, các đơn vị tương đối như đơn vị em hoặc đơn vị rem mang lại cho ta khả năng thích ứng và tính linh hoạt ngay lập tức cho phép kích thước dựa trên (các) kích thước phông chữ được xác định cao hơn trong đánh dấu.
2020-09-02
Ta có nhiều lựa chọn tốt khi nói đến các đơn vị trong CSS. Trong thế giới thiết kế đáp ứng ngày nay, các đơn vị tương đối như đơn vị em hoặc đơn vị rem mang lại cho ta khả năng thích ứng và tính linh hoạt ngay lập tức cho phép kích thước dựa trên (các) kích thước phông chữ được xác định cao hơn trong đánh dấu.
2020-09-02
Hướng dẫn thực hành để sử dụng CSS Vị trí tương đối & tuyệt đối
Trong bài viết này, bạn sẽ học cách sử dụng CSS
2020-09-02
Trong bài viết này, bạn sẽ học cách sử dụng CSS
position: relative và position: absolute thông qua rất nhiều bản trình diễn và công cụ hỗ trợ học tập.2020-09-02
Một CSS Flexbox Cheatsheet
Flexbox là một cách tốt để có được sự linh hoạt hơn trong bố cục của bạn và đơn giản hóa thiết kế bố cục đáp ứng. Nó giúp dễ dàng căn chỉnh các phần tử trên mặt phẳng 2D và khá dễ sử dụng khi bạn đã quen với các thuộc tính chính.
2020-09-02
Flexbox là một cách tốt để có được sự linh hoạt hơn trong bố cục của bạn và đơn giản hóa thiết kế bố cục đáp ứng. Nó giúp dễ dàng căn chỉnh các phần tử trên mặt phẳng 2D và khá dễ sử dụng khi bạn đã quen với các thuộc tính chính.
2020-09-02
Giới thiệu về cách sử dụng Redux trong ứng dụng React Native
Redux là một containers trạng thái có thể dự đoán được cho các ứng dụng JavaScript. Nếu Redux chưa quen với bạn, ta khuyên bạn nên xem phần giới thiệu của ta về Redux .
2020-09-02
Redux là một containers trạng thái có thể dự đoán được cho các ứng dụng JavaScript. Nếu Redux chưa quen với bạn, ta khuyên bạn nên xem phần giới thiệu của ta về Redux .
2020-09-02
Một CSS Flexbox Cheatsheet
Flexbox là một cách tốt để có được sự linh hoạt hơn trong bố cục của bạn và đơn giản hóa thiết kế bố cục đáp ứng. Nó giúp dễ dàng căn chỉnh các phần tử trên mặt phẳng 2D và khá dễ sử dụng khi bạn đã quen với các thuộc tính chính.
2020-09-02
Flexbox là một cách tốt để có được sự linh hoạt hơn trong bố cục của bạn và đơn giản hóa thiết kế bố cục đáp ứng. Nó giúp dễ dàng căn chỉnh các phần tử trên mặt phẳng 2D và khá dễ sử dụng khi bạn đã quen với các thuộc tính chính.
2020-09-02
Cách thực hiện theo dõi phân tán với Jaeger trên Kubernetes
Kubernetes và các kiến trúc microservice mà nó cho phép có thể tạo ra các hệ thống rất hiệu quả và có thể mở rộng. Nhưng vấn đề nảy sinh khi một trong những dịch vụ nhỏ này phát triển các vấn đề về hiệu suất. Thông thường, trước tiên, ta nhận thấy rằng thời gian phản hồi từ các dịch vụ dành cho khách hàng của ta ngày càng dài hơn. Vấn đề có thể là với một trong các dịch vụ backend , hoặc có thể là một database vượt quá khả năng tối ưu của nó. Để phát hiện ra root rễ của vấn đề, ta cần triển khai theo dõi phân tán .
2020-09-01
Kubernetes và các kiến trúc microservice mà nó cho phép có thể tạo ra các hệ thống rất hiệu quả và có thể mở rộng. Nhưng vấn đề nảy sinh khi một trong những dịch vụ nhỏ này phát triển các vấn đề về hiệu suất. Thông thường, trước tiên, ta nhận thấy rằng thời gian phản hồi từ các dịch vụ dành cho khách hàng của ta ngày càng dài hơn. Vấn đề có thể là với một trong các dịch vụ backend , hoặc có thể là một database vượt quá khả năng tối ưu của nó. Để phát hiện ra root rễ của vấn đề, ta cần triển khai theo dõi phân tán .
2020-09-01
CSS: focus-trong Pseudo-Class
Việc chọn một phần tử mẹ từ lâu đã không thể thực hiện chỉ bằng CSS, nhưng một lớp giả,: focus-inside , sẽ thay đổi phần nào câu chuyện đó. Nó cho phép tạo kiểu một phần tử khi nó có tiêu điểm, nhưng cũng có thể khi bất kỳ phần tử nào bên trong của nó (con cháu) có tiêu điểm. Một ví dụ chính là với một biểu mẫu mà bạn muốn phần tử containers được tạo kiểu theo một cách nhất định khi user tập trung vào một trong các phần tử đầu vào.
2020-09-01
Việc chọn một phần tử mẹ từ lâu đã không thể thực hiện chỉ bằng CSS, nhưng một lớp giả,: focus-inside , sẽ thay đổi phần nào câu chuyện đó. Nó cho phép tạo kiểu một phần tử khi nó có tiêu điểm, nhưng cũng có thể khi bất kỳ phần tử nào bên trong của nó (con cháu) có tiêu điểm. Một ví dụ chính là với một biểu mẫu mà bạn muốn phần tử containers được tạo kiểu theo một cách nhất định khi user tập trung vào một trong các phần tử đầu vào.
2020-09-01
