Cách tích hợp API Google Maps vào các ứng dụng React
Google Maps là một dịch vụ bản đồ do Google cung cấp, hỗ trợ nhiều loại cài đặt cấu hình. Việc thêm Google Maps vào ứng dụng của bạn có thể cung cấp cho user nhiều thông tin theo ngữ cảnh hơn là địa chỉ đường phố hoặc tập hợp các tọa độ.
2020-09-11
Google Maps là một dịch vụ bản đồ do Google cung cấp, hỗ trợ nhiều loại cài đặt cấu hình. Việc thêm Google Maps vào ứng dụng của bạn có thể cung cấp cho user nhiều thông tin theo ngữ cảnh hơn là địa chỉ đường phố hoặc tập hợp các tọa độ.
2020-09-11
Hiểu Vòng lặp sự kiện, Gọi lại, Hứa hẹn và Không đồng bộ / Chờ đợi trong JavaScript
Trong những ngày đầu của Internet, các trang web thường bao gồm dữ liệu tĩnh trong một trang HTML . Nhưng giờ đây, các ứng dụng web đã trở nên tương tác và năng động hơn, ngày càng cần thiết phải thực hiện các hoạt động chuyên sâu như thực hiện các yêu cầu mạng bên ngoài để truy xuất dữ liệu API . Để xử lý các hoạt động này trong JavaScript, một nhà phát triển phải sử dụng các kỹ thuật lập trình không đồng bộ .
2020-09-10
Trong những ngày đầu của Internet, các trang web thường bao gồm dữ liệu tĩnh trong một trang HTML . Nhưng giờ đây, các ứng dụng web đã trở nên tương tác và năng động hơn, ngày càng cần thiết phải thực hiện các hoạt động chuyên sâu như thực hiện các yêu cầu mạng bên ngoài để truy xuất dữ liệu API . Để xử lý các hoạt động này trong JavaScript, một nhà phát triển phải sử dụng các kỹ thuật lập trình không đồng bộ .
2020-09-10
Cách sử dụng f-string để tạo chuỗi trong Python 3
Chuỗi Python là chuỗi ký tự và ký hiệu có độ dài thay đổi. Chuỗi cho phép chương trình của bạn thao tác và theo dõi văn bản và cũng hiển thị văn bản đó cho user của bạn.
2020-09-10
Chuỗi Python là chuỗi ký tự và ký hiệu có độ dài thay đổi. Chuỗi cho phép chương trình của bạn thao tác và theo dõi văn bản và cũng hiển thị văn bản đó cho user của bạn.
2020-09-10
Cách triển khai xác thực trong ứng dụng Nuxt.js
Trong hướng dẫn này, bạn sẽ triển khai xác thực trong ứng dụng Nuxt.js bằng module
2020-09-10
Trong hướng dẫn này, bạn sẽ triển khai xác thực trong ứng dụng Nuxt.js bằng module
Auth .2020-09-10
Cách làm việc với tệp bằng module fs trong Node.js
Làm việc với các file là phổ biến cho các mục đích phát triển cũng như cho các mục đích không phát triển. Trong việc sử dụng máy tính hàng ngày, user có thể đọc và ghi dữ liệu vào các file trong các folder khác nhau để thực hiện các việc như lưu file đã download hoặc truy cập dữ liệu để sử dụng trong ứng dụng khác. Theo cách tương tự, chương trình back-end hoặc công cụ giao diện dòng lệnh (CLI) có thể cần ghi dữ liệu đã download vào file để lưu file đó hoặc một ứng dụng sử dụng nhiều dữ liệu có thể cần xuất sang JSON , CSV hoặc Excel các định dạng. Các chương trình này cần giao tiếp với hệ thống file của hệ điều hành mà chúng đang chạy.
2020-09-09
Làm việc với các file là phổ biến cho các mục đích phát triển cũng như cho các mục đích không phát triển. Trong việc sử dụng máy tính hàng ngày, user có thể đọc và ghi dữ liệu vào các file trong các folder khác nhau để thực hiện các việc như lưu file đã download hoặc truy cập dữ liệu để sử dụng trong ứng dụng khác. Theo cách tương tự, chương trình back-end hoặc công cụ giao diện dòng lệnh (CLI) có thể cần ghi dữ liệu đã download vào file để lưu file đó hoặc một ứng dụng sử dụng nhiều dữ liệu có thể cần xuất sang JSON , CSV hoặc Excel các định dạng. Các chương trình này cần giao tiếp với hệ thống file của hệ điều hành mà chúng đang chạy.
2020-09-09
Thay thế các Vòng đời Thành phần bằng việc sử dụng Effect Hook, trong React
React Hooks đang cách mạng hóa cách ta phát triển trong React và giải quyết một số mối quan tâm lớn nhất của ta .
2020-09-09
React Hooks đang cách mạng hóa cách ta phát triển trong React và giải quyết một số mối quan tâm lớn nhất của ta .
useEffect Hook cho phép ta thay thế mã vòng đời của thành phần lặp đi lặp lại.2020-09-09
Khám phá các hàm Async / Await trong JavaScript
Lời hứa cung cấp cho ta một cách dễ dàng hơn để đối phó với sự không đồng bộ trong mã của ta theo cách tuần tự. Xem xét rằng bộ não của ta không được thiết kế để đối phó với sự không đồng bộ một cách hiệu quả, đây là một bổ sung đáng hoan nghênh. Các chức năng async / await , một bổ sung mới với ES2017 ( ES8 ), giúp ta nhiều hơn nữa trong việc cho phép ta viết mã hoàn toàn đồng bộ trong khi thực hiện các việc không đồng bộ đằng sau mức thấp .
2020-09-04
Lời hứa cung cấp cho ta một cách dễ dàng hơn để đối phó với sự không đồng bộ trong mã của ta theo cách tuần tự. Xem xét rằng bộ não của ta không được thiết kế để đối phó với sự không đồng bộ một cách hiệu quả, đây là một bổ sung đáng hoan nghênh. Các chức năng async / await , một bổ sung mới với ES2017 ( ES8 ), giúp ta nhiều hơn nữa trong việc cho phép ta viết mã hoàn toàn đồng bộ trong khi thực hiện các việc không đồng bộ đằng sau mức thấp .
2020-09-04
Giải thích về phương pháp rút gọn JavaScript
Giảm là một phương pháp có thể khó hiểu, đặc biệt là với tất cả các giải thích mơ hồ có thể tìm thấy trên web. Có rất nhiều lợi ích khi hiểu
2020-09-04
Giảm là một phương pháp có thể khó hiểu, đặc biệt là với tất cả các giải thích mơ hồ có thể tìm thấy trên web. Có rất nhiều lợi ích khi hiểu
reduce vì nó thường được sử dụng trong quản lý nhà nước (nghĩ Redux ).2020-09-04
Cắt image trong CSS với đối tượng phù hợp
Ta thường cần một hình ảnh phù hợp chính xác với một kích thước nhất định, nhưng vẫn giữ nguyên tỷ lệ khung hình và tránh để hình ảnh bị méo. Đây không phải là điều có thể dễ dàng thực hiện bằng CSS trong thời gian dài nhất. Một mẹo là sử dụng hình nền để giải quyết vấn đề. Vấn đề không còn là với thuộc tính object-fit !
2020-09-03
Ta thường cần một hình ảnh phù hợp chính xác với một kích thước nhất định, nhưng vẫn giữ nguyên tỷ lệ khung hình và tránh để hình ảnh bị méo. Đây không phải là điều có thể dễ dàng thực hiện bằng CSS trong thời gian dài nhất. Một mẹo là sử dụng hình nền để giải quyết vấn đề. Vấn đề không còn là với thuộc tính object-fit !
2020-09-03
Inline so với Inline-Block Display trong CSS
display: inline-block đã mang đến một cách mới để tạo các hộp cạnh nhau có thể thu gọn và bọc đúng cách tùy thuộc vào không gian có sẵn trong phần tử chứa. Nó làm cho các bố cục đã được thực hiện trước đó với các phao nổi dễ tạo hơn. Không cần phải xóa phao nữa.
2020-09-03
display: inline-block đã mang đến một cách mới để tạo các hộp cạnh nhau có thể thu gọn và bọc đúng cách tùy thuộc vào không gian có sẵn trong phần tử chứa. Nó làm cho các bố cục đã được thực hiện trước đó với các phao nổi dễ tạo hơn. Không cần phải xóa phao nữa.
2020-09-03
Bố cục lưới CSS: Đơn vị Fr
Với CSS Grid Layout, ta nhận được một đơn vị linh hoạt mới: đơn vị Fr. Fr là một đơn vị phân số và 1fr là cho 1 phần của không gian có sẵn. Sau đây là một vài ví dụ về đơn vị fr tại nơi làm việc. Các mục lưới trong các ví dụ này được đặt trên lưới với các vùng lưới .
2020-09-03
Với CSS Grid Layout, ta nhận được một đơn vị linh hoạt mới: đơn vị Fr. Fr là một đơn vị phân số và 1fr là cho 1 phần của không gian có sẵn. Sau đây là một vài ví dụ về đơn vị fr tại nơi làm việc. Các mục lưới trong các ví dụ này được đặt trên lưới với các vùng lưới .
2020-09-03
Giới thiệu về Clipping Sử dụng clip-path trong CSS
clip-path là một thuộc tính rất thú vị cho phép cắt phần có thể nhìn thấy của các phần tử SVG, hình ảnh hoặc bất kỳ phần tử HTML nào thực sự.
2020-09-03
clip-path là một thuộc tính rất thú vị cho phép cắt phần có thể nhìn thấy của các phần tử SVG, hình ảnh hoặc bất kỳ phần tử HTML nào thực sự.
2020-09-03
Giải thích về đơn vị CSS
CSS có một số tùy chọn để sử dụng các đơn vị khi xác định kích thước của các thuộc tính CSS khác nhau. Tìm hiểu tất cả các tùy chọn của bạn cho các đơn vị CSS có thể là key để tạo kiểu theo cách dễ quản lý và trông tuyệt vời trên mọi màn hình.
2020-09-03
CSS có một số tùy chọn để sử dụng các đơn vị khi xác định kích thước của các thuộc tính CSS khác nhau. Tìm hiểu tất cả các tùy chọn của bạn cho các đơn vị CSS có thể là key để tạo kiểu theo cách dễ quản lý và trông tuyệt vời trên mọi màn hình.
2020-09-03
