软技能

一. export、export default 和 module.exports之间的区别

　CommonJS模块规范和ES6模块规范完全是两种不同的概念.

   1. Node应用由模块组成，采用CommonJS模块规范。根据这个规范，每个文件就是一个模块，有自己的作用域。在一个文件里面定义的变量、函数、类，都是私有的，对其他文件不可见。CommonJS规范规定，每个模块内部，module变量代表当前模块。这个变量是一个对象，它的exports属性（即module.exports）是对外的接口。加载某个模块，其实是加载该模块的module.exports属性。而require用于加载模块

//demo1.js
let x = 5;
let add = function (value) {
  return value + x;
};
module.exports = x;
module.exports = add;

//demo2.js
const example = require('./demo'); 

 

  2. ES6中可以使用两种方法来导出模块，使用import来导入模块，这两种方式有以下区别

     （1）在一个文件中，export可以有很多个，但export.default只能有一个。

     （2）导入方式不同。使用export导出模块，对应的 import接受一对大括号，里面只能从其他模块导入的变量名，大括号里面的变量名，必须与被导入模块对外接口的名称相同。使用export.default默认输出，对应 的import不需要大括号，且不需要知道被导入模块的变量名。

       

//同一个文件夹下

//第一组
//demo1.js
export default function user() { //输入
  
}

//demo2.js
import user from './demo1'; // 输入


// 第二组
//demo1.js
export function user() { // 输出
  
};

//demo2.js
import {user} from './demo1'; // 输入

 

二、get 和 post 的区别

   HTTP定义了与服务器交互的不同方式，最常用的有4种：get（查）、post（改）、put（增）、delete（删）. 而我们经常用的有get 和 post:

  最主要的区别：get一般用来获取查询数据，post用来更新修改数据。

          

三、localStorage 和 sessionStorage的区别

　　sessionStorage 属性允许你访问一个 session Storage 对象。它与 localStorage 相似.

      相同的API：1. setItem()

 　　　　　　　2. getItem()

　　　　　　　 3. removeItem()

　　　　　　　 4. clear()

localStorage.setItem('id','1');
localStorage.setItem('age',20)
localStorage.setItem('score',90)
console.log(localStorage.getItem('id'))
//localStorage.removeItem('age');
//localStorage.clear();


sessionStorage.setItem('id','1');
sessionStorage.setItem('age',20)
sessionStorage.setItem('score',90)
console.log(sessionStorage.getItem('id'))
//sessionStorage.removeItem('age');
//sessionStorage.clear();

 

     不同之处在于 localStorage 里面存储的数据没有过期时间设置，而存储在 sessionStorage 里面的数据在页面会话结束时会被清除。页面会话在浏览器打开期间一直保持，并且重新加载或恢复页面仍会保持原来的页面会话。

<p>

   <button onclick="clickCounter()" type="button">请点击这里</button>

</p>

<div id="result"></div>

<p>请点击按钮使计数器递增。</p>

<script>

    function clickCounter() {

        let result = document.getElementById("result");

        if (typeof (Storage) !== "undefined") {

            if (sessionStorage.clickcount) {

                sessionStorage.clickcount = Number(sessionStorage.clickcount) + 1;

            } else {

                sessionStorage.clickcount = 1;

            }

            result.innerHTML = "在本 session 中，您已经点击这个按钮 " + sessionStorage.clickcount + " 次。";

        } else {

            result.innerHTML = "抱歉！您的浏览器不支持 Web Storage ...";

        }

    }

</script>