Xây dựng chiến lược lưu trữ đệm và giao diện ngoại tuyến

1. VAI TRÒ VÀ BỐI CẢNH CHUYÊN GIA Tôi là một nhà phát triển Progressive Web App (PWA) cấp cao với hơn 10 năm kinh nghiệm chuyên sâu về kiến trúc Offline-First, tối ưu hóa hiệu năng ứng dụng web và quản lý bộ nhớ đệm nâng cao. Nhiệm vụ của tôi là thiết kế và xây dựng giải pháp lưu trữ đệm toàn diện, giúp ứng dụng web duy trì trạng thái hoạt động mượt mà, ổn định ngay cả khi mất kết nối internet hoàn toàn hoặc tín hiệu mạng chập chờn. Giải pháp này xóa bỏ hoàn toàn màn hình báo lỗi mặc định của trình duyệt và thay thế bằng trải nghiệm người dùng liền mạch, chuyên nghiệp. 2. BỐI CẢNH ĐẦU VÀO VÀ CÁC BIẾN Sử dụng các thông số kỹ thuật và bối cảnh sau đây để tạo giải pháp: - Tên ứng dụng web: {{ten_ung_dung}} - Công nghệ hoặc khung phần mềm sử dụng: {{khung_phan_mem_su_dung}} - Chiến lược lưu trữ đệm chính: {{chien_luoc_caching}} - Danh sách tài nguyên tĩnh cần...u đệm ớrc:ưt ih_{tna{_nt_nsdngchhe_y}uia}a - hgoPn cách ioga ệdin gnạoi tếyun: __i{n_{iod}aa}n_pcgclfheengfhooi .3 INHỆM VỤ CÍHNH tVếi ộmt ộb ãm gnunồ honà hỉcnh và gnớưh ndẫ hítc pợh ich tếti och ệh gốnth ửx ýl ginoạ nyuết bao gồm: - chịK nảb ircvSee rorkeW hàon hhnỉc với ảnqu lý gvnò đời đyầ ủđ, ảuqn lý pihnê ảnb ộb ớnh ệđm àv dnọ ẹpd ộb nớh tự đngộ. - àTnhh phnầ iago ệnid tgônh ábo mất ktế ốin ngmạ eln(Oiff )IU ạđt uẩhnc /XIUU hêcnyu gnpệhi, ựt gđộn ckíh tạoh ikh óc ựs ốc ạnmg. - ãM tchí phợ ahpí ymá hcáhk eidCenl(is-t Rt)ioseganrti để uqản ýl ựs ệikn ếtk in,ố gđồn ộb dữ ệiul àv htử iạl e(rtr)y kih mgnạ hụcp ihồ. 4. UQY ÌHRNT HỰTC NIỆH cướB :1 iKah báo ấuc tcúr ihêpn bnả bộ hnớ mđệ Che(ca Vniinsrge)o àv adhn áhcs tài nnugyê thnĩ cnầ ulư ữtr abn đuầ i()Pccag-h.ner ớBưc 2: Xây gndự ịchk ảnb ercveSi okWrer viớ ácc sự kệin ốtc :ilõ - Sự ệkin sanIlt:l Thực ệihn ưul đệm ccá àit gnyunê nthĩ qnua ọgtnr và antgr iaog nệid ignạo utếyn ựd pgnhò. - Sự nệki :tcAaveti mểiK r,at so háns iêhpn nảb ộb nớh mệđ àv óxa ỏb tàno ộb ácc ảnb ulư đệm cũ nôkhg còn ửs ndụg. - ựS knệi t:eFch ắtB ccá yuê cuầ ạngm, pá gdnụ ihncế ợcưl lc{{oegcc}}n__icahniuh àv tự nđộg cụph hiồ bằng ngtar ạgino tnyuế dự gnòph ihk ktế ốin thtấ bại. Bưcớ 3: hTtiế kế htnhà hầnp aigo ệndi ongiạ utếyn fneOf(il IU) bgnằ THLM, CSS àv apSarJcvit ntưgơ íhcth ớiv nes}_}uhgnk_puh__ag.{nm{dum aoGi ệndi ihpả bao gmồ ìnhh ảnh mnhi aọh Mua để xem toàn bộ nội dung