自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 微信公众号、h5页面调用摄像头扫描二维码

微信小程序、H5页面实现扫码功能,返回扫码识别结果

2023-09-06 12:18:16 1111

原创 最新微信小程序获取头像昵称,直接用,uniapp获取微信小程序头像昵称

微信小程序获取用户头像和昵称一个开放接口是wx.getUserInfo,2021年4月5日被废弃,原因是很多开发者在打开小程序时就通过组件方式唤起getUserInfo弹窗,如果用户点击拒绝,无法使用小程序,这种做法打断了用户正常使用小程序的流程,同时也不利于小程序获取新用户,后面新添加的一个开放接口wx.getUserProfile,也是用于获取用户头像和昵称。下面是调整公告但如果我们现在再使用类似的方法时,往往无法得到自动获取用户头像昵称的效果。

2023-06-10 21:11:02 3418 11

原创 js数组分割成块,数组分割

问题: 有时候后端给我门反回来一个数组,数组长度可能是1条,10条,100条,但是我门的需求是将数组长度100条的数组分割成10块,每一块又是10个数组,类似于:[ […10] ],就是把长度为100的数组分成10块,每一块里面10条或者5条,再添加到新的数组里面。

2023-06-01 09:58:29 393

原创 vue调用摄像头实现拍照上传图片、本地上传图片

主要功能逻辑就是调用是摄像头权限,把实时画面显示到video里面,点击拍照的时候绘制vanvas,然后把canvas转base64图片,base64图片转文件进行上传,上传图片就不多介绍了,就是Element文件上传,配置action,headers 就行。今天项目上遇到一个功能,人脸录入,要求用户可以自己调用摄像头拍照上传图片,还可以上传本地图片,这个功能并没有那么复杂,今天就封装一下这个功能,首先咱们看一下效果。上面代码注释已经都写了,相信大家都能看懂。如果本章对你有帮助,就三连吧。

2023-03-25 14:52:00 5112 12

原创 this.$refs[formName].resetFields()不起作用、ElementUI表单重置不起作用

elementui新增和修改用同一个弹窗,resetFields不起作用

2023-03-22 17:00:16 1410

原创 Vue中央事件总线$bus第一次不触发问题

Vue中央事件总线$bus跨父子组件通信(解决$bus.$emit 第一次不触发)

2023-03-09 17:36:38 837

原创 Vue3+vite,vue3基本使用文档

vue3的基本使用,vite创建vue3项目

2023-02-27 18:04:43 1100 1

原创 vue项目引入less,怎么修改组件样式,vue项目修改组件样式

昨天在项目中遇到了一个问题,因为我们是团队开发,有许多自己写的公共组件。今天我用到其中一个公共组件,但是,当我想去修改这个公共组件的样式的时候我发现,你不能去修改组件原有的样式,因为你修改了别的地方样式就被修改了,当然,我们的样式是加scoped,如果去掉 也会影响别的地方样式(我们用的是less)。经过一系列研究,我发现了一个属性deep,深度选择器,样式穿透

2022-11-21 09:26:21 1609

原创 教你快速看懂 vue 路由守卫

vue-router路由守卫、beforeRach、afterEach、beforeEnter、beforeRouteEnter、beforeRouteLeave。路由拦截

2022-10-22 02:26:00 834

原创 vue中兄弟组件之间传值

Vue中组件传值,兄弟组件之间传值

2022-03-05 21:42:55 3328

原创 Vue.js中,watch的深度监视

Vue监听、watch

2022-02-21 22:07:18 695

原创 [vuex] unknown mutation type: XXX/XXX 报错解决方法

unknown getter: XXX/XXX 报错解决方法今天,用vuex中的Module来分割多个模块的时候,碰到了一个bug,今天,跟大家分享一下,先看一下报错内容吧我的代码结构是这样的index是主文件,liuxu和test是分割出来的,然后index.js里面引入这两个js当我调用这两个模块中的mutations的时候,出现上面的报错,我的代码是这样写的因为分模块了,所以我要调用liuxu或者test下面的mutations,然后就报错了,但是,如过我这样写就没问题this.$

2020-08-21 13:15:08 73233 20

原创 javascript中保留两位小数

