自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(51)
  • 收藏
  • 关注

原创 在Vue中引入字体图标

本文使用的阿里的字体图标库,只对Font class引入方式进行讲解,另外两种:Unicode和Symbol不做表述。

2023-03-28 16:40:26 443

原创 js下载blob二进制文件流

在项目开发中,经常会遇到需要调用接口从后端获取Blob二进制文件流,在前端通过Blob二进制文件流下载文件的需求。

2023-03-21 16:29:50 1580

原创 微信h5阻止下拉出现“网页由...提供”

在微信h5的开发中,解决在微信打开h5页面时,禁止下拉页面查看“网页由…提供”获取网页的来源,兼容安卓和ios,实测有效

2023-03-17 16:33:12 2037 1

原创 Vue前端导出excel

在Vue中,前端导出excel

2023-03-14 17:12:59 405

原创 JS的执行机制

JS是单线程。所有的任务执行时需要排队,前一个任务结束,才会执行后一个任务。如果前一个任务耗时很长,后一个任务就会一直等待执行。会导致JS执行的时间过长,造成页面的渲染不连贯,加载阻塞的感觉。

2023-03-10 17:58:47 530

原创 前端压缩图片为指定宽高

通过原生的input标签拿到要上传的图片文件,计算宽高后,在canvas上压缩绘制该图片HTMLImageElement,输出压缩后的图片base64

2023-01-16 15:54:10 703

原创 前端使用国密sm2和sm4进行加解密

前端使用国密sm2和sm4进行加解密

2023-01-12 17:28:27 3404

原创 前端通过AES进行加解密(ECB、CBC模式)

在项目开发中,由于需要对接口传参的敏感信息进行加密传输,后端接口返回的参数也是进行加密过的,此时就需要进行加解密操作。本篇文章使用AES进行加解密,AES加密算法提供了五种不同的工作模式:CBC,ECB,CTR,CFB,OFB。这里只对CBC和ECB加解密进行说明。

2023-01-12 16:01:58 5401 2

原创 vant组件库点击选择器时弹出输入键盘

当进行一些h5的项目开发时,会经常使用到vant组件库,当项目中需要表单业务并且包含有选择器输入项。当点击选择器弹出popup和选择piker,正常情况下我们是希望仅仅弹出选择器进行选择即可。但有时系统输入键盘会一并弹出,显然这不是我们想要看到的效果

2023-01-04 15:18:49 1337

原创 前端js将图片image对象与canvas互相转换

前端js将图片image对象与canvas互相转换

2022-12-19 20:42:19 2421

原创 js将图片url转化为base64

前端js将图片url转化为base64

2022-12-19 20:29:52 2590

原创 js将图片blob对象与图片base64互相转换

前端js将图片blob对象与图片base64互转

2022-12-19 20:25:14 3413

原创 js将图片base64与img对象互相转换

前端js将图片base64与img对象互相转换

2022-12-19 20:22:06 2311 1

原创 js将file文件对象转换成img对象

js将file文件对象转换成img对象

2022-12-19 20:18:29 2212

原创 前端调起摄像头拍摄增加引导框及相片裁剪和旋转处理

前端调起摄像头拍摄,给拍摄镜头增加引导框,并处理拍摄后,进行相片裁剪和旋转操作

2022-12-19 18:43:02 1288 4

原创 input标签进行媒体文件上传及调用摄像头或麦克风

通过input标签,调用前置(后置)摄像头录制视频或拍摄照片,并获取视频或照片base64

2022-12-19 17:37:36 1445

原创 Promise详解与关键问题

Promise是JS中进行异步编程的新的解决方案;是为了解决异步处理回调地狱(也就是循环嵌套的问题)而产生的;promise的作用:在出现异步操作,特别是异步操作嵌套多层异步操作出现回调地狱时,以一种优雅的方式来处理这些异步,增加代码的可读性和可维护性

2022-11-21 14:56:02 171

原创 toRef与toRefs

toRef与toRefs

