前端生成pdf和word
摘要：
生成pdf 引入html2canvas和jsPDF插件调用html2canvas pdfdom是导出的页面最外成元素，a4纸的大小592.28*841.89px html2canvas(pdfdom, { padding: 0, width: 592.28 * 2, dpi: 192, // 清晰度 阅读全文
posted @ 2021-12-22 10:10 指尖de跃动 阅读(0) 评论(0) 推荐(0)
es6的promise语法理解学习
摘要：
function getNum(num) { return new Promise((resolve,reject) => { setTimeout(() => { if(num < 10) { resolve(num * 2) }else { reject('数字大于10') } },100) } 阅读全文
posted @ 2021-12-09 16:53 指尖de跃动 阅读(0) 评论(0) 推荐(0)
用js实现百度热搜榜的动态的效果
摘要：
html代码如下 <div class="box"> <ul> <li class="active"> <div class="imgbox"> <div class="imgname"><div><span>1</span>“鱼头人”现身央视直播</div></div> <img src="htt 阅读全文
posted @ 2021-12-09 11:48 指尖de跃动 阅读(0) 评论(0) 推荐(0)
利用css3的3d旋转透视加动画做的一个骰子动态效果
摘要：
实现效果 代码 <div class="father"> <div class="son son1">1</div> <div class="son son2">2</div> <div class="son son3">3</div> <div class="son son4">4</div> < 阅读全文
posted @ 2021-12-08 14:05 指尖de跃动 阅读(0) 评论(0) 推荐(0)
canvas学习做一些记录
摘要：
标签 canvas标签用来初始出来一块画布,可以用来绘制处理图形 getContext(“2d”)用来绘制2d图形 var canvas = document.getElementById('tutorial'); var ctx = canvas.getContext('2d'); 常用的api 阅读全文
posted @ 2021-12-06 15:07 指尖de跃动 阅读(0) 评论(0) 推荐(0)
webpack打包学习
摘要：
webpack安装 `npm install webpack webpack-cli` webpack配置 创建webpack.config.js配置文件 const path = require('path') module.exports = { mode: 'development', // 阅读全文
posted @ 2021-12-03 11:34 指尖de跃动 阅读(0) 评论(0) 推荐(0)
数组的一些操作方法学习概括
摘要：
数组的基本操作 创建数组 字面量创建 let arr = [] new 一个数组 let arr = new Array() 数组常用方法 isArray let arr = [] let isArr = Array.isArray(arr) console.log(isArr) // true i 阅读全文
posted @ 2021-11-18 14:44 指尖de跃动 阅读(0) 评论(0) 推荐(0)
通过定位和css3里的transform实现鼠标经过卡片动态滑动的效果
摘要：
实现效果 html页面 <body> <div class="box"> <div class="item"> <div class="hover"> hello </div> </div> <div class="item"> <div class="hover"> hello </div> </ 阅读全文
posted @ 2021-11-17 11:23 指尖de跃动 阅读(0) 评论(0) 推荐(0)
使用es6的class类写的todos小案例
摘要：
案例只有添加和删除以及本地存储功能，利用es6class封装了一个功能类 <div class="box"> <button class="deleteBtn">删除</button> <input type="text"> <button class="addBtn">添加</button> <u 阅读全文
posted @ 2021-11-10 17:09 指尖de跃动 阅读(0) 评论(0) 推荐(0)
实现h5的拖放盒子的功能并且交换元素的位置
摘要：
html 页面 <div class="box" draggable="true">1</div> <div class="box box1" draggable="true">2</div> <div class="box box2" draggable="true">3</div> <div c 阅读全文
posted @ 2021-11-10 13:36 指尖de跃动 阅读(0) 评论(0) 推荐(0)
浙公网安备 33010602011771号