Tìm kiếm

ReactJS
Tất cả
Công ty

Thông tin công ty

Bài viết liên quan

Xem tất cả
Chuẩn hóa code style trên Editor/IDE bằng EditorConfig

Chuẩn hóa code style trên Editor/IDE bằng EditorConfig

Bài viết được sự cho phép của tác giả Nguyễn Trần Chung Thực sự mà nói về code thì 100 coder code 100 cách khác nhau, không biết đâu mà lần phải không các bạn. Người thì xài tab, người thì xài space (khoảng trắng), đã thế lại còn có tab 2 với tab 4, space 2 với space 4... chưa kể đến việc space và tab ở mỗi Editor/IDE là không giống nhau nữa. Nếu bạn code một mình thì chả có vấn đề gì cả phải không nào, những hãy thử nghĩ xem trong 1 team thì sao? Mỗi người 1 kiểu sẽ gây mất tính thống nhất với nhau, khó đọc code hơn đối với người khác trong team nữa chứ. [irp posts="5223" name="4 lý do để VS Code là Text Editor ưa thích của mọi lập trình viên"] [irp posts="5354" name="Text Editors: Atom và Sublime"] Đó chính là lí do vì sao cần phải có EditorConfig trong mỗi project của các bạn. EditorConfig giúp developer và các team thống nhất code style về mặt tab indent. Việc thiết lậ [...]

Đọc thêm
[Trick] Lặp 1 video trên Youtube với thời gian theo ý muốn

[Trick] Lặp 1 video trên Youtube với thời gian theo ý muốn

Chả là dạo gần đây, tớ hay nghe bản nhạc "Một bước yêu vạn dặm đau" của bạn Chu Duyên. Xinh gái, hát hay, đàn lại giỏi. Bạn có thể trải nghiệm ở link này: https://www.youtube.com/watch?v=plKgTyPXCAc Nếu dùng loop mặc định của Youtube thì sẽ nghe đi nghe lại cả bài. Tuy nhiên, tớ chỉ thích nghe đoạn hát thôi, không thích nghe đoạn intro và outro ở đầu. Vì vậy tớ viết 1 đoạn script nho nhỏ, paste vào console để thực hiện thủ đoạn này, tiện share với mọi người luôn. TL; DR function simpleLoop(startTime, endTime) { // TODO: Check valid endtime console.log('-- Run here') var ytplayer = document.getElementById("movie_player"); var currentTime = ytplayer.getCurrentTime(); var isRunToStart = currentTime > startTime var suitableTimeout = endTime - startTime if (currentTime <= startTime || currentTime > endTime){ ytplayer.seekTo(startTime) } else { suitableTimeout = endTime - currentTime } console.log('>> Start timeout after: ', suitableTimeout * 1000) setTimeout(function () { simpleLoop(startTime, endTime) }, suitableTimeout * 1000) } simpleLoop(11, 254) Thay trong hàm simpleLoop là startTime và endTime mà bạn muốn. Giải thích Đoạn code trên khá đơn giản, có thể hình dung theo sơ đồ sau: Nếu thời gian hiệ [...]

Đọc thêm
Gắn video làm background toàn màn hình

Gắn video làm background toàn màn hình

Chia sẻ kỹ thuật làm video background để chạy full màn hình Kết quả các bạn có thể xem trên trang mình mới làm http://chat-production.com/ Để có một cái video background chạy toàn màn hình, chúng ta sẽ nghĩ ngay đến việc dùng thẻ <video /> của HTML5, đặt nó trong một cái <div/> có kích thước width: 100%, buồn thay nó không đúng như chúng ta mong đợi. <!-- HTML --> <div id="videoContainer"> <video loop autoplay muted playsinline> <source src="/show-reel.mp4" type="video/mp4" /> </video> </div> Thêm playsinline để có thể chạy trên IOS như iPhone #container { overflow: hidden; height: 60vw; position: relative; } video { width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } Thứ nhất là nó sẽ không tự scale ra 100% của màn hình, thứ 2 khi chúng ta kéo to thu nhỏ cửa sổ trình duyệt, tỷ lệ khung hình (ngang và đứng) cũng sẽ không đạt đúng tỉ lệ thật của video. [irp posts="18658" name="Đặt tên sao cho đẹp trong javascript"] [irp posts="18496" name="Bạn biết về Javascript Filter Function?"] Để video có thể thay đổi kích thước theo từng [...]

Đọc thêm
8 video game giúp bạn lập trình web tốt hơn

8 video game giúp bạn lập trình web tốt hơn

Làm sao để học lập trình một cách đỡ khô khan hơn? Bạn có thể thử qua 8 game lập trình sau đây. Đây sẽ là những trò chơi giúp bạn có thêm nhiều kiến thức về mindset về lập trình web. Hãy cùng xem qua nhé! Danh sách các game: Automachef sẽ giúp bạn luyện tập cách xây dựng các thuật toán qua việc sắp xếp những chiếc máy để tạo ra món ăn ngon Return of the Obra Dinn đem lại cảm giác như debug trong một project lạ. Bạn tỉnh dậy trên một con tàu mà không biết chuyện gì đã xảy ra và bắt đầu làm sáng tỏ bí ẩn. HackNet mô phỏng việc bạn hack bằng những lệnh Unix thực thụ. Từ đây bạn sẽ thuần thục việc sử dụng lệnh Unix và biến chúng thành vũ khí tuyệt vời trong việc lập trình web. Wilmot’s Warehouse nó như một bài tập về việc tái cấu trúc. Game yêu cầu [...]

Đọc thêm