JavaScript JavaScript

Webpack Là Gì

Ngay tại trang document http://webpack.github.io/docs/what-is-webpack.html có định nghĩa về Webpack như sau:

Tôi nghĩ cách hiểu nhanh nhất về Webpack đó là ta sẽ phải đụng tay đụng chân với nó.

Hướng Tìm Hiểu

  • Bundle các file JS thành 1 file JS.
  • Bundle ra các file JS chính từ nhiều file JS
  • Chia file JS và load khi cần
  • Nhúng HTML vào trong file JS
  • Nhúng CSS vào trong file JS
  • Nhúng file hình Base64 vào trong file JS

1. Bundle Các File JS Trong Dự Án

Đầu tiên để bắt đầu bạn sẽ tạo c...

jQuery jQuery

Em đang sử dụng jQuery UI để tạo một dialog hiển thị khi người dùng click đăng ký tài khoản, code HTMl của em như sau:

<div id="dialog_register_form" class="hidden" title="Đăng Ký Tài Khoản">
    <h3>Thông Tin Tài Khoản</h3>
    <form action="#" method="POST">
    ...
    </form>
</div>
<a href="#" role="button" class="btn btn-primary" id="btn-register">
    <i class="fa fa-user"></i> Đăng Ký
</a>

Code JavaScript để hiển thị dialog:

var dialog_register_form = $('#dialog_register_form');
dialog_r...
HTML HTML

Em có tham khảo bài hướng dẫn về thẻ <DOCTYPE> trong khoá học HTML Cho Người Mới Bắt Đầu nhưng mà vẫn chưa hiểu thẻ DOCTYPE có tác dụng gì trong HTML. Em có thử tạo trang HTML mà không có thẻ này như sau:

<html>
<head>
    <meta charset="UTF-8">
</head>
<body>
<h1>Trang này không sử dụng thẻ DOCTYPE</h1>
</body>
</html>

Và sau đó mở trang trên trình duyệt thì thấy vẫn chạy bình thường không vấn đề gì.

Các bác ai biết giải thích giúp em tại sao trong HTML lại quy định cần phải sử dụng thẻ này ạ?

Twitter Bootstrap Twitter Bootstrap

Trong HTML sử dụng Twitter Bootstrap, em có một thanh navigation ở đầu trang. Trong thanh navigation này có chứa một phần tử <form>. Hiện tại phần tử <form> này được hiển thị trên màn hình lớn @screen-lg và màn hình cỡ trung @screen-md. Tuy nhiên do navigation của em có nhiều menu nên em muốn ẩn form này trên các thiết bị màn hình @screen-md để tránh việc layout của thanh navigation bị bể thành hai dòng.

Em sử dụng tên class cho form này như sau:

<form class="hidden-md">
</form>

Nhưng khi kiểm t...