随笔分类 - javascript
摘要：JSZIP的github地址：https://github.com/Stuk/jszip 多个echarts图一键下载 charts_all.map(([index, myChart]) => { const imgContent = myChart.getDataURL({ type: "png"
阅读全文
摘要：<script> function readCsv() { const file = $("#uploadFile")[0].files[0]; if (file.type != "text/csv") { alert("文件类型错误"); return; } var reader = new Fi
阅读全文
摘要：<script> var formData = new FormData(); const date = $("#datepicker2").val(); formData.append("date", date); formData.append("file", $("#upload")[0].f
阅读全文
摘要：xlsx的github地址：https://github.com/SheetJS/sheetjs <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <script src="jquery/jquery-1.9.1.min.js"></scr
阅读全文
摘要：有些场景需要生成pdf文件，然而多数情况下对pdf文件的格式内容都有要求，因此研究下由html生成pdf的组件，找到了jspdf和html2pdf这两种，而html2pdf是基于jspdf的。 jspdf 2.5.1 html2canvas 1.4.1 html2pdf.js v0.9.3 先使用b
阅读全文
摘要：几种常见的Content-Type类型 application/x-www-form-urlencoded 数据会转换为键值对并按照 key1=val1&key2=val2 的方式进行编码，key 和 val 都进行了 URL 转码。 multipart/form-data（带文件提交） 将表单的数
阅读全文
摘要：用到树形组件，研究记录下 zTree 常用用法 <!DOCTYPE html> <html> <head> <title>ZTREE DEMO</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
阅读全文
摘要：<!DOCTYPE html> <html lang="en" backgound=""> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="view
阅读全文
摘要：<!DOCTYPE html> <html lang="en" backgound=""> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="view
阅读全文
摘要：数组方法 <script type="text/javascript"> let fruits = ["Banana", "Orange", "Apple", "Mango"]; //获取数组长度 fruits.length; //4 // toString() 把数组转换为数组值（逗号分隔）的字符
阅读全文
摘要：$("div"); // 所有div元素 $(".item"); // class为item的元素 $("#content"); // id为content的元素 $("#content p"); // id为content内的p元素 $("#content p, .item"); // id为co
阅读全文
摘要：Blob对象和File对象 Blob（Binary Large Object）表示二进制类型的大对象。Blob 类型的对象表示不可变的类似文件对象的原始数据。 File 接口基于 Blob，继承了Blob 功能并将其扩展为支持用户系统上的文件。 let blobParts = ["<html><h2
阅读全文
摘要：<script type="text/javascript" language="javascript" src="jquery/jquery-3.6.0.min.js"></script> <link rel="stylesheet" type="text/css" href="dataTable
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content
阅读全文
摘要：盒子模型 css的盒模型有2种，分别为： 1、w3c标准的盒子模型（标准盒模型），width和height指的是内容区域的宽度和高度； box-sizing: content-box; 2、IE标准的盒子模型（怪异盒模型），width和height指的是内容区域、边框、内边距总的宽度和高度。 box
阅读全文
