Mục lục
Tại sao bạn cần random?
Mục đích chính của ramdom trong coding hay trong thiết kế là mô phỏng. Tùy thuộc vào từng công việc khác nhau, bạn có thể sẽ cần mô phỏng các thể loại dữ liệu như văn bản, hình ảnh, số liệu… để phục vụ cho các nhu cầu khác nhau như tạo mẫu, testing, trình bày…
Random chữ/đoạn văn bản
Bạn là một web designer hoặc là một coder web template để bán trên chợ themes? Công việc của bạn chú trọng vào thiết kế hơn là nội dung của một trang web. Tuy nhiên, nếu bạn muốn trình bày một trang web của bạn mà không có một dòng chữ nào, đó là một điều gần như không thể. Vì vậy, chèn những dòng hay đoạn chữ giả như Lorem Ipsum sẽ giúp ích bạn rất nhiều. Bạn có thể xem bài viết này để hiểu hơn Lorem Ipsum là gì nhé
Tool Lorem Ipsum generator
Công cụ để Lorem Ipsum có rất nhiều và dễ tìm trên Google, vì vậy, mình xin đề cử 1 vài công cụ đơn giản, dễ sử dụng nhất
Nếu bạn cần tạo “dummy text” bằng chữ Nhật, Trung hay Hàn, bạn có thể thử trang này:
https://generator.lorem-ipsum.info/_japanese
Random hình ảnh
Tương tự như “dummy text”, bạn có thể tạo riêng cho mình “dummy image” một cách dễ dàng bằng công cụ
Trang web này cung cấp cho bạn nhiều cách để chèn những hình ảnh ngẫu nhiên tùy thuộc theo nhu cầu của bạn, chẳng hạn như thay đổi kích thước, định dạng hình ảnh (png, jpg, webp…), mất bao lâu thì hình ảnh mơi random, các filter cơ bản (grayscale, blur…) Hãy tự mình khám phá, biết đâu có thể bạn sẽ tìm được ứng dụng cho những dự án sau này của bạn đấy!
Random một số khi bạn nhấn nút (JS)
Đây là một ví dụ về hàm Math.random trên trang W3C. Vì hàm math.random() chỉ trả về giá trị ngẫu nhiên giữa 0 và 1. Nên ta cần làm một vài phép toán để custom lại hàm math.random() cho phù hợp cái yêu cầu trả về giá trị ngẫu nhiên giữa 2 số bất kì
<p>Môi lần bạn nhấn nút, hàm getRndInteger(min, max) sẽ được gọi và trả về một số ngẫu nhiên có giá trị giữa 0 và 9 :</p>
<button onclick="document.getElementById('demo').innerHTML = getRndInteger(0,10)">Click Me</button>
<p id="demo"></p>
<script>
function getRndInteger(min, max) {
return Math.floor(Math.random() * (max - min)) + min;
}
</script>Môi lần bạn nhấn nút, hàm getRndInteger(min, max) sẽ được gọi và trả về một số ngẫu nhiên có giá trị giữa 0 và 9 :
Ngẫu nhiên trên máy tính có thật sự “ngẫu nhiên”?
Thực tế, “sự ngẫu nhiên” không hề tồn tại trong thế giới máy tính. Một vài ứng dụng “giả lập sự” ngẫu nhiên bằng cách theo dõi sự di chuyển chuột. Phức tạp hơn, các nhà lập trình có thể bắt chước sự ngẫu nhiên từ tần số âm thanh trong khí quyển, phân rã phóng xạ, đèn lava… Về cơ bản, các phương pháp đo lường vật lí được cho là ngẫu nhiên được áp dụng vào để giả lập sự ngẫu nhiên cho máy tính, do đó, sự trùng lặp sẽ được hạn chế, và ngẫu nhiên sẽ thật hơn bao giờ hết.
Tổng kết
Random trong lĩnh vực công nghệ thông tin rất rộng, và ứng dụng của chúng trong Front-end cũng rất nhiều. Tùy theo nhu cầu, sẽ có rất nhiều phương pháp để thực hiện random. Và cũng tùy thuộc vào mức độ “ngẫu nhiên” mà bạn cần trong công việc, các phương pháp có thể đơn giản hoặc phức tạp theo từng mức độ.
Chúc các bạn một ngày coding vui vẻ và thuận lợi!!!