JavaScript基础
我是陶陶呀
这个作者很懒,什么都没留下…
展开
-
vue video 视频第一帧设为封面
vue video 视频第一帧设为封面。原创 2022-12-02 10:35:36 · 2289 阅读 · 4 评论 -
Safari浏览器display: flex布局错乱,Chrome布局正确
Safari浏览器display: flex布局错乱,Chrome布局正确display: flex;align-items: center;justify-content: end;chrome显示结果Safari显示结果这个时候只需要把justify-content: end替换成 justify-content: flex-end就可以了所以在开发当中,不管是justify-content还是align-items时都因该将start替换为flex-start ,end 替换为fl原创 2022-05-25 14:13:21 · 1212 阅读 · 1 评论 -
JS全屏和取消全屏
1.全屏注:全屏整页 const el = document.documentElement;,指定某个盒子全屏const el = document.getElementById('boxId'); handleFullScreen = () => { const el = document.getElementById('boxId'); const rfs = el.requestFullScreen || el.webkitRequestFullScreen || el原创 2021-01-19 15:58:32 · 289 阅读 · 1 评论 -
抖动和节流
1.抖动触发高频事件后n秒内函数只会执行一次,如果n秒内高频事件再次触发,则重新计算时间。const debounce = (fn, time) => { let timer = null; return function() { clearTimeout(timer); timer = setTimeout(() => { fn.apply(this, arguments); }, time); }};2.节流高频事件触发,但n秒内只原创 2021-01-15 15:22:05 · 521 阅读 · 0 评论 -
解决图片保存到Storage之后file为空而无法上传
以前在工作中碰到一个功能,用户可以在没有网的时候选择图片,在有网的时候进到该页面再上传图片,所以得把数据保存到Storage。但是我发现文件类型的数据保存到Storage后变为{},而后台只接收文件对象。解决这个问题的办法有两个:1.后台改接收参数类型2.把类型为base64格式的url转为blob方式上传(这样后台返回的文件也为blob格式,不过没关系,img标签可以解析的)// base...原创 2020-05-17 14:28:44 · 1492 阅读 · 0 评论 -
js实现图片放大缩小平移
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> img { width: 200px; heig...原创 2019-11-14 17:03:00 · 1126 阅读 · 0 评论 -
使用xlsx.full.min.js读取excel表格数据
话不多说,直接上图excel 数据是这样的结果是这样的代码如下,需要引入xlsx.full.min.jshttps://github.com/TaoZY512/xlsx<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="vie...原创 2019-11-07 11:16:19 · 20915 阅读 · 3 评论 -
打包报错,提示UglifyJs Unexpected token: keyword «const»
打包的时候遇到一个问题,我尝试用npm run build和umi build命令来打包,提示都不一样1.npm run build2. umi build我找了很多资料,发现原来是UglifyJs当前的版本不支持es6的写法,其中一种解决的办法就是升级更新UglifyJs的版本npm i uglifyjs-webpack-plugin@1如果提示出错可以改用淘宝镜像来安装cnp...原创 2019-10-30 11:33:17 · 7827 阅读 · 0 评论 -
下载文件并重命名
1.POST方式export async function exportQuantityStatistics(payload) { return fetch(`url`, {method:'POST',body:JSON.stringify(payload) , headers: {'Content-Type': 'application/json'}}).then(res => ...原创 2019-10-27 20:14:05 · 2535 阅读 · 0 评论 -
函数
函数就是使用关键字 “function” 定义的一段具有独立作用域,能被反复执行的语句块,JavaScript函数大致包括普通函数、变量函数、构造函数、匿名函数、闭包函数以及ES6新增的箭头函数等。1.函数定义函数利用关键字**“function”**声明,其语法表现形式如下:function function_name(arguments) { // body...}functio...原创 2018-10-29 09:24:30 · 111 阅读 · 0 评论