halo1416的博客

ps： 前端还可以导出 pdf，但是其分页问题需要话精力去计算才可能实现，并且都不是很完善。导出word其实就是解析我们提供的模板，然后将对应字段填入，最新进行导出即可。踩坑：图片这里我一直报错‘%imgUrl’，最后发现必须要换行写，而其他数组可以在一行写。这种功能其实之前都是后端实现的，但最近有个项目没得后端。文章仅为本人学习过程的一个记录，仅供参考，如有问题，欢迎指出！注意：导出操作可能涉及异步操作，请多使用。前几章都是基础，调用才是重点。语法用 { } 接口。{#list} 开头。

unocss是一个即时的原子CSS引擎，它可以让你用简短的类名来控制元素的样式，而不需要写复杂的CSS代码。当然，原子样式也有很多选择，最著名的就是Tailwind。但由于Tailwind 会生成大量样式定义，会导致全量的 CSS 文件往往体积会多至数 MB，从而有性能上有一些不足。扩展：什么是原子化原子化​​CSS​​​是一种​​CSS​​架构方式，其支持小型、单一用途的类，其名称基于视觉功能。

该方法用于多个时间段之间是否重置交叉。

前言Day.js 是代替修改本地Date.prototype，Day.js对Date对象进行了封装，只需要调用Dayjs()即可。相对moment.js而已，day.js的体积更小，只有2KB左右；moment.min.js 有16.7KB。对应普通项目来说，对应时间的操作就只有那么几个（格式化、查询、计算），这些基于Day.js完全足够。并且Day.js的文档相对简单、清晰！该文章对比之前的moment.js的文章Day.js官方文档  当前文章很多实例是以当前时间来处理的， 当前时间

一、计算当前一周对应日期/** * 根据一个日期计算出其所在的一周，反正对应一周的相应日期 * basisDate: 依据日期, 默认是当天 */ calcWeekDate(basisDate = moment().format('YYYY-MM-DD')) { let weekDate = []; let howWeek = moment(basisDate).day(); // 获取到依据日期为星期几；0为星期日、6为星期6 // 如果今天是周日，则单

Day.js ： 一个极简的处理时间和日期的 JavaScript 库，和 Moment.js 的 API 设计保持一样, 但体积仅有2KB。qs ：一个轻量的 url 参数转换的 JavaScript 库// 安装npm install qs// 使用import qs from 'qs'qs.parse('user=tom&age=22') // => { user: "tom", age: "22" }qs.stringify({ user: "tom", age: .

1. 前言vue-quill-editor 是vue项目中常用的富文本插件，其功能能满足大部分的项目需求。但是，最近项目中，需要在富文本中上传音频文件，但是vue-quill-editor这个富文本仅支持图片，视频上传；所以这个功能需要自定义。怎么实现这个功能？写一个只能上传音频的组件，并且隐藏在富文本插件的toolbar定义一个按钮，点击时调用上传组件监听上传成功的回调函数，在富文本...

前言：这段时间在项目开发中，遇到这样一个需求：前端在一个页面中使用echarts生成了几个图表，需要可以将他们导出为一个pdf。虽然echarts自身有下载，但只能单个图表下载为图片，所以不满需求。根据调研，决定采用html2canvas 和 jspdf 的方式实现，即使用html2canvas 将页面转成图片后，放到pdf中导出。一、安装插件与引入html2canvas：npm...

1. 安装：npm install echarts --save ==>> 其他方式请参考：https://www.echartsjs.com/tutorial.html#5%20%E5%88%86%E9%92%9F%E4%B8%8A%E6%89%8B%20ECharts2. 页面中使用2.1 引入：import echarts from 'echarts'...

前言：项目中有一个需要预览下载pdf的需求，网上找了很久，决定使用 pdf.js 完成。第一步： 首先肯定是导入插件，我是从官网直接下载，链接：点击打开链接，注意需要放在static文件目录下注意：这里面有核心的pdf.js和pdf.worker.js,以及展示pdf的viewer页面把它作为静态资源来编译，基本想要的build和web这两个重要文件夹的东西都正常编译。当然你可以可以npm...

vue项目中，需要把 moment.js 挂载到全局上（即vue的原型链上），访问时直接使用 this.moment() ;vue项目中不挂载到全局，单文件（单组件）使用： ==>> import moment from "moment"; 然后直接使用 moment()1. 初始化日期 / 时间初始化日期：moment().for...