- 博客(14)
- 资源 (9)
- 收藏
- 关注
RSS订阅原创 vue html生成pdf
一、安装依赖1、npm install jspdf2、npm install html2canvas二、页面引入import html2Canvas from "html2canvas";import jsPDF from "jspdf";三、导出pdfhtmltopdf() { // let tempNode = document.createElement('div'); // tempNode.innerHTML = doc
2022-04-22 13:22:04
1922
原创 vue html导出word文档
一、安装依赖npm install file-savermethods: { handleExport() { const html = this.getHtmlContent(); var FileSaver = require("file-saver"); let blob = new Blob([html], { type: "text/html;charset=utf-8" }); FileSaver.saveAs(
2021-07-29 17:37:55
554
原创 vue利用word模板导出word文档
一、安装依赖1、npm install docxtemplater2、npm install pizzip3、npm install jszip-utils4、npm install file-saver二、在页面引入import docxtemplater from 'docxtemplater';import PizZip from 'pizzip';import JSZipUtils from 'jszip-utils';import { saveAs } from '
2021-07-29 17:28:58
1008
1
原创 vue兼容低版本浏览器
1、babel-polyfillnpm install --save babel-polyfill在main.js 头部引入import "babel-polyfill";2、引入babel-polyfill后，有时编译还会报错：Block-scoped declarations (let, const, function, class) not yet supported outside strict mode基本上是vue引入了第三方插件包含es6语法，但没有配置采用babel-l.
2021-07-09 14:25:11
1778
原创 vue作用域插槽
首先，在 2.6.0 中，我们为具名插槽和作用域插槽引入了一个新的统一的语法 (即v-slot指令)。它取代了slot和slot-scope这两个目前已被废弃但未被移除且仍在文档中的 attribute。匿名插槽，具名插槽都好理解，作用域插槽看了文档，感觉还是有点晕，记录下。大概就是使用作用域插槽，父组件可以拿到子组件的数据并渲染。为了让user在父级的插槽内容中可用，子组件可以将user在slot标签上绑定属性值，如：<slot :user="'username'"...
2021-02-05 18:02:40
87
原创 路由跳转后，setInterval没有销毁
最近项目碰到需要实时刷新数据的问题，使用了setInterval实现，发现路由跳转之后，组件被销毁了，但是setInterval还没有销毁，还在继续后台调用，如果运行量大的话，会导致严重的页面卡顿。解决办法：在组件生命周期beforeDestroy中清除定时器beforeDestroy(){ clearInterval(this.timer)}但是在路由包含在keep-alive里的时候，beforeDestroy()不会执行...
2021-01-13 16:08:03
923
原创 小程序new Date(date)的兼容性
小程序 new Date(2019-09-04 00:00:00) 返回对象nullIOS系统不支持2019-09-04这样的格式。解决办法：用正则替换2019-09-04日期格式为2019/09/04.letolddata ='2019-09-0400:00:00';let newDate =olddata .replace(/-/g, '/');return ne...
2019-09-04 09:08:43
503
原创 移动端适配
使用动态rem实现移动端的适配。<script> var pageWidth = window.innerWidth document.write('<style>html{font-size:' + pageWidth + 'px;}</style>')</script>加入这段js代码，根元素html的font-siz...
2019-07-05 17:44:46
102
原创 前端性能优化
1、减少HTTP请求。 一个完整的请求都需要经过 DNS寻址、与服务器建立连接、发送数据、等待服务器响应、接收数据这样一个 “漫长” 而复杂的过程。请求数多了，占用的带宽也多（每个请求都需要携带数据），请求速度会变慢，影响用户体验。 (1)合理设置 HTTP缓存。(2)CSS Sprites或使用字体图标代替（3）图片懒加载（先加载第一屏内容）...
2019-07-04 17:18:57
115
原创 移动端css公共样式
html { font-size : 20px; } @media only screen and (min-width: 401px){ html { font-size: 25px !important; } } @media only screen and (min-width: 428p...
2019-04-29 08:44:34
967
转载 miniGrid：轻量级流布局JS插件
流布局我想不少用户知道，这些布局前端代码比较复杂，一般是用插件来完成，今天我们分享的miniGrid.js也是流布局插件之一，特色是非常轻量级，大小只有2KB，下面来看看介绍。演示：minigrid 和其它流布局差不多，窗口缩小时会有动画滑动，当然用户也可以去取消这个动画。教程：Step 1: 引入外部文件为你的网页嵌入对应的JS文件，这里我们只加入<body> ... 内容 ....
2018-07-12 15:54:26
2117
原创 h5页面 在安卓手机端软键盘弹出顶起页面布局的解决办法
如果是footer被顶起，用js判断var oHeight = $(document).height(); $(window).resize(function(){ if($(document).height() < oHeight){ $("#footer").css("position","static"); }else{...
2018-06-13 16:52:14
19534
ffmpeg.rar
2021-01-08
jquery数字动画插件
2018-07-23
多功能jQuery日期插件jeDate
2017-10-11
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人