Không nên sử dụng watch trong app.vue Watch là một trình quan sát sự kiện thời gian thực .Bạn nên kiểm tra trong các component con
Chuyên mục: Javascript & Jquery
Kinh nghiệm làm javascript
simple js scroll to animate
Đoạn js đơn giản để scroll to đến các thành phần trong trang
Refresh an element after submit without reload page
Khi cần mới 1 phần tử trong trang mà không muốn load lại cả trang thì ta dùng trong js đoạn code sau $(‘#content ‘).load(location.href + ‘ #content>*’, ”);
Dự án: AI-OCR-RAI
Cài đặt server chạy project
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…
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ộ…
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:…
Đăng ký nhận thông báo push từ google chrome trên windows
Đầu tiên cần cho phép trang web có thể push
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…
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…