学习笔记

255 阅读2分钟

1、vue的单页面应用与多页面应用的区别

单页面应用(Single page application) 简称SPA

多页面应用(Multi page application) 简称MPA

刷新方式

单页面应用刷新是单个页面中的组件切换,局部切换或更新,多页面则是整个页面刷新。

路由

单页面的路由可以使用hash模式和history模式,而多页面只是普通的链接跳转。

用户体验

单页面应用用户体验较好,切换速度快并且流畅,而多页面则是用户体验较差,加载缓存慢,切换不流畅,尤其是在网速较差的时候尤为体现。

数据传递

单页面的数据传递方法有很多,如路由传参,vueX,而多页面应用只能依靠本地存储,cookies

维护成本

单页面维护成本比较容易而多页面维护成本比较复杂

结构

单页面的结构是一个主页面和许多的模块儿组件,而多页面是许多完整的页面

2、vue和react的区别

vue是自动挡,react是手动挡。

vue是响应式的,react是手动setState的。

vue是一个渐进式框架,就算js基础很一般,也可以看着文档做出一些项目,但是如果是熟练使用vue,并且清楚各项配置,那vue是比react开发效率高的,react的定位是专家路线,vue的定位是一款适合入门的渐进式框架,react相对于vue更自由,react能用js玩出花来。

3、JS字符串常用的几种方法

 1charAt()
       charAt()返回下标对应的数据
       
        ```js
        const arr = '123456'
        console.log(arr.charAt(1));
        

屏幕截图 2022-01-07 184414.png ```

—————————————————分割线 ———————————————

2.charCodeAt()
    charCodeAt()返回对应下标的Unicode编码
    
    ```js
    const arr = '123456'
    console.log(arr.charCodeAt(1));
    
    

屏幕截图 2022-01-07 184703.png ```

—————————————————分割线 ———————————————

 3.concat()
     concat()方法是用于链接两个或多个字符串
     
    ```js
    const arr = '123456'
    const arr2 = '789'
    console.log(arr.concat(arr2));
    
    

屏幕截图 2022-01-07 185102.png ```

—————————————————分割线 ———————————————

4.includes()
    includes()方法是查询该字符串中是否存在此元素 返回值为布尔值 存在返回true  不存在返回false
    
    
    ```js
    const arr = '123456'
    console.log(arr.includes(1));
    
    

屏幕截图 2022-01-07 185737.png ```

—————————————————分割线 ———————————————

      replace替换,split转数组,substring(start,end)截取字符串等,不一一列举了,学习要自己探索。
      
      

4、你了解vue源码吗?我也不了解 咱下一个

微信图片_20210902121130.jpg

5、JS中函数和方法的区别

函数(function)是一段代码,需要调用它的函数名字。它能将一些数据(函数的参数)传递进去进行处理,然后返回一些数据(函数的返回值),也可以不返回数据。

方法(method)是通过对象调用的JS函数。也就是说,方法也是函数,只是比较特殊的函数。