Em cám ơn anh về bài giảng bổ ích này! Anh đã cho em lời giải của đúng cái em đang thắc mắc bấy lâu nay 😅 Chúc anh nhiều sức khoẻ và ra thêm nhiều video hữu ích nữa ạ ^ ^
anh cho em hỏi là nếu mình dùng wordpress, thì phải tạo childtheme ghi đè lên thẻ img mặc định hay có hàm nào có thể can thiệp trực tiếp vào thẻ img bằng function.php không ạ, mong anh giải đáp giúp em ạ
trong trường hợp có những image trong tầm nhìn và không trong tầm nhìn thì em thấy nó đang gọi hết, thì có cách nào khi cuộn xuống thì mới gọi những ảnh bị khuất không ạ
trong thẻ body của em để 20 cái thẻ img(1view port 6 ảnh). bên js em observer 20 cái thẻ này, nhưng console.log(entry.isIntersecting) nó ra true hết, anh biết tại sao không
Cách này rất hay, nhưng không biết có load được ảnh trước khi ảnh intersect không nhỉ? ví dụ còn scroll 100px nữa là thấy ảnh thì mình bắt đầu load ảnh luôn
3 роки тому+1
Bạn thử với một số config thêm trong phần options nhé, Ví dụ rootMargin developer.mozilla.org/en-US/docs/Web/API/IntersectionObserver/rootMargin
anh cho em hỏi là khi em để remove('lazy-src') thì khi scroll lại nó vẫn chạy và trả về null và em thấy nó vẫn tốn time ạ, nếu để remove thì có tốn thời gian hơn không ạ
3 роки тому+1
Hi e, vấn đề vẫn chạy không liên quan tới lazy-src nha e. Khi e đã xử lý xong tấm hình đó rồi thì e gọi thêm một hàm unobserve để ngừng quan sát nó nhé. Tài liệu ở đây: developer.mozilla.org/en-US/docs/Web/API/IntersectionObserver/unobserve
let observer = new IntersectionObserver((entries)=>{ entries.forEach(entry =>{ if (entry.isIntersecting) { load(entry.target); observer.unobserve(entry.target); } }); });
Em cám ơn anh về bài giảng bổ ích này!
Anh đã cho em lời giải của đúng cái em đang thắc mắc bấy lâu nay 😅
Chúc anh nhiều sức khoẻ và ra thêm nhiều video hữu ích nữa ạ ^ ^
tim mạnh cho anh Lực toàn video hay với lạ
Mới biết tới kênh của bạn . Cách giảng dễ hiểu và nội dung chất lương
Cho mình một chia sẻ để nhiều người cũng biết nhé. Cám ơn bạn ^^.
Ngắn ngọn dễ hiểu quá anh ạ. Tks a
Không thể không bình luận được, Bổ ích, dễ hiểu quá. Cảm ơn a
Hay lắm bro, kiến thức mới, trước giờ toàn dùng lib
rất bổ ích ạ. Đáng giá 17p
Em cảm ơn anh đã chia sẻ.
Cách truyền đạt rất hay, nghe rất cuốn!
kiến thức hay quá, cảm ơn a đã chia sẻ
Anh giảng dễ hiểu, dễ hình dung. Mong anh ra nhiều video nữa.
Toàn các kiến thức thực tế thiết thực ak. Hay quá anh
bài giải rất hay. mong anh ra video sử dụng trong reactjs ạ
video rất hay và dễ hiểu, cám ơn bạn rất nhiều
toẹt vời, truyền đạt dễ hiểu
giọng rõ, dễ nghe là khoái rồi +1 sub haha
Cảm ơn anh nhiều nhé, kiến thức bổ ích và dễ hiểu lắm ạ
Wow bài giảng rất hay và đúng trọng tâm, cảm ơn anh
Anh giảng hay với dễ hiểu thật sự
Hay quá anh ơi, giọng anh nghe rõ ràng nói dễ hiểu, ví dụ minh họa khá rõ ràng. Cảm ơn anh ạ.
Công nhận, search bác này nói nghe phát hiểu luôn :)
Cảm ơn anh đã chia sẻ
Ui đúng cái e đang tìm . Cảm ơn anh nhiều lắm a
quá đẳng cấp
thanks, rat hay luon
ước gì biết anh sớm hơn
Hay quá ạ, cảm ơn anh !!
quá hay anh ạ
cảm ơn a ạ
tuyệt vời quá anh ơi
hay cảm ơn bro nhiều
Cám ơn a ạ
hay quá anh
Hay đó bạn, mà còn. Thiếu nhiều
Hay anh ơi
hay quá bro ưi
Such a nice video! I enjoy watching it in full. Have a nice day!👍🍞😀❤️👉!!!
Thank you! You too!
hay bạn
giọng hay quá b
anh cho em hỏi là nếu mình dùng wordpress, thì phải tạo childtheme ghi đè lên thẻ img mặc định hay có hàm nào có thể can thiệp trực tiếp vào thẻ img bằng function.php không ạ, mong anh giải đáp giúp em ạ
ngon :3
trong trường hợp có những image trong tầm nhìn và không trong tầm nhìn thì em thấy nó đang gọi hết, thì có cách nào khi cuộn xuống thì mới gọi những ảnh bị khuất không ạ
A học mấy cái này ở đâu vậy a
trong thẻ body của em để 20 cái thẻ img(1view port 6 ảnh). bên js em observer 20 cái thẻ này, nhưng console.log(entry.isIntersecting) nó ra true hết, anh biết tại sao không
Cách này rất hay, nhưng không biết có load được ảnh trước khi ảnh intersect không nhỉ? ví dụ còn scroll 100px nữa là thấy ảnh thì mình bắt đầu load ảnh luôn
Bạn thử với một số config thêm trong phần options nhé, Ví dụ rootMargin
developer.mozilla.org/en-US/docs/Web/API/IntersectionObserver/rootMargin
biết a qua group angular, a có làm video về angular ko zợ anh :??
Hiện tại thì chưa e nha ^^. Angular e theo dõi Admin bên đó kìa e.
CLS: paddingtop :)) magic
magic gì vậy e ^^
&::before{content:'';padding-top:100%;display:block;} 😂😂😂
&::before{content:'';padding-top:100%;display:block;} 😂😂😂
@@Teddy29 haha
Haha. Hảo học trò @Vy @Vu :3
cho em hỏi là theme anh đang sử dụng cho VS Code là gì v ạ?
Thêm này nha e: Dracula Official
cái này có trong khóa js nâng cao zend hk a
Trong khoá nâng cao có học về mô hình Observer Pattern nha em.
@ dạ, mà có mấy phân tối ưu code như video này hk a, hay chỉ là mô hình thôi ạ
anh cho em hỏi là khi em để remove('lazy-src') thì khi scroll lại nó vẫn chạy và trả về null và em thấy nó vẫn tốn time ạ, nếu để remove thì có tốn thời gian hơn không ạ
Hi e, vấn đề vẫn chạy không liên quan tới lazy-src nha e. Khi e đã xử lý xong tấm hình đó rồi thì e gọi thêm một hàm unobserve để ngừng quan sát nó nhé. Tài liệu ở đây:
developer.mozilla.org/en-US/docs/Web/API/IntersectionObserver/unobserve
@ dạ em cảm ơn anh ạ
let observer = new IntersectionObserver((entries)=>{
entries.forEach(entry =>{
if (entry.isIntersecting) {
load(entry.target);
observer.unobserve(entry.target);
}
});
});
anh có thể cho em xin source code được không ạ
Em xem ở đây nhé: codepen.io/congluc1902/pen/yLoXBVB
Hay quá anh ưi