Web performancce optimization: JS execution efficiency optimization in practice: throttling, debouncing, and lazy execution the correct way
When does your web page lag behind? Does the input field take too long to respond? You click a button, and it executes three actions?
You suspect it's a performance issue, but maybe it's just the way JavaScript handles events.
Frontend performance optimization isn't just about "minimizing the package"; it's also about ensuring smooth ...
Đăng vào ngày 4 tháng 7 lúc 16:05
Tạo bảng vẽ đơn giản với Vue và Canvas
Mô tả:
Bảng vẽ sẽ hiển thị dữ liệu từ phía backend, người dùng có thể thêm hoặc xóa các đường. Khi chọn một đường để xóa, nó sẽ được tô sáng và có thể bị xóa bằng cách nhấp đúp chuột.
HTML:
<div id="app">
<canvas
id="drawingCanvas"
width="600px"
height="380px"
class="canvas"
@mousedo ...
Đăng vào ngày 4 tháng 7 lúc 14:28
Vue và Axios: Hướng dẫn sử dụng và cấu hình
Axios trong Vue.js
Axios là một thư viện HTTP dựa trên promise, có thể sử dụng trong trình duyệt và Node.js.
Tạo XMLHttpRequests từ trình duyệt
Tạo http request từ node.js
Hỗ trợ Promise API
Chặn request và response
Chuyển đổi dữ liệu request và response
Hủy request
Chuyển đổi JSON tự động
Hỗ trợ phòng thủ XSRF trên client
Cài đặt: npm install ...
Đăng vào ngày 27 tháng 6 lúc 13:39
Hướng dẫn phát triển máy chủ WebAssembly trong 10 phút: Emscripten và Mongoose thực chiến
Hướng dẫn phát triển máy chủ WebAssembly trong 10 phút: Emscripten và Mongoose thực chiến
Bạn có đang gặp khó khăn với việc thiếu năng lực backend hiệu quả trong dự án frontend? Bạn đã bao giờ nghĩ đến việc phát triển máy chủ web bằng ngôn ngữ C và chạy trực tiếp trong trình duyệt chưa? Bài viết này sẽ hướng dẫn bạn sử dụng công cụ Emscripten đ ...
Đăng vào ngày 26 tháng 6 lúc 10:19
Xây dựng ứng dụng Real-time với WebSocket trong ngôn ngữ Go
Trong các ứng dụng web hiện đại, mô hình yêu cầu - phản hồi (request-response) truyền thống của HTTP đôi khi là không đủ. Các ứng dụng như hệ thống chat trực tiếp, bảng giá chứng khoán, hoặc game多人 online yêu cầu dữ liệu phải được đẩy từ server về client ngay lập tức mà không cần client liên tục gửi yêu cầu. Đây chính là nơi giao thức WebSock ...
Đăng vào ngày 26 tháng 6 lúc 09:10
Real Shadow Web Effect Guide
Real Shadow Web Effect Guide
Free Download Link: Real Shadow Module
Real Shadow is a JavaScript library designed to create realistic shadow effects for web elements. It supports various shadow types and custom shapes, making it an ideal tool for enhancing the visual appeal of websites and landing pages. Whether you need text shadows, custom s ...
Đăng vào ngày 15 tháng 6 lúc 04:08
Guiders.js: Thư viện JavaScript đơn giản hóa thiết kế hướng dẫn ứng dụng web
Guiders JS: Thư viện JavaScript theo chủ nghĩa tối giản
Guiders JS là một thư viện JavaScript nhẹ và dễ sử dụng, được thiết kế để tạo ra nhiều loại hướng dẫn trên trang web, chẳng hạn như gợi ý dạng bong bóng, hộp thoại, quy trình hướng dẫn, v.v. Nó giúp nhà phát triển dễ dàng cung cấp hướng dẫn tương tác cho người dùng, từ đó cải thiện trải ng ...
Đăng vào ngày 12 tháng 6 lúc 19:13
Khung Nhúng Nội Dung HTML với Thẻ <iframe>
Giới thiệu về Thẻ
Thẻ (inline frame) trong HTML cho phép nhúng một tài liệu HTML bên trong tài liệu khác. Kỹ thuật này giúp hiển thị nội dung từ các nguồn khác nhau trên cùng một trang web. Dưới đây là một số ứng dụng phổ biến của thẻ iframe:
iframe hoạt động như một cơ chế nhúng, cho phép chèn một trang web vào trang hiện tại.
Công cụ này ...
Đăng vào ngày 8 tháng 6 lúc 02:33
Các phương pháp làm mới trang bằng JavaScript
Các phương pháp làm mới trang bằng JavaScript
JavaScript cung cấp nhiều cách khác nhau để làm mới hoặc tải lại trang web. Dưới đây là các phương pháp phổ biến và cách sử dụng chúng.
1. Sử dụng phương thức reload()
Phương thức này buộc trình duyệt phải làm mới trang hiện tại.
Cú pháp:
location.reload([forceGet])
Tham số:
forceGet: Tham số tùy ...
Đăng vào ngày 7 tháng 6 lúc 22:44
Giới thiệu Django: Xây dựng ứng dụng Web với Python
HTTP và bản chất của các ứng dụng Web
Giao thức HTTP (HyperText Transfer Protocol) là nền tảng cho việc truyền tải dữ liệu giữa trình duyệt và máy chủ. Nó hoạt động trên lớp TCP, đảm bảo kết nối đáng tin cậy, đồng thời tuân theo nguyên tắc "kết nối ngắn" – mỗi yêu cầu từ client sẽ được xử lý xong rồi ngắt kết nối. Điều này có nghĩa rằng server ...
Đăng vào ngày 5 tháng 6 lúc 22:30