值传值: 将一个变量的值拷贝一份赋给另一个变量。

如果这个变量的值修改的话不会影响到另外一个变量, 这两个变量之间没有任何联系。

<script type="text/javascript">
    var num1=500
    var num2=num1;
    num2=40;
    alert(num1); // 500;
</script>

引用传址：将一个变量的地址赋给另一个变量。

如果这个变量的值有修改的话那么另外一个变量将同时受到影响, 将一个变量的内存地址赋值给另外一个变量, 这两个变量同时指向同一个内存地址,

这两个变量是有联系的。

<script type="text/javascript">
    var arr1=[3, 5, 7, 8, 10, 11];
    var arr2=arr1;
    arr2[0]=13;
    alert(arr1); //[13, 5, 7, 8, 10, 11]
</script>

在javascript中基本数据类型的赋值操作都是赋值传值；复合数据类型的赋值都是引用传址。

面之间互相传值通常有以下几种方法：

1、URL （如：index.html?id=123）

2、cookie

3、本地存储 （localStorage、sessionStorage）

sessionStorage与 localStorage很相似，不同之处在于 localStorage 里面存储的数据没有过期时间设置，而存储在 sessionStorage 里面的数据在页面会话结束时会被清除。（也就是localStorage长期保存，sessionStorage 关闭页面后清除）

今天主要给大家介绍一下使用sessionStorage进行页面之间互相传值（通信）

思路：从A页面跳转到B页面，然后B页面获取数据再传到A页面

A页面

B页面

点击B页面按钮返回A页面，A页面加载传回来的数据“我是b页面，张三丰”

A页面（a.html）

B页面（b.html）

html实现本地文件的上传，html实现文件上传，html实现文件上传解决方案，html实现文件上传思路，html实现文件上传实例，html实现文件上传源码，html实现文件分块上传，html实现文件分片上传，html实现文件夹上传，html实现文件加密上传，

要求操作便利，一次选择多个文件和文件夹进行上传；

支持PC端全平台操作系统，Windows,Linux,Mac

支持文件和文件夹的批量下载，断点续传。刷新页面后继续传输。关闭浏览器后保留进度信息。

支持文件夹批量上传下载，服务器端保留文件夹层级结构，服务器端文件夹层级结构与本地相同。

支持大文件批量上传（20G）和下载，同时需要保证上传期间用户电脑不出现卡死等体验；

支持文件夹上传，文件夹中的文件数量达到1万个以上，且包含层级结构。

支持断点续传，关闭浏览器或刷新浏览器后仍然能够保留进度。

支持文件夹结构管理，支持新建文件夹，支持文件夹目录导航

交互友好，能够及时反馈上传的进度；

服务端的安全性，不因上传文件功能导致JVM内存溢出影响其他功能使用；

最大限度利用网络上行带宽，提高上传速度；

对于大文件的处理，无论是用户端还是服务端，如果一次性进行读取发送、接收都是不可取，很容易导致内存问题。所以对于大文件上传，采用切块分段上传

从上传的效率来看，利用多线程并发上传能够达到最大效率。

文件上传页面的前端可以选择使用一些比较好用的上传组件，例如百度的开源组件WebUploader，这些组件基本能满足文件上传的一些日常所需功能，如异步上传文件，文件夹，拖拽式上传，黏贴上传，上传进度监控，文件缩略图，甚至是大文件断点续传，大文件秒传。

在web项目中上传文件夹现在已经成为了一个主流的需求。在OA，或者企业ERP系统中都有类似的需求。上传文件夹并且保留层级结构能够对用户行成很好的引导，用户使用起来也更方便。能够提供更高级的应用支撑。

1.下载示例

https://gitee.com/xproer/up6-vue-cli

将up6组件复制到项目中

示例中已经包含此目录

1.引入up6组件

2.配置接口地址

接口地址分别对应：文件初始化，文件数据上传，文件进度，文件上传完毕，文件删除，文件夹初始化，文件夹删除，文件列表

参考：http://www.ncmem.com/doc/view.aspx?id=e1f49f3e1d4742e19135e00bd41fa3de

3.处理事件

启动测试

启动成功

效果

数据库

源码工程文档：https://drive.weixin.qq.com/s?k=ACoAYgezAAw1dWofra

源码报价单：https://drive.weixin.qq.com/s?k=ACoAYgezAAwoiul8gl

OEM版报价单：https://drive.weixin.qq.com/s?k=ACoAYgezAAwuzp4W0a

产品源代码：https://drive.weixin.qq.com/s?k=ACoAYgezAAwbdKCskc
授权码生成器：https://drive.weixin.qq.com/s?k=ACoAYgezAAwTIcFph1