Javascript & Jquery

Cách build Chrome extension

1. Tạo tệp kê khai(manifest.json) – Đây là file chứa các thông tin cơ bản của Extension bao gồm: name: Tên của extension description: Mô tả ngắn gọn cho extension version: Phiên bản của extension. Mỗi khi có cập nhật cho extension, bạn nhất định phải thay đổi giá trị này thì extension của bạn mới có thể tự động…

Tiếp tục đọc

Javascript & Jquery

Async/Await Trong Javascript

Async / Await là gì? Async / Await là một tính năng của JavaScript giúp chúng ta làm việc với các hàm bất đồng bộ theo cách thú vị hơn và dễ hiểu hơn. Nó được xây dựng trên Promises và tương thích với tất cả các Promise dựa trên API. Trong đó: Async – khai báo một hàm bất đồng bộ…

Tiếp tục đọc

Javascript & Jquery

Download và zip nhiều file cùng lúc

Để thực hiện tính năng này, cần sử dụng thêm 2 thư viện: jszip & FileSaver https://github.com/Stuk/jszip https://github.com/eligrey/FileSaver.js Sử dụng: var zip = new JSZip(); zip.file(“Hello.txt”, “Hello Worldn”); var img = zip.folder(“images”); img.file(“smile.gif”, imgData, {base64: true}); zip.generateAsync({type:”blob”}).then(function(content) { // see FileSaver.js saveAs(content, “example.zip”); }); Để có thể dùng tính năng tải xuống trực tuyến sử dụng tùy chọn streamFiles zip.generateAsync({ type:…

Tiếp tục đọc

Javascript & Jquery

Triển khai môi trường production trong Vuejs

Mở cmd vào trong thư mục dự án vuejs Đánh lệnh : npm run build Copy các file và thư mục trong thư mục dist vào nơi bạn chạy web production Thêm file .htaccess để có thể chạy được các router với nội dung <IfModule mod_rewrite.c> RewriteEngine On RewriteBase / RewriteRule ^index\.html$ – [L] RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule…

Tiếp tục đọc

Javascript & Jquery

Sử dụng recaptcha-v3 trong VueJS

Truy cập https://www.google.com/recaptcha để tạo captcha và lấy sitekey và secretkey để import vào dự án. Install recaptcha-v3 cho VueJs: npm install vue-recaptcha-v3 Sau khi install thành công, import recaptcha-v3 vào trong component cần sử dụng: import Vue from ‘vue‘ import { VueReCaptcha } from ‘vue-recaptcha-v3‘ Vue.use(VueReCaptcha, { siteKey: ‘<YOUR_SITE_KEY>’ })   Sau khi đã import recaptcha-v3 vào component cần sử dụng, dùng grecaptcha.execute để tạo ra token (recaptcha-v3 sẽ tạo ra…

Tiếp tục đọc