0
点赞
收藏
分享

微信扫一扫

关于前端面试题对单页面应用的论述?

陌岛 2022-03-12 阅读 51

           在原有的基础上,再次巩固了单页面应用是什么? 以及它的优缺点是什么?如何进行优化? 无非  就是讲了它的大致的概念 单页面应用,

   就是我们所说的只有一张web 页面的应用,单个HTML 页面与用户之间交互动态更新,该页面的web 程序,所有的操作都在这张页面上完成,都由javascript 控制;

      然而单页面应用的优势和不足之处分别在哪呢!首先,首当其冲的是肯定要考虑"用户"嘛!肯定是用户体验好,不然用它干嘛!你说对吧! 它的优势是这莫说的 ”用户操作体验好,除了首页,其他页面加载速度快,用户不同刷新页面“,然而 当说完它的优点的时候,肯定也有它的缺陷嘛! 物极必反, 刚刚说到它的优势是用户体验好,肯定也有不好的地方,那就是 ”首页加载速度慢:浏览器一开始会加载所有必须的资源“;还有一点就是单页面应用对SEO 不友好,可能会有人问,SEO 是什莫呢? SEO 简单的来说就是搜索引擎优化,利用搜索引擎的规则提高网站,在搜索引擎的排名的方法,目前各个搜索引擎对js 支持不好,所以使用单页面应用将大大减少搜索引擎对网站的收录等等;

           谈起单页面应用的缺陷来着,肯定会有人问,那有没有什么好的办法来去避免这些问题呢!或者是优化?

            我认为它可以从两个大的角度来分析,一个从图片优化的角度来分析,另一个角度就是从代码的角度去进行优化;

          首先,说一下从图片优化的角度来分析一下吧!能不能把图片给变小一些,把图片转化为Base64 格式(二进制到字符 需解码),或者用图片压缩工具(压缩它的体积)例如:icon-font矢量图标等等 其次,就是从代码层级的情况 下去优化!!!

          <1图片及其路由懒加载

            <2 长列表性能优化

           <3 滚动加载和关键内容优先加载

             <4 v-if和v-show 的区分场景

             <5 v-for 绑定key 值

           <6 减少http 请求

            <7 computed 和watch 的区分场景

         <8 第三方插件按需引入

        <9 资源缓存 

     <10压缩css 和js 通过移除不必要的字符等等

举报

相关推荐

0 条评论