、 静态资源本地缓存
总结一下实习期间做的事情不多,除了做了一个本地资源缓存的探索和图片资源延时
加载之外,都是一些琐碎得记不起来的事情了。
【场景描述】
目前参与的项目中,有几个页面具有这样的特征:
、 包含大量的静态资源(图片、 文件、 文件),主要是大量的图片
、 这些图片并不会一次性展现在页面中,甚至初始化时只包含极少数的图片
、 目前在页面初始化时一次性加载了这所有的页面。
、 这所有的页面的静态资源都需要从远程服务端去获取。
以上几个特征的存在,导致页面加载的速度非常慢。
【解决思路】
、 静态资源本地缓存:将静态资源打包到用户本地,这样用户浏览该页面时所需
加载的静态资源可以直接在本地取,而不是频繁的像服务器发请求。
、 静态资源延时加载:按需加载,每次按照需要加载图片,而不是在初始化时一
次性加载所有的图片,每次只加载出现在当前视图内的图片。
【本地缓存】
关于静态资源本地缓存,做一个简单的回忆,这个探索过程,还是值得我记住的。
效果:相对路径(服务端获取)绝对路径(本地获取)
过程:、客户在安装程序时会有一个本地安装路径,桌面版开发人员记住这个路径
,传给 后端开发人员。
、 后端接收到这个参数后用 模板的形式传递给 前端开发人员。
、前端开发人员在 页面()中替换原来的相对路径,将 作为目录加入到该路
径中。如原来为 现在变为 !
问题:浏览器安全限制问题
探索过程:
场景 1:拟从桌面 " 直接将参数传给 #$
问题:不能用 来接收地址参数,因 会在 解析之前就被读取,导致地址没有成功变
更。
拟策略:、#$ 在 中引用的路径中加入通配符如
、桌面 " 拉取 文件遇到通配符则将其替换成本地路径从客户
端容器下载 文件
结果:失败。从容器中下载文件的时候还没下载完已经开始展示了。导致展示的页面元素
会部分缺失。