vue 笔记之web前端资源问题
浏览 287 | 评论 0
黄文勇
2018年12月28日
网页中会引用哪些常见的静态资源呢?

  • JS :  .js    .jsx   .coffee   .ts(TypeScript  类C#语言)
  • CSS :  .css  .less  .sass  .scss
  • Images : .jpg  .png  .gif  .bmp  .svg  .ico
  • 字体文件 : .svg  .ttf  .eot  .woff  .woff2
  • 模板文件 : .ejs  .jade  .vue(这是在webpack中定义组件的方式,推荐这样用)

网页中会引用的静态资源多了以后有什么问题?

  1. 网页加载速度慢,因为我们要发很多的二次请求
  2. 要处理错综复杂的依赖关系

如何解决上述问题?

  1. 合并文件,压缩文件(图片),精灵图,图片的base 64编码
  2. 可以使用requireJS,也可以使用webpack解决各个包之间的依赖关系
本文作者:黄文勇
本文链接:https://www.3dcw.cn/index.php/archives/304/
最后修改时间:2020-05-29 17:46:32
本站未注明转载的文章均为原创,并采用 CC BY-NC-SA 4.0 授权协议,转载请注明来源,谢谢!
评论
与本文无关评论请发留言板。请不要水评论,谢谢。
textsms
支持 Markdown 语法
email
link
评论列表
暂无评论