运用jquery做打印和导出操作
我最近接手的项目中经常让做出打印和导出统计图和表格
首先说打印，打印如果用echarts做出来的图表，打印的时候，要借助jquery的打印插件。
打印插件：
<script src="../Plugin/jquery-print/jquery.jqprint-0.3.js"></script>
然后进行打印操作
<div id="printPopup" class="modal-block mfp-hide">
<section class="panel">
<header class="panel-heading">
<h2 class="panel-title">数据打印</h2>
</header>
<div class="panel-body">
<div class="modal-wrapper">
<div class="modal-text">
<div class="form-group">
<label class="col-xs-12 col-md-3 control-label">统计数据：</label>
<div class="col-xs-12 col-md-9">
<select class="form-control mb-md printTableData">
<option value="0">请选择数据表格</option>
<option data-id="" value="1">招商引资项目汇总统计表</option>
<option data-id="" value="2">新签招商引资项目汇总统计表</option>
<option data-id="" value="3">在陕投资合同项目汇总表</option>
<option data-id="" value="4">在陕投资合同项目分类表（按地域）</option>
<option data-id="" value="5">在陕投资合同项目分类表（按行业）</option>
<option data-id="" value="6">招商引资项目明细统计表</option>
</select>
<label for="fullname" class="errorHide"></label>
</div>
</div>
</div>
</div>
</div>
<footer class="panel-footer">
<div class="row">
<div class="col-md-12 text-right">
<button type="button" class="btn btn-default popupCancel">取消</button>
<button type="button" id="printConfirm" class="btn btn-primary"><i class="fa fa-check"></i>确定</button>
</div>
</div>
</footer>
</section>
</div>
打印js:
//触发打印弹窗
function printDatable() {
$(".pintTable").click(function () {
//打印弹窗初始化
printLizationVal();
//打印初始化事件
printFuntion();
confirmPopup("#printPopup", "inline");
$("#printConfirm").click(function () {
if (tableEven($(".printTableData"), "请选择打印的数据表格")) {
if ($(".printTableData").val() == "1" || $(".printTableData").val() == 1) {
$(".printDtable").show();
$("#Company").show();
$("#navTabes").hide();
$("#headerTable").hide();
$.magnificPopup.close();
html2canvas($("#CompanyChart"), {
onrendered: function (canvas) {
var domImg = Canvas2Image.saveAsPNG(canvas, true).getAttribute('src');
$("#CompanyChart").html("<img src='" + domImg + "'/>");
}
});
}
if ($(".printTableData").val() == "2" || $(".printTableData").val() == 2) {
$("#navTabes").hide();
$(".printDtable").show();
$("#headerTable").hide();
$("#Company").hide();
$("#NCompany").show();
$.magnificPopup.close();
html2canvas($("#NCompanyChart"), {
onrendered: function (canvas) {
var domImg = Canvas2Image.saveAsPNG(canvas, true).getAttribute('src');
$("#NCompanyChart").html("<img src='" + domImg + "'/>");
}
});
}
if ($(".printTableData").val() == "3" || $(".printTableData").val() == 3) {
$(".printDtable").show();
$("#headerTable").hide();
$("#navTabes").hide();
$("#Company").hide();
$("#SCompany").show();
$.magnificPopup.close();
html2canvas($("#SCompanyChart"), {
onrendered: function (canvas) {
var domImg = Canvas2Image.saveAsPNG(canvas, true).getAttribute('src');
$("#SCompanyChart").html("<img src='" + domImg + "'/>");
}
});
}
if ($(".printTableData").val() == "4" || $(".printTableData").val() == 4) {
$(".printDtable").show();
$("#headerTable").hide();
$("#navTabes").hide();
$("#Company").hide();
$("#AddSCompany").show();
$.magnificPopup.close();
html2canvas($("#AddSCompanyChart"), {
onrendered: function (canvas) {
var domImg = Canvas2Image.saveAsPNG(canvas, true).getAttribute('src');
$("#AddSCompanyChart").html("<img src='" + domImg + "'/>");
}
});
}
if ($(".printTableData").val() == "5" || $(".printTableData").val() == 5) {
$(".printDtable").show();
$("#headerTable").hide();
$("#navTabes").hide();
$("#Company").hide();
$("#HYSCompany").show();
$.magnificPopup.close();
html2canvas($("#HYSCompanyChart"), {
onrendered: function (canvas) {
var domImg = Canvas2Image.saveAsPNG(canvas, true).getAttribute('src');
$("#HYSCompanyChart").html("<img src='" + domImg + "'/>");
}
});
}
if ($(".printTableData").val() == "6" || $(".printTableData").val() == 6) {
$(".printDtable").show();
$("#headerTable").hide();
$("#navTabes").hide();
$("#Company").hide();
$("#SureCompany").show();
$.magnificPopup.close();
html2canvas($("#SureCompanyChart"), {
onrendered: function (canvas) {
var domImg = Canvas2Image.saveAsPNG(canvas, true).getAttribute('src');
$("#SureCompanyChart").html("<img src='" + domImg + "'/>");
}
});
}
} else {
tableEven($(".printTableData"), "请选择打印的数据表格");
}
})
}) }
//打印弹窗初始化
function printLizationVal() {
//初始化默认样式
$("#printPopup").find(".has-error").removeClass();
$("#printPopup").find(".error").removeClass().text("");
$(".printTableData").val("0");
}
//打印初始化事件
function printFuntion() {
$(".printTableData").change(function () {
tableEven($(".printTableData"), "请选择打印的数据表格");
})
}
//打印页面上的内容
function preview() {
$(".printBtn").unbind("click").click(function () {
$(".printDtable").hide();
$("#tabContDiv").jqprint();
})
}
导出html：
<div id="exportPopup" class="modal-block mfp-hide">
<section class="panel">
<header class="panel-heading">
<h2 class="panel-title">数据导出</h2>
</header>
<div class="panel-body">
<div class="modal-wrapper">
<div class="modal-text">
<div class="form-group">
<label class="col-xs-12 col-md-3 control-label">统计数据：</label>
<div class="col-xs-12 col-md-9">
<select class="form-control mb-md exportTableData">
<option value="0">请选择数据表格</option>
<option data-id="" value="1">招商引资项目汇总统计表</option>
</select>
<label for="fullname" class="errorHide"></label>
</div>
</div>
</div>
</div>
</div>
导出js:
function exportPopupTable() {
//导出1图
$("#exportTable").click(function () {
//初始化筛选框
exportLizationVal();
//事件初始化
exportFuntion();
confirmPopup("#exportPopup", "inline");
//提交ajax
$(".exportConfirm1").click(function () {
if (tableEven($(".exportTableData"), "请选择要导出的数据表格！")) {
$.ajax({
"url": "MasterHandler/MasterProjectImplementSts.ashx",
"data": {
"handleType": "exportSummaryStatistics",
//开始时间签约时间
"startTime": $.trim($("#datepicker").find(".startTime").val()),
//结束时间签约时间
"endTime": $.trim($("#datepicker").find(".endTime").val()),
//企业类型
"enterpriseTypeId": $.trim($("#tu1").find(".EnterpriseTypeId").val()),
//投资金额
"projectInvested": $.trim($("#tu1").find("registeredAssetsHeader").val()),
//累计金额
"projectScheduleFundsPlace": $.trim($("#tu1").find(".registeredAssets").val()),
//投资来源地
"cityId": $.trim($("#tu1").find(".cityDataHeader").val()),
//招商引资活动
"projectActivitiesId": $.trim($("#tu1").find(".SelectProjectActivitiesId").val()),
//项目主管部门
"UserDeparmentList": $.trim($("#tu1").find(".SalesDepartment").val()),
//投资企业性质
"enterpriseNatureIdd": $.trim($("#tu1").find(".enterseProperty").val()),
},
"type": "post",
"cache": false,
"async": false,
"dataType": "json",
"success": function (data) {
if (data.msg == 1 || data == "1") {
confirmPopupClose();
new PNotify({
title: '系统温馨提示',
text: '导出成功！',
type: 'success'
});
window.location.href = "/fileUpload/files/xls/Project/" + data.msgbox;
} else {
new PNotify({
title: '系统温馨提示',
text: data.msgbox,
type: 'error'
});
}
},
"error": function () {
new PNotify({
title: '系统温馨提示',
text: '系统异常，请稍后重试。',
});
}
});
} else {
tableEven($(".exportTableData"), "请选择要导出的数据表格！");
}
})
});
//导出2图
$("#exportTable2").click(function () {
//初始化筛选框
exportLizationVal();
//事件初始化
exportFuntion();
confirmPopup("#exportPopup2", "inline");
//提交ajax
$(".exportConfirm2").click(function () {
if (tableEven($(".exportTableData"), "请选择要导出的数据表格！")) {
$.ajax({
"url": "MasterHandler/MasterProjectImplementSts.ashx",
"data": {
"handleType": "exportNewlySignedProjectSummaryTable",
//所属产业
"industryTypeFatherId": $.trim($("#tu2").find(".CelebrityIndustryId").val()),
//行业
"industryTypeId": $.trim($("#tu2").find(".CIndustryId").val()),
//开始时间签约时间
"startTime": $.trim($("#datepicker").find(".startTime").val()),
//结束时间签约时间
"endTime": $.trim($("#datepicker").find(".endTime").val()),
//企业类型
"enterpriseTypeId": $.trim($("#tu2").find(".EnterpriseTypeId").val()),
//投资金额
"projectInvested": $.trim($("#tu2").find("registeredAssetsHeader").val()),
//累计金额
"projectScheduleFundsPlace": $.trim($("#tu2").find(".registeredAssets").val()),
//投资来源地
"cityId": $.trim($("#tu2").find(".cityDataHeader").val()),
//招商引资活动
"projectActivitiesId": $.trim($("#tu2").find(".SelectProjectActivitiesId").val()),
//项目主管部门
"UserDeparmentList": $.trim($("#tu2").find(".SalesDepartment").val()),
//投资企业性质
"enterpriseNatureIdd": $.trim($("#tu2").find(".enterseProperty").val()),
//项目类型
"isNotProvince": $.trim($("#tu2").find(".Projectypes").val()),
},
"type": "post",
"cache": false,
"async": false,
"dataType": "json",
"success": function (data) {
if (data.msg == 1 || data == "1") {
confirmPopupClose();
new PNotify({
title: '系统温馨提示',
text: '导出成功！',
type: 'success'
});
window.location.href = "/fileUpload/files/xls/Project/" + data.msgbox;
} else {
new PNotify({
title: '系统温馨提示',
text: data.msgbox,
type: 'error'
});
}
},
"error": function () {
new PNotify({
title: '系统温馨提示',
text: '系统异常，请稍后重试。',
});
}
});
} else {
tableEven($(".exportTableData"), "请选择要导出的数据表格！");
}
})
});
//导出3图
$("#exportTable3").click(function () {
//初始化筛选框
exportLizationVal();
//事件初始化
exportFuntion();
confirmPopup("#exportPopup3", "inline");
//提交ajax
$(".exportConfirm3").click(function () {
if (tableEven($(".exportTableData"), "请选择要导出的数据表格！")) {
$.ajax({
"url": "MasterHandler/MasterProjectImplementSts.ashx",
"data": {
"handleType": "exportInvestmentProjectsProvinceTable",
//所属产业
"industryTypeFatherId": $.trim($("#tu3").find(".CelebrityIndustryId").val()),
//行业
"industryTypeId": $.trim($("#tu3").find(".CIndustryId").val()),
//开始时间签约时间
"startTime": $.trim($("#datepicker").find(".startTime").val()),
//结束时间签约时间
"endTime": $.trim($("#datepicker").find(".endTime").val()),
//企业类型
"enterpriseTypeId": $.trim($("#tu3").find(".EnterpriseTypeId").val()),
//投资金额
"projectInvested": $.trim($("#tu3").find("registeredAssetsHeader").val()),
//累计金额
"projectScheduleFundsPlace": $.trim($("#tu3").find(".registeredAssets").val()),
//投资来源地
"cityId": $.trim($("#tu3").find(".cityDataHeader").val()),
//招商引资活动
"projectActivitiesId": $.trim($("#tu3").find(".SelectProjectActivitiesId").val()),
//项目主管部门
"UserDeparmentList": $.trim($("#tu3").find(".SalesDepartment").val()),
//投资企业性质
"enterpriseNatureIdd": $.trim($("#tu3").find(".enterseProperty").val()),
//项目类型
"isNotProvince": $.trim($("#tu3").find(".Projectypes").val()),
},
"type": "post",
"cache": false,
"async": false,
"dataType": "json",
"success": function (data) {
if (data.msg == 1 || data == "1") {
confirmPopupClose();
new PNotify({
title: '系统温馨提示',
text: '导出成功！',
type: 'success'
});
window.location.href = "/fileUpload/files/xls/Project/" + data.msgbox;
} else {
new PNotify({
title: '系统温馨提示',
text: data.msgbox,
type: 'error'
});
}
},
"error": function () {
new PNotify({
title: '系统温馨提示',
text: '系统异常，请稍后重试。',
});
}
});
} else {
tableEven($(".exportTableData"), "请选择要导出的数据表格！");
}
})
});
//导出4图
$("#exportTable4").click(function () {
//初始化筛选框
exportLizationVal();
//事件初始化
exportFuntion();
confirmPopup("#exportPopup4", "inline");
//提交ajax
$(".exportConfirm4").click(function () {
if (tableEven($(".exportTableData"), "请选择要导出的数据表格！")) {
$.ajax({
"url": "MasterHandler/MasterProjectImplementSts.ashx",
"data": {
"handleType": "exportInvestmentProjectsClassification",
//所属产业
"industryTypeFatherId": $.trim($("#tu4").find(".CelebrityIndustryId").val()),
//行业
"industryTypeId": $.trim($("#tu4").find(".CIndustryId").val()),
//开始时间签约时间
"startTime": $.trim($("#datepicker").find(".startTime").val()),
//结束时间签约时间
"endTime": $.trim($("#datepicker").find(".endTime").val()),
//企业类型
"enterpriseTypeId": $.trim($("#tu4").find(".EnterpriseTypeId").val()),
//投资金额
"projectInvested": $.trim($("#tu4").find("registeredAssetsHeader").val()),
//累计金额
"projectScheduleFundsPlace": $.trim($("#tu4").find(".registeredAssets").val()),
//投资来源地
"cityId": $.trim($("#tu4").find(".cityDataHeader").val()),
//招商引资活动
"projectActivitiesId": $.trim($("#tu4").find(".SelectProjectActivitiesId").val()),
//项目主管部门
"UserDeparmentList": $.trim($("#tu4").find(".SalesDepartment").val()),
//投资企业性质
"enterpriseNatureIdd": $.trim($("#tu4").find(".enterseProperty").val()),
//项目类型
"isNotProvince": $.trim($("#tu4").find(".Projectypes").val()),
},
"type": "post",
"cache": false,
"async": false,
"dataType": "json",
"success": function (data) {
if (data.msg == 1 || data == "1") {
confirmPopupClose();
new PNotify({
title: '系统温馨提示',
text: '导出成功！',
type: 'success'
});
window.location.href = "/fileUpload/files/xls/Project/" + data.msgbox;
} else {
new PNotify({
title: '系统温馨提示',
text: data.msgbox,
type: 'error'
});
}
},
"error": function () {
new PNotify({
title: '系统温馨提示',
text: '系统异常，请稍后重试。',
});
}
});
} else {
tableEven($(".exportTableData"), "请选择要导出的数据表格！");
}
})
});
//导出5图
$("#exportTable5").click(function () {
//初始化筛选框
exportLizationVal();
//事件初始化
exportFuntion();
confirmPopup("#exportPopup5", "inline");
//提交ajax
$(".exportConfirm5").click(function () {
if (tableEven($(".exportTableData"), "请选择要导出的数据表格！")) {
$.ajax({
"url": "MasterHandler/MasterProjectImplementSts.ashx",
"data": {
"handleType": "exportInvestmentProjectsIndustry",
//所属产业
"industryTypeFatherId": $.trim($("#tu5").find(".CelebrityIndustryId").val()),
//行业
"industryTypeId": $.trim($("#tu5").find(".CIndustryId").val()),
//开始时间签约时间
"startTime": $.trim($("#datepicker").find(".startTime").val()),
//结束时间签约时间
"endTime": $.trim($("#datepicker").find(".endTime").val()),
//企业类型
"enterpriseTypeId": $.trim($("#tu5").find(".EnterpriseTypeId").val()),
//投资金额
"projectInvested": $.trim($("#tu5").find("registeredAssetsHeader").val()),
//累计金额
"projectScheduleFundsPlace": $.trim($("#tu5").find(".registeredAssets").val()),
//投资来源地
"cityId": $.trim($("#tu5").find(".cityDataHeader").val()),
//招商引资活动
"projectActivitiesId": $.trim($("#tu5").find(".SelectProjectActivitiesId").val()),
//项目主管部门
"UserDeparmentList": $.trim($("#tu5").find(".SalesDepartment").val()),
//投资企业性质
"enterpriseNatureIdd": $.trim($("#tu5").find(".enterseProperty").val()),
//项目类型
"isNotProvince": $.trim($("#tu5").find(".Projectypes").val()),
},
"type": "post",
"cache": false,
"async": false,
"dataType": "json",
"success": function (data) {
if (data.msg == 1 || data == "1") {
confirmPopupClose();
new PNotify({
title: '系统温馨提示',
text: '导出成功！',
type: 'success'
});
window.location.href = "/fileUpload/files/xls/Project/" + data.msgbox;
} else {
new PNotify({
title: '系统温馨提示',
text: data.msgbox,
type: 'error'
});
}
},
"error": function () {
new PNotify({
title: '系统温馨提示',
text: '系统异常，请稍后重试。',
});
}
});
} else {
tableEven($(".exportTableData"), "请选择要导出的数据表格！");
}
})
});
//导出6图
$("#exportTable6").click(function () {
//初始化筛选框
exportLizationVal();
//事件初始化
exportFuntion();
confirmPopup("#exportPopup6", "inline");
//提交ajax
$(".exportConfirm6").click(function () {
if (tableEven($(".exportTableData"), "请选择要导出的数据表格！")) {
$.ajax({
"url": "MasterHandler/MasterProjectImplementSts.ashx",
"data": {
"handleType": "exportInvestmentProject",
//所属产业
"industryTypeFatherId": $.trim($("#tu6").find(".CelebrityIndustryId").val()),
//行业
"industryTypeId": $.trim($("#tu6").find(".CIndustryId").val()),
//开始时间签约时间
"startTime": $.trim($("#datepicker").find(".startTime").val()),
//结束时间签约时间
"endTime": $.trim($("#datepicker").find(".endTime").val()),
//企业类型
"enterpriseTypeId": $.trim($("#tu6").find(".EnterpriseTypeId").val()),
//投资金额
"projectInvested": $.trim($("#tu6").find("registeredAssetsHeader").val()),
//累计金额
"projectScheduleFundsPlace": $.trim($("#tu6").find(".registeredAssets").val()),
//投资来源地
"cityId": $.trim($("#tu6").find(".cityDataHeader").val()),
//招商引资活动
"projectActivitiesId": $.trim($("#tu6").find(".SelectProjectActivitiesId").val()),
//项目主管部门
"UserDeparmentList": $.trim($("#tu6").find(".SalesDepartment").val()),
//投资企业性质
"enterpriseNatureIdd": $.trim($("#tu6").find(".enterseProperty").val()),
//项目类型
"isNotProvince": $.trim($("#tu6").find(".Projectypes").val()),
//签约类型
"projectContractType": $.trim($("#tu6").find(".ServiceMark").val()),
//签约状态
"projectContractState": $.trim($("#tu6").find(".Contractstatus").val()),
//形象进度
"projectScheduleImage": $.trim($("#tu6").find(".Imageprogress").val()),
},
"type": "post",
"cache": false,
"async": false,
"dataType": "json",
"success": function (data) {
if (data.msg == 1 || data == "1") {
confirmPopupClose();
new PNotify({
title: '系统温馨提示',
text: '导出成功！',
type: 'success'
});
window.location.href = "/fileUpload/files/xls/Project/" + data.msgbox;
} else {
new PNotify({
title: '系统温馨提示',
text: data.msgbox,
type: 'error'
});
}
},
"error": function () {
new PNotify({
title: '系统温馨提示',
text: '系统异常，请稍后重试。',
});
}
});
} else {
tableEven($(".exportTableData"), "请选择要导出的数据表格！");
}
})
});
}
//导出弹窗初始化
function exportLizationVal() {
//初始化默认样式
$("#exportPopup").find(".has-error").removeClass();
$("#exportPopup").find(".error").removeClass().text("");
$(".exportTableData").val("0");
}
//导出初始化事件
function exportFuntion() {
$(".exportTableData").change(function () {
tableEven($(".exportTableData"), "请选择要导出的数据表格！");
})
}
运用jquery做打印和导出操作的更多相关文章
- 个人永久性免费-Excel催化剂功能第50波-批量打印、导出PDF、双面打印功能
在倡导无纸化办公的今天,是否打印是一个碍眼的功能呢,某些时候的确是,但对于数据的留存,在现在鼓吹区块链技术的今天,仍然不失它的核心价值,数据报表.单据打印出来留存,仍然是一种不可或缺的数据存档和防篡改 ...
- Jquery网页元素里面的操作以及JSON
如果网页里面有复选框,下拉列表Jquery怎么来操作,主要是怎么选取数据,就是取选中值,第二个是设置哪一项选中 <script src="jquery-1.11.2.min.js&qu ...
- JavaScript jQuery 中定义数组与操作及jquery数组操作
首先给大家介绍javascript jquery中定义数组与操作的相关知识,具体内容如下所示: 1.认识数组 数组就是某类数据的集合,数据类型可以是整型.字符串.甚至是对象Javascript不支持多 ...
- 在PHP中如何实现在做了么个操作后返回到指定页面
我们经常会碰到类似用户在没有登录的情况下进行提问.评论,需要用户登录后返回刚才浏览的网页,这种功能用cookie保存当前url地址来实现.我用的是jquery,读者需要懂点jquery中的ajax请求 ...
- 用Jquery做一个时间日期选择器
今天我们就用Jquery做一个时间日期选择器,当打开网页时,文本框里面显示的是当前的日期,点击文本框可以出现年.月.日的下拉菜单,并且可以选择,会根据年份的选择判断是否是闰年,从而改变二月的天数,闰年 ...
- jQuery 选择器 筛选器 样式操作 文本操作 属性操作 文档处理 事件 动画效果 插件 each、data、Ajax
jQuery jQuery介绍 1.jQuery是一个轻量级的.兼容多浏览器的JavaScript库. 2.jQuery使用户能够更方便地处理HTML Document.Events.实现动画效果.方 ...
- VB中Excel 2010的导入导出操作
VB中Excel 2010的导入导出操作 编写人:左丘文 2015-4-11 近来这已是第二篇在讨论VB的相关问题,今天在这里,我想与大家一起分享一下在VB中如何从Excel中导入数据和导出数据到Ex ...
- JavaScript jQuery 中定义数组与操作及jquery数组操作 http://www.jb51.net/article/76601.htm
首先给大家介绍javascript jquery中定义数组与操作的相关知识,具体内容如下所示: 1.认识数组 数组就是某类数据的集合,数据类型可以是整型.字符串.甚至是对象Javascript不支持多 ...
- jquery css事件编程 位置 操作
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
随机推荐
- js父页面和子页面相互取值
iframe子页面与父页面通信根据iframe中src属性是同域链接还是跨域链接,通信方式也不同. 一.同域下父子页面的通信 父页面parent.html <html> <head& ...
- 当月第一天、最后一天、下月第一天，时间date
时间记录,不是时间戳 $thismonth = date('m'); $thisyear = date('Y'); $startDay = $thisyear . '-' . $thismonth . ...
- canvas 绘制星座图（好玩）--转载
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8" ...
- http 之cookie和session
cookie和session 关于http: 1.http是:无状态.短连接 2.http的请求生命周期:给服务端发送一个请起头,通过域名提取url,通过路由关系匹配,再通过函数+html进行模板加 ...
- python3-可变和不可变数据类型
可变:[ ] { } 不可变:int str ( ) 应用实例: 把列表l,追加到列表s中,现在网列表l中追加一个5,打印列表s可以看到,列表s中的列表l中也有5. d={&q ...
- IE6-IE9不支持table.innerHTML的解决方法--终极解决办法
一.把要转译的内容放到其他属性中,例如“tt” <p class="feedback_answer_content" tt='${feedInfo.feedback_answ ...
- PHP 不让标准浏览器（firfox,chrome等）走浏览器的缓存页面
或在HTML页面里加: <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache,no-store, must-reva ...
- 56.Merge Intervals---贪心---《编程之美》2.19区间重合判断
题目链接:https://leetcode.com/problems/merge-intervals/description/ 题目大意:给出一串list,里面装interval类,这个类里有star ...
- js事件、事件委托
事件流 事件流:页面中接收事件的顺序: IE的事件流是冒泡流,其他的浏览器是捕获流,如下图: DOM事件流 DOM 事件流同时支持这两种事件流,并且规定DOM任何事件流都包含三个阶段:事件捕获阶段.处 ...
- Django项目上传到AWS服务器上
EC2是亚马逊(Amazon.com)提供的弹性云计算服务:Apache是一个跨平台的Web服务器端软件,可以使Python.PHP.Perl等语言编写的程序运行在服务器上:Django是一个Web程 ...