![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
工作必备小技巧
文章平均质量分 58
前端呆头鹅
这个作者很懒,什么都没留下…
展开
-
ios上传图片旋转问题解决方案(input拍照上传)
这其实是在使用input获取照片的时候,ios对照片进行了二次加工造成的,这种情况可以使用compressorjs库来解决。使用input,调起ios原生照相机,拍照后获取的图片上传阿里云,从阿里云获取的图片却旋转了90度,这个问题如何解决呢?然后在代码中使用,将获取的file文件使用库中的方法进行加工,将ios的旋转校正回来,然后再将结果上传就可以了。首先引入compressorjs。原创 2024-04-18 10:52:11 · 312 阅读 · 0 评论 -
选择文件:文件选择框的代码触发【极易版】【文件上传功能】
最近业务中遇到添加附件功能,点击对应元素,在特定条件下触发文件选择,然后将选中的文件上传到后台。文件上传是使用阿里云实现的,这里主要说文件选择功能。也就是怎样添加附件到界面上。原创 2023-09-25 15:06:36 · 419 阅读 · 0 评论 -
缓存滚动位置:解决keep-alive组件缓存滚动位置失败问题
但是使用keep-alive缓存页面后,发现虽然页面缓存成功了,但是列表的滚动条又自动回到了最上方。怎样缓存滚动位置?这篇文章教会你。原创 2023-07-19 16:08:44 · 2450 阅读 · 0 评论 -
十行css实现探照灯动效 悬疑效果拉满
十行css实现探照灯动效 悬疑效果拉满!原创 2023-02-08 17:34:15 · 344 阅读 · 0 评论 -
简单实用:css+html绘制常见图表
提到绘制图表,大家可能想到ECharts,其实,一些简单的图表可以直接通过css+html实现,下面手把手带大家绘制,初学者也能轻松掌握。原创 2022-12-09 09:38:27 · 4039 阅读 · 0 评论 -
css毛玻璃特效最简实现
css毛玻璃特效最简实现,快来抄作业!!原创 2022-11-08 14:28:32 · 768 阅读 · 0 评论 -
视差滚动:零基础css代码实现时空穿越效果
图片滚动之间,大树的位置却没有变化,感觉像是冬季大树“时空穿越”似得。如果我说这种效果使用10行css代码就能实现,你会相信吗?原创 2022-11-01 21:17:01 · 707 阅读 · 1 评论 -
同事读不懂我的代码了,全因我读了这篇文章
0.1 + 0.2 不是等于 0.3 么?为什么 JavaScript 里不是这样的?他的 for of 和我的不一样?已知 b = `{ a: 5 }`,求 b > 3 为 true ?救命!同事读不通我的代码了!全因我读了这篇文章!原创 2022-09-19 14:35:45 · 323 阅读 · 0 评论 -
git零基础使用指南
怎样从0建立git项目?已经push的commit如何修改message?怎样将连续多个commit整理成一个?本文覆盖git常用命令,git常见问题解析,工作必备大全。原创 2022-08-12 16:49:11 · 1561 阅读 · 0 评论 -
9行代码实现图片上传和预览(自定义按钮上传)
h5原生实现,嘎嘎好用,快来copy吧。原创 2022-06-19 17:52:32 · 2267 阅读 · 6 评论 -
怎样同时获取10000+接口的返回值:Promise.all高并发限制解决方案
Promise.all高并发限制解决方案怎样同时获取10000+接口的返回值??有这样一种常见场景,我们希望同时请求N个接口,拿到所有的返回值做处理,这种情况下一般使用Promise.all实现。let urls = [ 'https://.../url1', …… 'https://.../url100'];function loadData(url) { return new Promise((resolve, reject) => { axios.get(原创 2022-05-14 00:44:28 · 973 阅读 · 0 评论 -
三种常见Content-Type格式,最后一种你肯定用过
Content-Type含义为内容类型,请求头和响应头中都有该项,有时我们会遇到明明发送了参数后端却没有拿到的情况,或后端向我们发送了一个图片,获取后却是乱码。本文主讲:参数传输失败元凶:请求头中的Content-Type VS 如何从服务端下载文件:响应头中的Content-Type原创 2022-03-22 20:57:13 · 15883 阅读 · 0 评论 -
clipboard && .stop 复制失败解决方式(实现文本复制)
clipboard是一款实现文本复制的插件,通过npm安装即可,使用简单。当与.stop共同使用,阻止冒泡时,复制失败了,两者不兼容。这里给出解决办法与代码实例。原创 2021-10-28 14:03:51 · 1555 阅读 · 0 评论 -
vue-cli:学会优雅注册全局组件[无脑cv]
文章目录一 普通的全局注册1.1 定义1.2 注册1.3 使用二 优雅的全局注册2.1 注册2.2 使用2.3 添加全局组件一 普通的全局注册1.1 定义首先定义两个组件。// src>components>rk-a<template> <div class="rk-a"> 第一个全局组件rk-a </div></template>// src>components>rk-b<template&g原创 2021-07-02 11:18:19 · 400 阅读 · 12 评论 -
ES10-flat 兼容性处理(附代码 无脑cv)
flat是es10中的数组打平函数,可传入一个参数,该参数为数组打平的深度,该参数可省略,默认为1。最近接手的项目中出现了部分低版本浏览器报错的问题。特记录如下。原创 2021-07-01 16:16:28 · 915 阅读 · 2 评论 -
[零基础] 减少50%的bug,只需要30分钟...
文章目录一 打印 | console.log二 断点 | debugger三 执行栈 | call stack四 请求日志 | network五 样式 | element一 打印 | console.logconsole.log是大家经常使用的调试方式了,在代码中加入console.log就能在控制台打印出参数内容,可以用它来判断代码的执行情况和数据的即时信息。const A = function(){ let a = 1; if(a === 1){ // 执行到 打印原创 2021-06-11 17:04:48 · 136 阅读 · 7 评论 -
eclipse从安装到项目启动最全流程
由于近日需要维护一个含有jsp的项目,需要使用eclipse运行,配置环境时也踩了很多坑,特此记录以示来人。原创 2021-01-14 12:20:55 · 1054 阅读 · 2 评论 -
js自制无阻塞sleep函数
js自制无阻塞sleep函数与大多数语言不同,js中无自带sleep函数,但是可以通过promise与await实现。第一步 设立sleep制作sleep函数,首先要编写一个名为sleep的promise函数,promise函数在运行resolve的时候结束,所以如果在promise函数内部,将resolve包裹在定时器中,函数执行的时间就变得可控。function sleep(interval) { return new Promise(resolve => { se原创 2020-09-22 20:57:50 · 1370 阅读 · 0 评论