2022-10-30 17:37:38 67

原创 Vue3的生命周期

vue3的生命周期以及生命周期钩子的变化

2022-10-30 17:35:57 312

原创 Vue中mixin混入的使用

将组件的公共逻辑或者配置提取出来,哪个组件需要用到时,直接将提取的这部分混入到组件内部即可

2022-10-16 17:06:26 249

原创 vue-router 报错:Navigation cancelled from“/...“ to “/...“ with a new navigation.

vue-router 报错:Navigation cancelled from“/...“ to “/...“ with a new navigation.

2022-09-20 11:06:20 509

原创 vue中ios系统window.location后跳转外链后点击系统返回按钮后存在的问题

在实际开发中,在ios系统上出现了一个问题:当从外链页面B点击系统返回键到页面A时,路由钩子函数没有执行,同时created和mounted生命周期钩子中的部分代码也没有执行

2022-09-20 11:03:20 1718

原创 JS 图片base64与file/blob的相互转换

前端JS 图片base64与file/blob的相互转换

2022-09-20 10:27:02 2966

原创 JS判断图片大小是否符合

JS判断图片大小是否符合要求

2022-09-19 17:53:43 446

原创 JS将base64图片压缩至指定大小

将base64图片压缩至指定大小

2022-09-19 15:32:02 5722

原创 Vue3常用API之watch监听函数

Vue3常用API之watch监听函数

2022-08-13 18:37:34 1219

原创 Vue3常用API之computed计算属性

Vue3常用API之computed计算属性

2022-08-13 18:36:17 341

原创 vue3的响应式原理

Vue3的响应式原理首先通过Proxy代理拦截对象中任意属性的变化(属性的读写、增加、删除);然后通过Reflect反射对被代理对象(源对象)的属性进行操作,可以通过内置的get、set、deleteProperty方法操作源对象...

2022-08-13 18:31:36 745 1

原创 Vue3常用API之reactive

reactive用于定义一个对象类型的响应式数据(只能定义对象类型,基本类型使用ref函数定义)

2022-08-13 18:28:39 380

原创 Vue3常用API之ref

ref函数用于定义一个响应式的数据

2022-08-13 18:27:32 1357

原创 Vue3常用的API之setup

setup是vue3中的一个新的配置项,值为一个函数,组件中运用到的所有数据、方法等等,都要配置在setup中

2022-08-13 18:25:40 1277

原创 vue-router路由传参

通过路由传值有两种方式:params和query

2022-07-27 23:19:11 264

原创 vue-router路由导航守卫

全局路由守卫、独享路由守卫、组件内路由守卫使用方式

2022-07-27 23:06:45 267

原创 路由中的生命周期钩子 - activated与deactivated

路由所独有的生命周期钩子,用于捕获路由组件的激活和失活状态

2022-07-27 23:03:33 314

原创 route的meta配置项

meta被称为路由元信息,是路由中携带的信息,可以通过自定义meta来实现一些路由时的功能

2022-07-27 23:02:00 1486

原创 vue-router路由缓存

路由缓存通过``标签中的include属性实现,指定include属性的属性值为需要进行缓存的组件名

2022-07-27 22:58:43 2559

原创 vue-router的基本使用

路由用于设定访问路径,将路径和组件映射起来,页面的路径的改变就是组件的切换

2022-07-27 22:56:17 254

原创 Vuex模块化与命名空间namespaced

为了让代码更方便维护,让Vuex中不同业务类型涉及到的数据进行分类,同时可以避免不同业务数据分类间的命名冲突问题

2022-07-24 21:02:35 509

原创 Vuex中mapState、mapGetters、mapActions、mapMutations的使用

Vuex中mapState、mapGetters、mapActions、mapMutations的使用

2022-07-24 20:57:35 308

原创 Vuex核心概念与使用

Vuex是一个专为Vue.js应用程序开发的状态管理模式,是一种组件间的通信方式,适用于任意组件间的通信

2022-07-24 20:48:44 154

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除