- 博客(93)
- 资源 (1)
- 问答 (2)
- 收藏
- 关注
RSS订阅原创 ios上传图片旋转问题解决方案（input拍照上传）
这其实是在使用input获取照片的时候，ios对照片进行了二次加工造成的，这种情况可以使用compressorjs库来解决。使用input，调起ios原生照相机，拍照后获取的图片上传阿里云，从阿里云获取的图片却旋转了90度，这个问题如何解决呢？然后在代码中使用，将获取的file文件使用库中的方法进行加工，将ios的旋转校正回来，然后再将结果上传就可以了。首先引入compressorjs。
2024-04-18 10:52:11
161
原创 ios上传图片旋转问题解决方案（vant上传图片）
本文主要解决使用 van-uploader(vant 组件库上传图片组件)上传图片时，部分 ios 机型，图片预览中，图片旋转了 90 度的问题。
2023-12-05 11:12:53
369
原创 选择文件：文件选择框的代码触发【极易版】【文件上传功能】
最近业务中遇到添加附件功能，点击对应元素，在特定条件下触发文件选择，然后将选中的文件上传到后台。文件上传是使用阿里云实现的，这里主要说文件选择功能。也就是怎样添加附件到界面上。
2023-09-25 15:06:36
381
原创 中秋接月饼: 100行代码实现的canvas小游戏【超精解】
hellow大家好，中秋佳节到了，欢乐度节的同时，技术也要跟上呀，这次我们通过canvas实现一个中秋接月饼的小游戏，三连不迷路哦~
2023-09-21 17:16:30
287
原创 【手把手保姆级】花式进度/PK/投票条开发教程
想写个投票小程序，不知道投票图表怎么写？想展示数据，不知道胶囊条怎么做? 这里一文搞定！隔壁设计都感动哭了！
2023-09-13 19:40:26
302
1
原创 缓存滚动位置：解决keep-alive组件缓存滚动位置失败问题
但是使用keep-alive缓存页面后，发现虽然页面缓存成功了，但是列表的滚动条又自动回到了最上方。怎样缓存滚动位置？这篇文章教会你。
2023-07-19 16:08:44
2104
原创 TypeScript 中 any、unknown、never 和 void 有什么区别?
TypeScript 中 any、unknown、never 和 void 有什么区别？你知道几点呢？
2023-07-03 17:48:11
663
原创 SCSS全局变量的配置（vue3+vite）
首先在src文件夹下新建一个var.scss文件，放置scss变量。，我们需要将其引入到每一个组件的scss中去，手动引入也可以实现。这里。在根文件夹下寻找vite.config.ts，如果找不到则新建一个，如果已有可以跳过这一步。
2023-05-30 10:47:35
3139
原创 TS：如何判断联合类型变量的具体类型？
如果pet可能具有两种类型：Brid和Fist，我们怎样描述它呢？定义成功后我们发现第二个问题：使用pet.swim时，编译器提示类型Brid中不包含此属性。而使用pet.fly时，编译器提示类型Fist中不包含此属性。又怎样去解决呢？
2023-05-18 10:07:26
1816
原创 tsx零基础页面开发全流程（vue环境）
TSX是JSX的ts版，在react中用途甚广，其实vue中也支持使用TSX编写，本文可以带领大家快速上手 Vue 中的TSX 语法，一小时内掌握TSX独立开发，搭上新时代的列车。
2023-04-11 14:47:32
5368
原创 70行代码绘制canvas圣诞树：无需引入图片和外部文件
圣诞节刚刚过去，送给大家一株迟来的圣诞树。该圣诞树由纯canvas绘制而成，不引入任何图片和外部文件。
2022-12-26 16:35:34
282
原创 简单实用：css+html绘制常见图表
提到绘制图表，大家可能想到ECharts，其实，一些简单的图表可以直接通过css+html实现，下面手把手带大家绘制，初学者也能轻松掌握。
2022-12-09 09:38:27
3729
原创 视差滚动：零基础css代码实现时空穿越效果
图片滚动之间，大树的位置却没有变化，感觉像是冬季大树“时空穿越”似得。如果我说这种效果使用10行css代码就能实现，你会相信吗？
2022-11-01 21:17:01
680
1
原创 同事读不懂我的代码了，全因我读了这篇文章
0.1 + 0.2 不是等于 0.3 么？为什么 JavaScript 里不是这样的？他的 for of 和我的不一样？已知 b = `{ a: 5 }`，求 b > 3 为 true ?救命！同事读不通我的代码了！全因我读了这篇文章！
2022-09-19 14:35:45
313
原创 一小时精通微信小程序开发
刚接触小程序的时候，我用一周的时间阅读微信官方文档，而后面的同事只需要1小时就可以了，这是因为我将20%常用内容提炼成了文档。这就是这篇文章。
2022-09-13 18:35:52
399
原创 微信小程序复杂对象的双向绑定(附代码可直接使用)
最近在小程序的开发过程中，需要用到双向绑定。遇到报错才知道微信本身是不支持对象双向绑定的，鏖战一番找到解决方案，特此记录。
2022-08-31 15:02:29
1681
原创 git零基础使用指南
怎样从0建立git项目？已经push的commit如何修改message？怎样将连续多个commit整理成一个？本文覆盖git常用命令，git常见问题解析，工作必备大全。
2022-08-12 16:49:11
1213
原创 一口气拿下vue-router所有知识点，薪资暴涨3000
这篇vue-router科普文太哇塞！从全程手把手教你使用，到图文并茂解析基础原理，最后一行行敲代码带你实现自己的router，这些全部都有啦。
2022-06-24 00:34:44
902
3
原创 手把手带你使用策略模式实现表单校验
你的项目有哪些亮点？你对设计模式是否了解？这些都是面试官常问的问题，这两个问题都可以通过本文解决，毋庸置疑，使用策略模式实现表单校验就是你项目的亮点，也是你掌握设计模式的体现！
2022-05-23 23:19:10
385
1
原创 手写单例模式后，面试官直接和我谈入职
前几天小呆去面试，面试官问小呆对设计模式了解多少，小呆现场实现了一个单例模式后，喜提offer，小呆暗暗庆幸，还好面试前有所准备。现把这篇文章推荐给所有人。
2022-05-20 00:03:17
231
原创 怎样同时获取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
925
原创 【你踩的坑这里都有】微信小程序分包指南
如果你的项目刚刚开始，恭喜你选择了一条最简单的路，如下为微信官方示例，照做即可。但在实际操作中，大部分人并不会在开发初始就合理规划目录，为分包做好准备。项目目录千奇百怪，照搬官方文档遇到各种问题。这种情况下，你就更需要这篇文章了。
2022-04-07 21:04:34
2676
原创 三种常见Content-Type格式，最后一种你肯定用过
Content-Type含义为内容类型，请求头和响应头中都有该项，有时我们会遇到明明发送了参数后端却没有拿到的情况，或后端向我们发送了一个图片，获取后却是乱码。本文主讲：参数传输失败元凶：请求头中的Content-Type VS 如何从服务端下载文件：响应头中的Content-Type
2022-03-22 20:57:13
15569
原创 全家桶：vuex从使用到实现(超简单面霸必备知识点)
vuex已是vue组件化开发中必备工具之一，面试官也越发重视，不懂vuex的你还卷的过吗，vuex实现真的不难！不难！不难！本文堪称面霸速成班，快来收藏吧。
2021-12-17 12:13:06
575
3
原创 十分钟玩转模块化：ES Modules && ConmonJS 使用详解
CommonJs是针对服务端的js，也就是nodejs，ESmodules是针对浏览器的。为什么出现了两套不同的模块化？二者有什么区别？可以混合使用吗？这篇文章告诉你答案。
2021-12-08 16:29:46
848
原创 胜负已分:Proxy VS Object.defineProperty
vue2.0中使用Object.defineProperty进行数据监听，而在vue3.0中改用Proxy。两者有什么区别，是什么原因促使vue作出如此变更呢？
2021-11-18 11:59:28
2334
原创 clipboard && .stop 复制失败解决方式(实现文本复制)
clipboard是一款实现文本复制的插件，通过npm安装即可，使用简单。当与.stop共同使用，阻止冒泡时，复制失败了，两者不兼容。这里给出解决办法与代码实例。
2021-10-28 14:03:51
1507
原创 skywalking-client-js前端监控实现分析(零基础搞懂前端监控)
文章目录一 监控入口1.1 setPerformance()参数处理事件调取重要参数相关知识1.2 register()重要参数1.3 catchErrors()重要参数事件调取二 功能代码2.1 performance()处理-整合性能数据获取数据-window.performance发送数据-XMLHttpRequest重要参数2.2 handleErrors()JSErrorsPromiseErrorsResourceErrorVueError2.3 traceSegment重要参数注入拦截器ajax
2021-10-10 21:49:31
6564
18
原创 vue项目级路由架构带你从零搭建 [新手秒懂]
文章目录一 路由引入与使用1.1 新建路由文件1.2 注册路由二 登录与注册路由配置三 内容菜单路由配置3.1 路由配置3.2 Layout组件示例四 配置404页面五 添加路由跳转动画六 布局优化成果展示：一 路由引入与使用1.1 新建路由文件首先在脚手架中添加文件router.js。import Vue from 'vue'import Router from 'vue-router'import Home from './view/home'Vue.use(Router)exp
2021-07-11 22:26:26
858
11
原创 vue实战：三分钟实现优雅弹框 [ 项目级组件封装 ][ 超详细 ]
本篇文章将封装一个优雅的项目级通用弹出框。该弹出框实现重用的同时，将内容与表现分离，让使用者可以专注于绘制弹框内容，而不用在意弹框的具体实现。文章阅读预计15分钟。
2021-07-05 14:44:46
2971
10
原创 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
389
12
原创 ES10-flat 兼容性处理(附代码 无脑cv)
flat是es10中的数组打平函数，可传入一个参数，该参数为数组打平的深度，该参数可省略，默认为1。最近接手的项目中出现了部分低版本浏览器报错的问题。特记录如下。
2021-07-01 16:16:28
878
2
element ui整体引入，icon图标可以正常显示，layout布局显示失败
2020-10-26
element ui完整引入后，icon图标显示正常，layout布局内层不显示
2020-10-26
TA创建的收藏夹 TA关注的收藏夹
TA关注的人