两者的主要区别：
1、在build/webpack.dev.conf.js和build/webpack.prod.conf.js中配置即可。
2、在模块中使用的时候代码如下：plugins:[//这里是需要导入的插件列表，定意思jquery为全局参数newwebpack.ProvidePlugin({$:'jquery',jquery:'jquery','window.jQuery':'jquery',jQuery:'jquery'})]
可以使用import的这种写法：importjQueryfrom'jQuery'ready:function()
{varself=thisjQuery(window).resize(function(){self.$refs.thisherechart.drawChart()})}。
3、jquery 理解成js的封装，使js更加简洁，快捷。它把相同的操作封装起来，使用的时候直接调用。
拓展资料js是脚本语言 有自己的变量和方法，多用于表单验证和与用户的交互性以及动态效果 功能强大
但是有时候使用起来很麻烦，所以就出了 jquery框架，它是对js常用的方法进行封装处理 形成自己的一套结构，使用的时候 需要加载jquery库 使用更少的代码 能做更多的事。
不是特别明白问的问题，什么叫选取时候范围：一、年份的范围： 在JS里面 Year 应该有一般是 1970-2020 你可以自己改
二、时间格式：如只要日期，或者日期+时间：这个要看JS里面有没有相应的函数：如： setYear()一般日期 setTime() 时间 或者：setYearTime() 你可以直接查找 set...开始的函数
Document
Document接口表示在浏览器中加载的任何网页，并作为到网页内容的入口点，这是 DOM 树。 DOM树包括诸如<body>和 <table>之类的元素，其他等等。其也为文档（document）提供了全局性的函数，例如获取页面的URL、在文档中创建新的 element 的函数。它为文档提供全局的函数，像如何获取页面的URL和在文档中创建新的元素。
这里主要用于Document的两个方法
1、 document.getElementById
返回一个匹配特定 ID的元素
<script>function changeColor(newColor) {
var elem = document.getElementById("para1")
elem.style.color = newColor
}
</script>
</head>
<body>
<p id="para1">Some text here</p>
</body>
新手注意：
新手要注意方法名中 'Id' 的拼写——'getElementByID' 是没有作用的。许多人会忽视这个错误。
如果没有查找到对应的元素，方法会返回null。注意ID参数是大小写敏感的，所以document.getElementById("Main")无法获取到元素<div id="main">，因为'M'和'm'是不一样的。
2、Document.getElementsByClassName()
返回一个类似数组的对象，包含了所有指定 class 名称的子元素。
document.getElementsByClassName('test') //获取所有class为'test'的元素document.getElementsByClassName('red test') //获取所有class同时包括'red'和'test'的元素
