THẢO LUẬN

xin chào, bạn có thể giải thích giúp mình tại sao khi upload ảnh mà nó không hiển thị ra hình ảnh được không với! Screenshot_1.jpg

Screenshot_2.jpg cảm ơn bạn!

0

Chào bạn,

Bởi vì request của bạn mất 1 khoảng thời gian để thực hiện sau đó lại mất 1 khoảng thời gian để cập nhật data ở Vue component, nên tại mounted thời điểm bản đầu render ra sẽ ko có dữ liệu, ngay lập tức sau đó dữ liệu đc lấy về và cập nhật nên bạn thấy trên màn hình có chút xê dịch về layout.

Kể cả bạn cho vào beforeCreate nhưng sau này khi request của bạn nặng thì tại thời điểm mounted request vẫn chưa xong thì vẫn sẽ xảy ra tình trạng "nháy" như ở trên.

Cách khắc phục:

  1. như bạn @taiken đã comment bạn có thể dùng server side rendering (xem Nuxt), với cách này thì ngay khi truy cập trang là đã có ngay dữ liệu nên sẽ ko xảy ra hiện tượng layout bị xê dịch, nhưng cách này thì bạn phải mất công chuyển cấu trúc project sao cho hợp với cấu trúc của Nuxt, rồi cấu hình,...
  2. Dùng Skeleton. Khi dữ liệu đang được load chưa xong, ta hiển thị dạng Skeleton với cấu trúc giống với dạng data thật, khi data được load xong thì thay bằng data thật, dùng cách này sẽ không bị "nháy" (xê dịch) layout. (Skeleton là gì ?)
0
thg 3 5, 2020 3:30 SA

mình cảm ơn (k up vote đc nên đành comment 😂 )

+1

khó hiểu quá bạn ko hướng dẫn tạo file rồi chạy ra sao hả bạn mình đang cần ver 3.0 mà bế tắc

0
thg 3 5, 2020 3:18 SA

Không được đâu nhé, phải thẻ visa or master card vật lý

0
thg 3 5, 2020 2:58 SA

hay qua em dang can tim may cai function nay de dung cho tien 😄 thanks

0

Thanks bạn, bài viết khá hay

0

Theo mình Vue hoạt động phía client side nên load xong HTML mới request ajax, bạn nên thêm flag vào khi nào request được thì mới hiển thị table, còn nếu cần phải server render thì thử tìm hiểu thêm nuxtjs

0

Mình đang làm một trang one page với vue. Mặc dù mình đã dùng ajax để get data trong created nhưng không hiểu sao vẫn xảy ra hiện tượng có một chút xô dịch trước và sau khi view được render. Ví dụ table kết quả tìm kiếm của mình giá trị của các tag <th> cũng được trả về từ server và render. Khi chuyển trang lần đầu thì thường mất khoảng không quá 1s nhưng đủ để thấy có chút xê dịch từ trống trơn sau đó các <th> mới được render ra. Nên mình chưa biết nên khắc phục như nào. Có nên lấy data từ bước beforeCreate không nhỉ?

0

Em thì trước có dùng Oh My Zsh, xong sau này đổi sang những cái alternative nhẹ nhanh hơn như là prezto hay zimfw. Đặc biệt là zimfw khởi động chỉ mất một nửa thời gian so với Oh My Zsh. Mặc định khi cài zim là đã có sẵn syntax highlight, suggestion, auto completion đầy đủ và việc cài/gỡ module rất đơn giản. Nên mọi người có thể thử dùng và cảm nhận nhé 😄

+1
Avatar
đã bình luận câu trả lời trong câu hỏi
thg 3 5, 2020 1:10 SA

Em có đọc qua, dùng ffmpeg convert video mp4 sang dạng m3u8. Cái này có giúp ích cho việc load video nhanh hơn và tốt hơn cdn không. Kiểu convert này là để làm streaming video bạn ạ.

Nếu bạn muốn nhanh thì hãy sử dụng 1 service hỗ trợ streaming. Ngày trước mình có dùng Uliza, thấy nó khá ổn áp và không có claim gì về vấn đề loading video. Còn muốn tự xây dựng hay tự config nhiều thứ hơn thì như bạn bên trên nói là sử dụng dịch vụ của AWS hoặc Google Cloud như S3, Cloudfont...

0

Thank bác nhé. Em sẽ note lại vào bài viết cho mọi người.

0
thg 3 4, 2020 3:41 CH

bạn nào sau khi chạy chsh -s $(which zsh) rồi khởi động lại terminal mà vẫn shell cũ thì logout rồi login lại máy là ok nhé

+1
thg 3 4, 2020 3:10 CH

hay quá bạn ơi

+1
Avatar
đã bình luận câu trả lời trong câu hỏi
thg 3 4, 2020 3:02 CH

Append mode is not supported with xlsxwriter! bao loi bạn a

0
thg 3 4, 2020 12:36 CH

@dao.thai.son aizooo, nãy chạy đi mở thẻ debit rồi mà về nó lại kêu ko hợp lệ mới chán bác ạh

0
thg 3 4, 2020 10:13 SA

Đúng là đội ngũ contributor của Laravel rất đông đảo nhưng không phải lý do này mà phiên bản 7 được ra mắt "sớm". Do chiến lược/kế hoạch phát triển của tác giả mà cứ 6 tháng 1 lần (Khoảng tháng 2 và tháng 8), Laravel sẽ ra phiên bản mới gọi là bản major (theo semantic versioning).

Ngay trên trang release notes mà bạn để link ở cuối bài có đoạn như sau. "Laravel and its other first-party packages follow Semantic Versioning. Major framework releases are released every six months (~February and ~August), while minor and patch releases may be released as often as every week. Minor and patch releases should never contain breaking changes."

+9
thg 3 4, 2020 10:09 SA

đúng lúc tìm hiểu Xpath thì thấy bài này, cảm ơn chị ạ. Đọc rất nhiều bài của chị 😃

0
thg 3 4, 2020 10:08 SA

làm sao có được cái đấy vậy bác, e click chuột phải mà ko thấy dòng Copy như của bác vậy

0
Viblo
Hãy đăng ký một tài khoản Viblo để nhận được nhiều bài viết thú vị hơn.
Đăng kí