不进行四舍五入,并且强制保留两位小数或者多位小数function mathFloat(){ // 数字转字符串 var num = 12 + '' /** * 字符串截取,起始位置0,结束位置从 . 开始的后三位,包括 . * 最终截取的是两位小数, * 如果想保留X位小数,结束位置为num.indexOf('.') + (X+1) */ var str = num.substring(0,num.indexOf('.') + 3)

2020-07-22 12:23:49 940

原创 小程序开发框架mpvue开发文档

什么是mpvuempvue 继承自 Vue.js,其技术规范和语法特点与 Vue.js 保持一致。mpvue是一个微信小程序开发框架,他的语法特点和vue是一样的,除了一些微信小程序官方api以外。如果会vue的宝宝们可能学的快一些。1.如何快速搭建mpvue项目# 全局安装 vue-cli$ npm install --global vue-cli# 创建一个基于 mpvue-quickstart 模板的新项目$ vue init mpvue/mpvue-quickstart my-pro

2020-07-18 09:10:59 1340

原创 2020年vue常见面试题汇总

vue相关1.vue生命周期什么是Vue生命周期?vue实例从创建到销毁的过程,就是生命周期。也就是从开始创建、初始化数据、编译、挂载DOM——渲染、更新——渲染、卸载等一系列过程为Vue的生命周期。下面是vue生命周期的图片vue生命周期的作用是什么?它的生命周期中有多个事件钩子,他可以让我们在控制整个vue的过程中可以形成良好的逻辑。vue生命周期分几个阶段?8个阶段,创建前/后、载入前/后、更新前/后、销毁前/后。第一次页面加载触发那几个钩子?beforeCreate、cre

2020-07-11 11:52:08 1282

原创 vue中封装axios请求、拦截器

Vue中统一封装axios请求1.axios是什么,为什么要统一封装axios是一个基于promise的http库,可运行在浏览器端和node.js中。他有很多优秀的特性,例如统一进行拦截请求和响应、取消请求、转换json、客户端防御XSRF等。我们所要的axios的封装和api接口的统一管理,主要目的是帮助我们简化代码,以便于日后的维护。统一封装axios拦截器和get/post请求import axios from 'axios'import { Loading, Message } from

2020-07-10 16:23:11 1087

原创 iphone 连接 mac 反复重连

解决iPhone连接mac反复断开/重连问题杀掉 usdb亲测有效,打开终端运行一下指令sudo killall -STOP -c usbd运行时候需要输入你电脑的密码,输入密码时是看不见密码的,只要你输入正确就行,输入完成直接回车,如果没有报错信息就说明运行成功了,那么问题就解决了...

2020-07-06 15:48:32 1508

原创 vue vuex Action使用

Actionaction和mutation基本类似:action提交的是mutation,不是直接更改state的状态,而mutation是直接修改state状态action可以包含任意的异步操作,比如ajax请求简单注册一个actionimport Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)export default new Vuex.Store({ state: { num: 0,

2020-07-04 14:07:52 1199

原创 vue vuex getter使用

getter的使用Vuex 允许我们在 store 中定义“getter”(可以认为是 store 的计算属性)。就像计算属性一样,getter 的返回值会根据它的依赖被缓存起来,且只有当它的依赖值发生了改变才会被重新计算。store.jsGetter 接受 state 作为其第一个参数:import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)export default new Vuex.Store({ state:

2020-06-30 11:14:06 2738

原创 vue vuex store使用

最简单的state安装 Vuex 之后,让我们来创建一个 store。创建过程直截了当——仅需要提供一个初始 state 对象和一些 mutation:store.jsimport Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)export default new Vuex.Store({ state: { num: 0, name: '刘旭', age: 18 },

2020-06-30 10:51:24 637 3

原创 js调用摄像头拍照

js调用本地摄像头拍照<!doctype html><html lang="en"><head> <title>js调用摄像头拍照上传图片</title> <meta charset="utf-8"></head><body> <button onclick="openMedia()">开启摄像头</button> <video id="

2020-06-11 17:13:20 1030

原创 less 什么是less 怎么使用less

什么是less?作为一个前端开发,写css样式是再平常不过的事情了,有时候,多个元素的样式是一样的,但是我们还是会把这些样式冲刺呢写一遍,要不就是键盘三剑客 CTRL + C,CTRL + v,真是苦了比程序猿,现在,我们不用再那么傻了,我们给css加点猛料。less是一个兼容css的拓展语言。因为 Less 和 CSS 非常像,因此很容易学习。而且 Less 仅对 CSS 语言增加了少许方便的扩展,这就是 Less 如此易学的原因之一。Less 到底为 CSS 添加了什么功能?以下就是这些新加功

2020-06-10 12:14:18 2390

原创 vue-prop 组件之间传值

父子组件之间的传值通常我们组件之间会相互传递一些参数,这样我们就用到了prop属性prop类型下面这是一段字符串数组形式的propprops:['title','name','age','like']但是,通常你需要给每个prop指定特定的类型,这个时候我们就得用对象的形式来列出props:{ title: Number, like: String, boolean: Boolean, array: Array, girlFraid: Object,

2020-06-02 16:18:18 706

原创 == 和 === 的区别

== 和 === 的区别 <script type="text/javascript"> var num = 1; var str = '1'; var test = 1; console.log(num == test) // 返回true 值相等 数据类型相等 console.log(num === test) //返回true 值相等 数据类型相...

2019-04-26 12:49:54 272

空空如也

空空如也

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

TA关注的人

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