- 博客(16)
- 收藏
- 关注

原创 uniapp所有生命周期(超级详细)
生命周期函数:是由uniapp框架提供的内置函数,会伴随着生命周期,自动按次序执行。生命周期函数的作用:允许程序员在特定的时间点,执行某些特定的操作,例如:页面刚加载的时候,可以在onLoad生命周期函数中初始化页面的数据。注意:生命周期强调的是时间段,生命周期函数强调的是时间点。
2024-02-02 10:53:19
5504
1

原创 vue中使用ECharts实现中国地图配置详解
可以将打开下载了4.90版本的vue项目中的node_modules找到里面的map包,移动到echarts最新版本的同样位置目录下。2.也可以进入以下链接拿到中国地图的JSON文件引入项目中进行使用。如果项目中已经安装了echarts的最新版本,又方便卸载。再vue项目的main.js中做如下配置。1.下载echarts4.90版本。
2024-01-11 09:33:24
5080
3

原创 网页授权与APP授权,H5开发使用微信Jssdk拉起网页授权详细步骤(vue2)
6.获取到openid和access_token就可以走到最后一步获取用户信息(公众号获取用户信息,只有微信头像,openid和昵称)这一步同样要放到后端进行,前端调用接口形式请求。登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。我这边权限签名,时间戳和随机串是后端更具微信的权限签名算法生成的,微信算法链接如下。注意点:这一步操作需要将请求微信的接口放到后端,前端进行调用,否则会出现跨域现象。根据code做判断,如果url里截取到code就代表登录过,不在拉起弹框授权。
2023-12-11 15:09:34
3781
1

原创 表格内每列数据勾选一个,合并一条新数据方法(vue2+antdVue)
/通过这个方法把数组对象里面的key键全部取出存入数组(目的为了在表格中来循环出勾选方法,否则每一条数据都要单独写一个方法)customRender: "user", //通过table表格插槽在表格内定义勾选框方法,需要和data数据的名字一样。Ant Design Vue 是专为 Vue.js 框架设计的,充分利用了 Vue.js 的特性,使其更易于在 Vue 项目中集成和使用。//record[item].ischecked 用数组中存储的key去找到当前对应数据得选中状态。
2023-12-08 17:05:07
1438

原创 在echarts图表上点击数据,携带当前点击数据,进行跳转页面
var dataName = this.EchartsLsitListOne[YIndex].code //取到每条的下标来获取code。//注意:若柱状图为纵向则获取x轴的索引,若柱状图为横向则需获取y轴的索引(见下方注释)this.$router.push({ //跳转路由传参。//注册区域的点击事件,解决数据较少时不方便点击柱状图的问题。//获取当前点击的索引值。//注册事件前先销毁点击事件(避免点击事件会重复执行)
2023-07-14 17:57:14
2852
1
原创 vue3中使用viewerjs图片查看器插件(详细教学)
1.首先先在项目中下载viewerjs插件2.在页面中引入3.在vue3中的使用 例:效果图:参数解释如下:如果要更改全局默认选项,可以使用view . setdefaults(选项)key值列表: "zoomIn", "zoomOut", "oneToOne", "reset", "prev", "play", "next", "rotateLeft", "rotateRight", "flipHorizontal", "flipVertical"{key:number|Boolean}
2024-04-26 11:39:11
5250
1
原创 微信小程序获取头像以及昵称
在用户点击输入框后将会在键盘上方会展示微信昵称,所以并不会通过一个接口直接返回用户头像和昵称了。被收回(基础库版本低于2.27.1的可以继续正常返回),生效期后发布的小程序通过。接口获取用户头像将统一返回默认灰色头像,昵称将统一返回 “微信用户”。其中在获取头像的临时路径后需要通过uploadFile方法上传到服务器。昵称的获取方式通过chang事件拿到nickName的名称。来获取用户微信昵称和头像,但是最近有一次调整,事件回调获取到头像信息的临时路径。其中微信会对上传的图片做敏感信息检测。
2024-03-27 09:44:33
2619
原创 vue2手写穿梭框(带编辑功能)
总体逻辑就是需要在选中数据移动到右边穿梭框时,将数据保存为两个数据源数组,更改后的数组和原数组进行互相组合配合,组成需要的新数组,之后将新数组传给后端。因为项目需要,要做一个穿梭框,当数据被选中移入右边后需要带有编辑数据的功能,并且后端需要的数据是,新数据要显示在旧数据后面拼接一起给他。vue里data数据定义。
2023-12-29 10:22:38
667
1
原创 vue中使用vuex(超详细,初学者易懂)
在mutaions中定义方法 : 方法名(state,payolad){} ,参数一代表state里面的数据,参数二表达的是外部传入的数据,数据来源于组件或者actions里面。是里面放的是异步的方法,里面可以进行异步的操作,用来修改state里面的数据,但是它本质上还是需要调用mutations方法修改的state的数据。vuex的数据是瞬时的,localStroage是持久的,是不容易丢失的。vuex的数据是响应式的,localStorage中的数据不是响应式的。
2023-12-11 15:32:14
473
1
原创 vue2和vue3的区别 详细介绍(一)
Vue3目前创建项目采用了新的打包工具,vite工具(xxx)团队他们自己发布的一个打包。目标干掉webpack。性能提升:Vue3这个框架将Vue全部重构了。底层采用TS来进行重构,性能提升能达到100%组合API和选项式API,开发人员根据自己情况和习惯,可以选择不同写法,组合式更加接近与原生的写法。对TS的支持,Vue3底层默认采用TS进行开发。我们Vue开发过程中,一般也会默认结合TS来使用。新增组件:Fragment、Teleport、Suspense。比较vue2和vue3的响应式。
2023-10-19 10:15:58
159
原创 在table表格中如果后端返回的数据字段(dataIndex)是中文
【代码】在table表格中如果后端返回的数据字段(dataIndex)是中文。
2023-07-28 16:10:14
294
1
原创 react中通过redux-RTK动态渲染菜单和路由(并且解决白屏现象)
3.将解析后得菜单数据和路由数据用dispatch(方法名())写入仓库中,在菜单组件中导入异步得方法,使用useDispatch和useSelector方法创建dispatch,再通过useSelector方法拿到仓库数据,在hooks函数中通过dispatch(异步方法)调用菜单和路由得异步方法。2.在initialState中写入获取菜单和路由得两个方法,之后创建菜单得异步处理方法,在异步方法中调用获取菜单得api接口,获取到数据后将数据交给递归函数将菜单得路径解析出来。
2023-04-27 19:45:32
386
转载 addEventListener与attachEvent的区别
不兼容firefox、chrome、IE9、IE10、IE11、safari、opera。addEventListener——兼容:firefox、chrome、IE、safari、opera;为啥为突然写到这个呢,还是一个练习引出的乱子,动态给按钮添加点击事件在chorme游览器竟然发生报错,没有这个函数。话说好记性不如烂笔头,只能靠知乎每天这样子维持这样的生活咯,年轻人要讲网德,把自己遇到的问题分享给大家。简写的onclick和addEventListener区别。这两个方法都接受两个相同的参数。
2022-11-22 21:45:32
160
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人