![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
jiangbei-north
前端菜狗一只
展开
-
WOW.js使用(随页面滚动轴产生的出场动画)
WOW.js使用一、下载官网:https://www.delac.io/wow/注意:wow.js依赖于animate.css,首先在头部引用animate.css或者animate.min.css。animate.css下载:http://www.animate.net.cn/二、使用1.初始化:<link rel="stylesheet" href="css/animate.css"><script src="js/wow.min.js"></script&原创 2020-12-29 09:37:59 · 698 阅读 · 0 评论 -
JavaScript中数组的方法解析(最新版)
JavaScript中数组的方法解析(最新版)前言join()reverse()sort()concat()slice()splice()push()和pop()unshift()和shift()toString()和toLocaleString()forEach()(es5新增)map()(es5新增)filter()(es5新增)every()和some()(es5新增)indexOf()和lastIndexOf()(es5新增)reduce()和reduceRight()(es5新增)Array.fr原创 2020-12-25 11:16:22 · 193 阅读 · 0 评论 -
vue项目在PC端的支付调用(支付宝和微信支付使用qrcodejs2渲染二维码)
使用vue写pc端项目时,商城类网站通常需要接支付系统,下面是我在最近一个商城项目中关于支付系统的记录支付宝支付支付宝支付对于前端来说比较简单,只需要后端同志把要跳转的页面接口配置好,前端拼接上跳转参数直接跳转就好,代码示例://支付宝付款 //拼接url 其中this.https.urls是后端给接口地址,,其他为参数 let myurl =this.https.urls +"/index/memory/familytree_pay?user_id" + local原创 2020-12-04 11:48:40 · 5260 阅读 · 2 评论 -
在vue-cli中使用swiper制作水平滑动
在vue-cli中使用swiper制作水平滑动在最近项目中,需要完成一个水平滑动选项卡的选择,如果在uni-app中可以直接使用swiper组件完成,但是在vue-cli项目中需要进入swiper插件;但是swiper官网中对于其在vue-cli项目中的使用介绍描述的不太详细,下面将我的使用过程记录下来供大家参考。1.引入npm install swiper vue-awesome-swiper --save2.(全局注册)import Vue from 'vue'import VueAweso原创 2020-12-04 11:17:52 · 740 阅读 · 0 评论 -
uni-app中使用subNVue和制作带video的swiper
关于uni-app中带有video的swiper,还有subnvue的踩坑记录及解决原创 2020-10-19 20:16:20 · 2668 阅读 · 4 评论 -
关于uni-app中如何给tabber页面传值并获取 绝对好用!!
关于uni-app中如何给tabber页面传值并获取 绝对好用!!在uni-app中,有很多路由跳转的api,在非tabber页面进行路由跳转和传值非常方便,只需在onload中拿去即可,但这些方法都写明:无法在跳转向tabber页面时传递参数,下面是解决办法getCurrentPages()**getCurrentPages() ** 函数用于获取当前页面栈的实例,以数组形式按栈的顺序给出,第一个元素为首页,最后一个元素为当前页面。通过该api获取本页面(也可以是tabber页面)的实例原创 2020-09-09 09:43:20 · 389 阅读 · 0 评论 -
uni-app可拖动的浮动图标
第二个项目中有一个需求,在uni-app中制作一个新人红包的图标,要求全屏拖动,初始位置固定。样式如此:下面是我的解决方法**1.首先uni-app中有专门的拖动元素movable,html代码如下**<movable-area class="movableArea" v-else-if="isShowPhone==0"> <movable-view class="movableView" direction="all" x="600rpx" y="800rpx"&原创 2020-08-04 10:33:04 · 4709 阅读 · 1 评论 -
uni-app中长按图片保存(保存二维码等)
uni-app中长按保存图片个人第二个项目是在小程序和app端的一款应用,在项目中需要使用到长按保存二维码功能,但uni-app官方的uni.saveImageToPhotosAlbum api只能传入文件路径,不支持网络路径,而我们大部分需要保存的图片基本都是网络路径,所以想到了uni.downloadFile,这个api会返还一个图片的临时路径,刚好可以作为参数使用saveImageToPhotosAlbum,所以问题就可以解决!关于长按事件,我使用的是canvas的@longtop,不过这个不是原创 2020-08-04 10:02:07 · 7640 阅读 · 0 评论 -
关于vue-cli使用vue-i8n国际化,语言切换
关于vue-cli使用vue-i8n国际化,语言切换工作以来的第一个个人项目,制作的是一个跨国贸易网站,需要用到中韩两个网址和语言切换,在此记录在vue-cli中引入vue-i18n ;制作词汇表 ;在代码中使用 ;1.在vue-cli中引入第一步比较简单,直接npm install vue-i18n --save-dev下载以后查看package.json中是否下载成功然后在main.js中引入//引入多语言切换插件import VueI18n from 'vue-i18n'原创 2020-07-26 16:14:28 · 539 阅读 · 0 评论 -
使用echars制作家谱图
使用echars制作家谱图首次工作的第一周,项目大哥让我制作项目中的h5页面:接收后端数据渲染家谱图;各种百度发现并没有很好的解决办法,在掉头发的两天研究echars后终于解决,虽然没发完全还原ui图但也能正常使用,一下是我的解决办法:1.首先需要引入echars,这个直接去官网学习即可2.这个表中需要后端计算并返回每个家谱人物的x,y坐标,大概的实施方法是:在创建家谱人物时前端需要传递一个方位参数(left,right,top,bottom),表示创建的人物和本人的关系top,bottom方向为长辈原创 2020-06-20 12:14:33 · 1798 阅读 · 0 评论 -
h5页面ios和安卓交互的问题解决
h5页面与ios和安卓交互的问题解决工作第二个星期遇到第一次h5页面与移动端链接的问题,遇到很多意想不到的意外,解决之后记录下来以便查看传递参数安卓端window.location.href无效工作第二个星期遇到第一次h5页面与移动端链接的问题,遇到很多意想不到的意外,解决之后记录下来以便查看这个项目中我负责制作商城模块,完成后嵌入到app中,下面是工作过程中遇到的几个问题传递参数在我的项目中,商城的首页需要获得在商城外app用户的user_id和city_name,才能正确请求商城数据;而且在每页原创 2020-06-20 11:57:12 · 586 阅读 · 0 评论