New
Loading...

Tự hỏi đáp

Trả lời

Cách tính tổng một mảng số (number array) trong Javascript rất đơn giản, bạn tạo biến tên là sum, sử dụng hàm reduce để đếm lùi từng số rồi sử dụng hàm add để tính tổng như sau:

var sum = [1, 2, 3].reduce(add, 0);

function add(a, b) {
    return a + b;
}

console.log(sum); // xuất kết quả trên console là 6

Trong chuẩn ECMAScript 2015 (hay còn gọi là ECMAScript 6), bạn có thể viết tính tổng ngắn gọn hơn như sau:

var sum = [1, 2, 3].reduce((a, b) => a + b, 0);
console.log(sum); // kết quả sum = 6

Chúc các bạn thành công!

Nếu câu trả lời sai ngại gì không chỉnh? Nếu câu trả lời thiếu ngại gì không thêm? Nếu có câu trả lời hay hơn ngại gì không chia sẻ? Mời các bạn comment bên dưới


Tự hỏi đáp

Trả lời

RequireJS là một JavaScript Module Loader. Nó được tối ưu hóa để sử dụng trên trình duyệt, nhưng nó có thể được sử dụng trong các môi trường JavaScript khác, như Rhino và Node. Sử dụng một kịch bản bộ nạp mô-đun như RequireJS sẽ cải thiện tốc độ và chất lượng code của bạn.

RequireJS là gì?
Các trình duyệt được hỗ trợ:

IE 6+ .......... ✔
Firefox 2+ ..... ✔
Safari 3.2+ .... ✔
Chrome 3+ ...... ✔
Opera 10+ ...... ✔

Bạn có thể tìm hiểu cách dùng và download tại địa chỉ: Requirejs.org 

Nếu câu trả lời sai ngại gì không chỉnh? Nếu câu trả lời thiếu ngại gì không thêm? Nếu có câu trả lời hay hơn ngại gì không chia sẻ? Mời các bạn comment bên dưới


Tự hỏi đáp

Trả lời

WebGL là một khái niệm đã có từ vài năm trước, nó được viết tắt từ Web-based Graphics Library, là một thư viện phần mềm mở rộng khả năng của ngôn ngữ JavaScript để cho phép nó tạo ra tương tác đồ họa 3D trong bất kỳ trình duyệt nào tương thích (Firefox, Chrome, Safari..). Mã của WebGL thực hiện xử lý trên card xử lý đồ họa (GPU), lưu ý là card đồ họa phải có hổ trợ shader. WebGL là một context của phần tử canvas trong HTML cung cấp các hàm API 3D graphics. Được phát hành phiên bản đầu tiên 1.0 vào ngày 03 Tháng 3 năm 2011. WebGL được quản lý bởi tổ chức phi lợi nhuận Khronos Group.

WebGL là gì? Học lập trình WebGL ở đâu?
Game 3D chạy trên nền web
Một số website học WebGL miễn phí:

- Learningwebgl.com

- Lozilla.org/GL

- Webglacademy.com

- Tutorialspoint.com/webgl

Nếu câu trả lời sai ngại gì không chỉnh? Nếu câu trả lời thiếu ngại gì không thêm? Nếu có câu trả lời hay hơn ngại gì không chia sẻ? Mời các bạn comment bên dưới


Tự hỏi đáp

Trả lời

Cách chia rất đơn giản đó là chúng ta sử dụng hàm floor để chia, cách chia như sau:

<script>
 
  var num = Math.floor(45/2); // lấy phần nguyên của 45 chia cho 2, kết quả sẽ là 20
  console.log(num); // xuất kết quả ra màn hình console

</script>

Một số phép tính khác trong Javascript:

Cho: Biến num một giá trị bất kì

- Lấy giá trị tuyệt đối: Math.abs(num) 

- Làm tròn lên: Math.ceil(num) // Hàm này ngược với hàm làm tròn xuống mà chúng ta dùng để chia lấy phần nguyên (floor)

- Trả về logarit: Math.log(num) 

- Trả về căn bậc hai: Math.sqrt(num) 

Lưu ý trong Javascript, tất cả các phép tính này ta đều phải dùng hàm toán học Math 

Nếu câu trả lời sai ngại gì không chỉnh? Nếu câu trả lời thiếu ngại gì không thêm? Nếu có câu trả lời hay hơn ngại gì không chia sẻ? Mời các bạn comment bên dưới


Tự hỏi đáp

Trả lời

Chỉ cần tạo một điều kiện if ( if conditional statement) nằm trong function như sau:

function example(){
 // Lệnh của function
 if ( "điều kiện" ) {
     return; // Thoát function nếu thõa điều kiện
 }
}

Nếu câu trả lời sai ngại gì không chỉnh? Nếu câu trả lời thiếu ngại gì không thêm? Nếu có câu trả lời hay hơn ngại gì không chia sẻ? Mời các bạn comment bên dưới


Bạn có một shop bán hàng trực tuyến xây dựng bằng mã nguồn Opencart thì ngoài việc theo dõi thống kê bán hàng trên website thì bạn cũng cần theo dõi lượng người dùng truy cập cũng như những thông tin quan trọng khác trên Google Analytic. Vậy gắn code thống kê Google Analytics lên Opencart như thế nào? Blog xin hướng dẫn các bạn cách làm nhanh sau:


1 Lấy Code Google Analytics

Chúng ta tiến hành lấy code Google Analytics tại trang Google Analytics
Sau khi lấy, code có dạng như sau:
<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-xxxxxxxx-x', 'auto');
  ga('send', 'pageview');

