Milkup: Trình soạn thảo Markdown với AI gợi ý và render tức thì

Xin chào, mình là Darius. Trước đây mình đã giới thiệu một trình soạn thảo Markdown mã nguồn mở dành cho desktop — Milkup — từng tuyên bố sẽ "vượt mặt Typora". Bài viết đó đã thu hút hơn 160.000 lượt xem và 12.000+ người theo dõi, giúp dự án đạt hơn 600 sao trên GitHub. Từ đó đến nay, nhóm Auto-Plugin đã liên tục cải tiến Milkup, biến nó thành ...

Đăng vào ngày 13 tháng 6 lúc 16:55

Kết hợp Vue3 và Spring Security với JWT để thực hiện xác thực đăng nhập

Mục lục Frontend: Database: Backend: Chạy ứng dụng: Trong thời gian gần đây, tôi đã viết một bài hướng dẫn chi tiết về Spring Security, nhưng chưa áp dụng vào thực tế. Vì vậy, lần này sẽ trình bày cách sử dụng Spring Security để thực hiện xác thực đăng nhập trong một dự án thực tế. Trong ví dụ này, chúng ta sẽ sử dụng mô hình phát triển tách bi ...

Đăng vào ngày 13 tháng 6 lúc 06:06

Hệ thống gợi ý sách sử dụng thuật toán lọc cộng tác với SpringBoot, Vue3 và MyBatis

Tóm tắt Trong thời đại phát triển nhanh chóng của công nghệ thông tin, hệ thống gợi ý cá nhân hóa đã đóng vai trò quan trọng trong thương mại điện tử, giáo dục trực tuyến và đọc kỹ thuật số. Phương pháp gợi ý sách truyền thống thường dựa trên hành vi lịch sử của người dùng hoặc các nhãn phân loại đơn giản, không đáp ứng được nhu cầu về gợi ý ch ...

Đăng vào ngày 12 tháng 6 lúc 05:45

Thực hiện nhiệm vụ trực quan hóa bằng Vue và ECharts

Nhiệm vụ 1: Tạo biểu đồ cột hiển thị 5 tỉnh có doanh thu cao nhất năm 2020 (1) Đặt vấn đề Viết ứng dụng Vue, kết nối API để hiển thị biểu đồ cột 5 tỉnh có doanh thu cao nhất năm 2020. Đồng thời in ra cấu trúc dữ liệu sử dụng trong biểu đồ tại console trình duyệt. Lưu lại hình ảnh kết quả biểu đồ và nội dung console để đưa vào báo cáo. (2) Chu ...

Đăng vào ngày 9 tháng 6 lúc 00:38

Xây dựng bảng (Table) có header cố định và trạng thái rỗng trong Vue 3 với DeepSeek

Trong bài viết này, chúng ta sẽ triển khai một bảng dữ liệu với header cố định và giao diện trạng thái rỗng tùy chỉnh trong Vue 3. Đây là một phần trong chuỗi bài hướng dẫn xây dựng hệ thống bảng dữ liệu hoàn chỉnh. Giao diện hoàn chỉnh Mã nguồn component <!-- TableView14_10.vue --> <template> <div class="table-demo"> ...

Đăng vào ngày 8 tháng 6 lúc 18:22

Cách tích hợp Font Awesome vào Vue 3 với Composition API

Việc quản lý icon trong dự án Vue 3 thường gây phiền toái: thư viện cồng kềnh, logic rối rắm, hiệu năng kém. Bài viết này hướng dẫn bạn xây dựng hệ thống icon gọn nhẹ bằng Font Awesome kết hợp Composition API — từ tích hợp đến tối ưu hiệu suất. Cấu trúc Font Awesome cơ bản Font Awesome v7 cung cấp nhiều định dạng icon: SVG, font chữ và CSS. Cá ...

Đăng vào ngày 8 tháng 6 lúc 17:30

Xây dựng nguyên mẫu chuyển đổi video HEVC trực tuyến trong 1 giờ

Trải nghiệm nhanh Truy cập nền tảng InsCode(快马) tại https://www.inscode.net Nhập nội dung sau vào ô nhập liệu: Tạo sản phẩm tối thiểu (MVP) cho công cụ chuyển đổi video HEVC trực tuyến, bao gồm: 1. Giao diện tải lên 2. Phát hiện định dạng video tự động 3. Thanh tiến trình chuyển đổi HEVC 4. Xem trước kết quả so sánh 5. Tải xuống file đã ch ...

Đăng vào ngày 4 tháng 6 lúc 19:54

Hệ thống Quản lý Hoạt động Câu lạc bộ Sinh viên trên nền tảng WeChat với Spring Boot 3, Vue 3 và MyBatis

Trong bối cảnh chuyển đổi số ngày càng sâu rộng tại các cơ sở giáo dục, việc quản lý hoạt động câu lạc bộ sinh viên đang dịch chuyển mạnh mẽ từ phương thức thủ công sang mô hình kỹ thuật số dựa trên nền tảng di động. Với sự gia tăng nhanh chóng về số lượng câu lạc bộ và tính đa dạng trong hình thức tổ chức sự kiện, các giải pháp quản lý truyền ...

Đăng vào ngày 4 tháng 6 lúc 05:39

Cấu hình cơ bản cho dự án Vite + Vue 3 + TypeScript

1. Cấu hình啟 động project và tự động mở trình duyệt Trong file package.json: "scripts": { "dev": "vite --open", "build": "vue-tsc && vite build", "preview": "vite preview", "lint": "eslint src", "fix": "eslint src --fix", "format": "prettier --write \"./**/*.{html,vue,ts,json,md}\"", "lint: ...

Đăng vào ngày 4 tháng 6 lúc 05:22

Hướng Dẫn Kỹ Thuật Sử Dụng WatchEffect Và Watch Trong Vue 3

Cơ Chế Giám Sát Phản Ứng Với WatchEffect Vue 3 cung cấp công cụ mạnh mẽ để theo dõi sự thay đổi của trạng thái thông qua watchEffect. Hàm này tự động thu thập các biến được tham chiếu bên trong hiệu ứng của nó mà không cần chỉ định thủ công. Cú pháp cơ bản như sau: watchEffect(effect: (onInvalidate: InvalidateCbRegistrator) => void | ( ...

Đăng vào ngày 2 tháng 6 lúc 17:21