Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

「评论」个人博客UI设计 #114

Open
dongyuanxin opened this issue Jun 18, 2019 · 4 comments
Open

「评论」个人博客UI设计 #114

dongyuanxin opened this issue Jun 18, 2019 · 4 comments

Comments

@dongyuanxin
Copy link
Owner

个人博客UI设计:https://xin-tan.com/passages/2018-09-09-mysql-blog-ui/

@babydada
Copy link

babydada commented Aug 9, 2019

666

@438345494
Copy link

438345494 commented Aug 26, 2019

1.为啥博客要加载这么多js资源文件?对同一host浏览器有并发请求限制额
2.service worker里的缓存资源路径都是手写的吗?其实可以正则匹配缓存的
3.service worker为何没有对所有资源文件都缓存?(几百个js文件)

@dongyuanxin
Copy link
Owner Author

@438345494
1.为啥博客要加载这么多js资源文件?对同一host浏览器有并发请求限制额
答:可以去看下vuepress的实现原理(首屏与load后的spa托管)

2.service worker里的缓存资源路径都是手写的吗?其实可以正则匹配缓存的
答:pwa插件自动生成的

3.service worker为何没有对所有资源文件都缓存?(几百个js文件)
答:因为最新的内容存在了js文件中,有些文件是不能缓存的,否则无法感知新网页。参考:sw离线缓存实战

ps: 这篇文章是很久之前的文章了,网站一共改了4版,这篇文章记录的是第1和第2版

@438345494
Copy link

438345494 commented Aug 28, 2019

针对以上三个问题还是有疑问:
1.无论用什么框架,这么多js资源文件加载首次肯定走http协议,浏览器对同host请求有并发数量限制。
2.从sw文件看pwa插件也是使用worker box,同时service worker不光要缓存js文件,也要对图片和css等其他文件缓存,因为资源请求都是要走http的。只针对js的缓存只是优化了一部分。
3.使用的worker box对比要缓存的资源文件,是根据文件的字节数来判断是否更新的
ps:我没看文章,我直接访问的网站看的😄

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants