19年面试总结

1.懒加载,预加载的实现

  懒加载:

    原理:使用一张loding图片作为占位图,当当前需要加载的图片在可视区时等原图加载完成替换loding图片

  预加载:

    原理:使用一张低清晰度小图顶住原图片位置,待原图片下载完成替换成高清原图

2.前端优化方案

  1. js/css等使用不同地址cdn分发,单个有速度限制

  2. js/css压缩/合并/混淆

  3. 按需加载

  4.合理利用sync/defer(sync无法确定顺序异步加载,defer等页面完成后顺序加载css/js)

3.小程序的登录

  1.前端使用wx.login 获取code 

  2.通过wx.requer将请求回来的code传递给后台

  3.后台通过将code和appid,appsecret组合加密后向微信请求open_id  和sesstion_key 

  4.后台接收后处理返回给前端,前端存储在缓存中

  5.以后每次请求将返回的密钥附带提交给后端

4.vue 和react 的异同

  相同点:都推崇组件开发

      只关注视图部分

      都有配套的全家桶

      都可以使用构建工具快速构建项目

      都有props想子组件传递数据的概念

  差异: vue推崇使用模板语法  react使用jsx语法

      vue是数据双向绑定     react是单向数据流

     vue的是mvvm              react是mvc

      

5.小程序跟vue 对比异同

6.作用域/闭包

  作用域(即上下文)

    作用域分为两种

      1.全局作用域(window) 整个程序中都可以访问到

      2.局部作用域 局部作用域能访问全局作用域,全局作用域访问局部作用域报错

  闭包  是能够读取其他函数内部变量的函数

 function closure(){

            let test = 10 ;

            return function(){

                return test++;

            }

        }    

        // 调用函数(该函数调用后因为在返回函数中有test的引用所有计数器并不为0 所以并未释放空间)
        let test  = closure();

        // 第一次调用
        test(); // 11

        // 第二次调用
        test(); //12

        // 若并未赋值给变量直接使用则每次使用完后释放空间
        closure()(); // 11

        closure()(); //11

8.cookie,sessionStorage,localStorage区别

  1.cookie(大小限制4K,且每次提交cookie都会携带给后台)

  2.sessionStorage  窗口关闭时 缓存数据清空

  3.localStorage  当前浏览器永久缓存(大小比较大5M)

    3.1 在隐私模式下无法读取

    3.2 字符串类型

    3.3 占用内存大小过多页面容易变卡

    3.4不能被爬虫抓取

猜你喜欢

转载自www.cnblogs.com/jjq-exchange/p/10878377.html