</script>
2 Gắn code lên Opencart

Cách 1: Gắn trực tiếp trong template
Tại nơi chứa source website Opencart, bạn tìm đến file header.tpl bằng đường dẫn sau: catalog/view/theme/2016/template/common/header.tpl

Mở file template vừa tìm bằng trình editor, copy code Google Analytics có được ở bước 1, paste vào trước thẻ </head> trong template , sau đó lưu lại là được.

Cách 2: Thông qua Module của Opencart
Đăng nhập admin Opencart => Phần mở rộng => Analytics


Chọn chỉnh sửa shop của bạn muốn add code thống kê ở bên phải:


Bây giờ bạn chỉ cần copy và paste code thống kê có được ở bước 1 vào ô Google Analytics Code như trong hình:


Lưu ý là bạn nhớ để trạng thái "Bật" ở dòng Trạng thái như trong hình, sau đó nhấn nút Lưu lại là xong.

Truy cập vào thống kê Google Analytics bạn sẽ thấy lượng truy cập bắt đầu từ thời điểm bạn gắn code thống kê.

Chúc các bạn thành công!

Xem thêm:
- Hướng dẫn xóa hoặc thay đổi thông tin bản quyền OpenCart dưới chân trang
- Cách ẩn số lượng sản phẩm trong danh mục OpenCart
- Hướng dẫn cách gắn nhiều code Google Analytics lên một website
- Hướng dẫn gắn code Google Analytics vào forum Xenforo
- Cách gắn nhanh bản đồ Google Map vào trang liên hệ Opencart
Với một shop bán hàng thì việc gắn bản đồ vị trí cửa hàng hay showroom lên website là vô cùng quan trọng, nhưng đối với những website mã nguồn Opencart thì gắn như thế nào? Sau đây blog xin chia sẻ nhanh cách gắn đơn giản sau:

Cách gắn bản đồ Google Map vào trang liên hệ Opencart

1 Lấy code Google Map địa chỉ shop của bạn:

Để lấy code địa điểm Google Map bạn vào web: https://www.google.com/maps
Sau đó search địa chỉ của bạn trên thanh search của Google Map, sau khi search ra kết quả chính xác trên bản đồ, bạn vào nút Share:


Tiếp theo bạn click vào tab Embed map, copy đọa code theo hướng dẫn trong hình:


2 Đặt code Google Map vào trang Liên hệ website của bạn:

Tìm đến file contact.tpl theo đường dẫn sau: catalog/view/theme/yourtheme/template/information/contact.tpl
 - Yourtheme là giao diện bạn đang sử dụng cho website của mình
- Mở file template này trên editor và tìm đến đoạn code sau:
<form action="<?php echo $action; ?>" method="post"
Dán đoạn code Google Map bạn vừa copy lên nằm phía trên đoạn code bạn vừa tìm thấy, rồi lưu lại.
Sau đó ra ngoài trang liên hệ của website nhấn F5 để kiểm tra kết quả.
 

Bạn có thể style lại chút để cho bố cục trang Liên hệ của bạn phù hợp với phần bản đồ vừa gắn vào nhé.

Chúc các bạn thành công!

Xem thêm:
- Hướng dẫn cách gắn Google Analytics vào Opencart
- Hướng dẫn xóa hoặc thay đổi thông tin bản quyền OpenCart dưới chân trang
- Cách ẩn số lượng sản phẩm trong danh mục OpenCart
- Tạo khung đăng ký thành viên dạng popup trong diễn đàn Xenforo
- Hướng dẫn đặt quảng cáo theo từng forum hoặc category trong xenforo
- Hướng dẫn làm slider Bootstrap với hiệu ứng Fade in - Fade out
- Tạo menu dropdowns nhanh trong Bootstrap 

Như bạn đã biết OpenCart là một mã nguồn làm web bán hàng miễn phí hoàn toàn lại dễ dàng cài đặt và sử dụng. Nhưng dưới chân trang luôn có phần thông tin bản quyền (copyright) của OpenCart mặc định khi cài đặt. Bạn có quyền xóa hoặc thay đổi phần này theo ý mình mà hoàn toàn không vi phạm vì OpenCart cho phép, nhưng bạn cũng nên donate một khoản nào đó ủng hộ nhà phát triển :)


Vậy cách thực hiện là như thế nào? Hãy thực hiện theo hướng dẫn nhanh sau:

Trong thư mục chứa mã nguồn website bạn tìm đến file footer.tpl theo đường dẫn sau:
catalog/view/theme/yourTheme/template/common/footer.tpl
Trong đó yourTheme là theme bạn đang sử dụng cho website của mình.

Sau đó bạn tìm đến dòng code:
<p><?php echo $powered; ?></p>
 Xóa nó đi hoặc thêm thông tin bạn muốn vào.

 Lưu lại nhấn F5 để xem kết quả nhé.

Chúc các bạn thành công!

Xem thêm:
- Hướng dẫn cách gắn Google Analytics vào Opencart

- Cách gắn nhanh bản đồ Google Map vào trang liên hệ Opencart
- Cách ẩn số lượng sản phẩm trong danh mục OpenCart
- Tạo khung đăng ký thành viên dạng popup trong diễn đàn Xenforo
- Hướng dẫn đặt quảng cáo theo từng forum hoặc category trong xenforo
- Hướng dẫn làm slider Bootstrap với hiệu ứng Fade in - Fade out
- Tạo menu dropdowns nhanh trong Bootstrap 
- Hướng dẫn sử dụng Grid System trong Bootstrap để phân chia cột (Column)