开发分享
安静仁
这个作者很懒,什么都没留下…
展开
-
uniapp H5 公众号授权
uniapp H5公众号授权登录原创 2022-08-05 14:41:44 · 3046 阅读 · 0 评论 -
vue中组件传值的方式总结(自己总结 父子 兄弟 组件传值)
vue父子组件兄弟组件之间的传值方式原创 2022-07-12 10:49:58 · 611 阅读 · 0 评论 -
关于rich-text 的参数,以及filter 过滤图片的一点记录
rich-text的使用 以及过滤器的使用原创 2022-07-01 11:58:22 · 222 阅读 · 0 评论 -
swiper.js显示指定图片
之前开发没有用过swiper.js这个轮播插件,最近做了一个PC端网站正好用了用,就单纯的js来写了。好了,其他的话不多说,就直接说代码吧:1.客户要求:右侧点击不同的选项,显示不同的数据,而图片是通过接口返回的。并且随着tab的切换也会显示不同的图片。2.鼠标进入右侧新闻列表中,停在哪一项,哪一项的图片显示出来。3.鼠标离开后轮播图继续自动播放。 <div class="tongzhi"> <div class="tongzhi_left"> <div cla原创 2022-05-17 11:23:28 · 1213 阅读 · 0 评论 -
css中5中垂直居中方式
方法一:使用定位注意:需要父元素和子元素同时使用定位。父元素加 相对定位。子元素加 绝对定位。同时子元素 的上下左右 都为0;然后再通过margin:auto;就可以是子元素垂直居中了。这种方法目前来说还是比较好用的。<div class="box1"> <div class="box2"></div></div>.box1 { width: 100%; height: 500px; displ原创 2022-03-01 16:40:00 · 345 阅读 · 0 评论 -
用uni.previewImage({}) 来直接做图片的预览和识别二维码
uniapp中的图片预览以及识别二维码原创 2021-12-13 11:09:02 · 2881 阅读 · 6 评论 -
uniapp写的App跳转到小程序 ,且小程序携带参数跳回
App跳转小程序,小程序跳回App传参问题原创 2021-12-01 14:30:24 · 2806 阅读 · 4 评论 -
简单的js倒计时
最近自己没事干,用原生js写了一个倒计时的小demo/**思路:通过后台返回的时间,减去现在获取到的时间,然后得到的时间差值,来换算成时分秒来进行倒计时*/// 获取倒计时元素 let djs = document.getElementById('djs'); let djs = document.getElementById('djs'); let timers = setInterval(function () { let nowTimem = new Date(原创 2021-09-13 15:14:58 · 70 阅读 · 0 评论 -
最简单的二级导航
<div class="nav"> <ul> <li class="nav_wai"> <span>首页</span> </li> <li class="nav_wai"> <span>中心简介</span> <ol class="nav_nei"> <li>联系..原创 2021-08-20 11:00:11 · 156 阅读 · 0 评论 -
最简单的tab切换
*{ margin:0; padding:0; } .tab{ width: 400px; height: auto; display: block; /* background: #f1f2f2; */ } .tab ul{ width:400px; height:60px; display: flex; } .tab ul li{ ...原创 2021-08-18 14:36:32 · 204 阅读 · 0 评论 -
最简单的一个 递归案例 60秒 倒计时 vue
递归:1.找规律: 60秒倒计时2.找出口 :当时间等于0 的时候,这个递归就结束了countDown(time) { let _this = this time-- //time等于0 就是这个递归的出口 if (time == 0) { _this.timeCont = '点击获取' learInterval(timer) return } let timer = setTimeout(function() { _this.timeCont = time + '秒';原创 2021-08-13 15:20:19 · 278 阅读 · 0 评论 -
css中超出部分出现滚动条,不超出隐藏滚动条
#box {width: 500px;height: 300px;overflow-x: hidden;overflow-y: scroll;line-height: 30px;text-align: center;}#box::-webkit-scrollbar {display: none;}原创 2021-07-20 11:48:45 · 1169 阅读 · 0 评论 -
uniapp H5history 模式下导致刷新页面 空白的问题
最近用uniapp写了一个项目,要求做小程序和H5端,先写的小程序,H5端的大部分的代码都是用小程序的代码直接拿过来,生成的H5端界面。出现问题:H5端界面配置到服务器端,但是页面总是一刷新就是 显示 控制器不存在页面的地址没有变化,里面的数据接口也没有报错,所以,问过许多人后发现是uniapp生成H5 选择的history 模式导致的。解决的办法: 在域名的根目录上以及当前所在的目录上 上传一个配置文件 .htaccess里面的配置内容:如果,你是配置到域名下面的某个目录,你就改成你的原创 2021-07-08 11:17:04 · 4485 阅读 · 0 评论 -
查看url里面是否存在某个参数js
场景:最近在做一个H5微信公众号的开发,微信分享出去的东西,用户点击进入,使用微信code授权之后,还是总提示code无效,code已使用的问题。原因:用户点击进入之后,会先进行登录,会获取到一次code,但是,在进行其他操作时再次用到这个code,就会提示。所以,在这种情况下,我们就要判断url中是否已经存在了code,如果存在code,就删除掉,重新进行获取。const url = new URL(window.location);//获取到页面的url地址if(url.searchParams原创 2020-12-11 10:11:28 · 4886 阅读 · 0 评论 -
animation动画的一个小应用,让元素循环移动
<body> <div class="tags"> <a href="www.baidu.com">css</a> <a href="www.baidu.com">html</a> <a href="www.baidu.com">js</a> <a href="www.baidu.com">react</a>原创 2020-11-04 14:44:53 · 384 阅读 · 0 评论 -
如何在一个APP内检测手机内安装了另外一个APP并且跳转到另外一个APP内?
开发情景:(uniapp)前段时间,公司开发了一款拼团类型的购物软件,但是,突然被人举报有病毒,涉嫌欺诈(此APP还未上架),升级会报病毒,不升级交易支付时会有金融风险。挽救措施: 改包名,移动开放平台的一起修改,同时版本号也要一起修改。(一旦包名修改,那么就和之前的就是2个APP了。)1.如何让已经安装之前APP包的用户知道我们修改的措施呢?假设,之前安装的App是 A包,我们需要在这个基础上,让用户进行一版升级,升级到B版本。在B版本再次进行强制升级,升级到C版本,而C版本就是我们最新的包名打包原创 2020-11-04 11:08:38 · 1267 阅读 · 0 评论 -
关于小程序rich-text图片溢出问题
rich-text代码:<rich-text class="richtext" :nodes="detail | formatRichText" type = node></rich-text>//利用过滤器来进行过滤filters:{ formatRichText(html) { //控制小程序中图片大小 let newContent = html.replace(/<img[^>]*>/gi, function(match, capture原创 2020-09-16 14:02:22 · 799 阅读 · 0 评论 -
如何在vue项目中引入echarts
1.下载npm install echarts–save2.非全局调用,在组件中使用引入const echarts=require(‘echarts’)3.在methods中开始画出这个echartsdrawEcharts(){//注意:main是元素绑定的 refs的名字// 基于准备好的dom,初始化echarts实例const myChart = echarts.init(this.$refs.main)// 指定图表的配置项和数据const option = {title:原创 2020-08-20 16:37:59 · 868 阅读 · 0 评论 -
前端动画特效方法推荐以及使用
1.Animate.css这个是最常用,而且,全部都是css样式附上网址:https://animate.style/#migration里面包括使用方法,以及下载的方法。 是我个人比较喜欢的。2.Tuesday 动画类库这个动画类库,非常的轻便,可以和animate.css结合使用。附上地址:https://shakrmedia.github.io/tuesday/下载地址:https://github.com/ShakrMedia/tuesday下载下来以后,根据,里面的提示如何使用,引原创 2020-08-07 11:52:09 · 205 阅读 · 0 评论 -
uniapp写小程序,在一个方法内调用另外一个函数总是告诉我undefined ?如何解决?
说一下情景:写的一个小程序商城项目,购物车界面为 tabBar中的一项。在删除购物车中的一项之后(Delete()函数),进行页面刷新。页面的刷新:一般的做法: 在非tabBar界面中,通过redirectTo重新定向到本页面,也可以达到数据的刷新效果。但是:这个是tabBar界面,redirectTo无效。所以,我自己的设想是,通过重新调用获取数据的函数,来进行页面的刷新。但是,总是提示我这个函数 undefined原因:this的指向不正确。我自己的购物车页面中:看下面的报错:获取数据列原创 2020-07-31 11:52:35 · 5658 阅读 · 1 评论 -
iframe如何获取右侧显示界面的url 和iframe进行右侧局部刷新
首先,使用iframe,虽然右侧的界面一直在刷新,但是,window.location.href的网址却是一点都没变。所以,要如何获取 右侧切换的这个页面的网址呢?<iframe id="myframe" scrolling="auto" rameborder="0" src="list.html" name="right" width="100%" height="100%"></iframe>iframe的id名称 是 ‘myframe’,···docu原创 2020-07-23 16:21:49 · 575 阅读 · 0 评论 -
jquery中eq()的用法
:eq(index)某个元素集合中获取第几个p:eq(0) 获取p元素的第一个值这个方法在jquery中经常用到,要记住使用方法原创 2020-07-22 10:19:22 · 1016 阅读 · 0 评论 -
微信小程序开发在后台账号需要进行的设置
.首先,有了微信小程序的账号,在进行开发小程序时,是需要我们先进行配置的,一些配置的方面,进行总结一下在开发设置中:request合法域名socket合法域名 uploadFile合法域名 downloadFile合法域名 前面的这几项,都是可以设置上自己https的主域名即可业务域名的设置:这一项,要求下载一个 “校验文件”,这个校验文件下载后是一个text文件,直接放在 要加入的域名的根目录下,即可通过校验。//这是目前,微信小程序开发需要的一些基础配置。...原创 2020-07-21 14:18:07 · 678 阅读 · 0 评论 -
微信小程序内前端支付
思路:1.发起支付请求时要先调用wx.login({})接口2.获取到code,然后,然后调用后台给的支付接口(自己后台写的接口)3.调用wx.requestPayment(Object object)···wx.login({success:async function(res){if(res.code){const data = await request({url: ‘order’,method: ‘POST’,data: {ids: this.ids,address_id:原创 2020-07-21 13:55:43 · 499 阅读 · 0 评论 -
借助jquery.form和Validform.js进行图片上传
本地图片上传到服务器,此方法借助 jquery的form.js来实现的引入 jquery.form.js, Validform_v5.3.2_min.jsHTML代码结构:**注意:**在这里有一个 img 标签和 一个input标签input标签覆盖于img标签之上,给input添加onchange()事件input的onchange事件中,设置读取文件,...原创 2020-06-05 15:16:20 · 275 阅读 · 0 评论 -
微信小程序绑定微信(登录小程序后绑定微信号)
调用微信接口: wx.login(Object object)在通过调用接口后 获得 code,之后,我们就可以写我们自己的代码了,把code传递给后台服务器,进行绑定微信。原创 2020-06-02 17:52:32 · 3512 阅读 · 0 评论 -
微信小程序上传图片以并且上传到服务器(mpvue框架)
1.用户头像上传HTML代码部分:给要上传图片的img标签添加点击事件2.js代码部分1.先上传图片,调用微信 wx.chooseImage(Object object)如果成功,会返回tempFilePaths :图片的本地临时文件路径列表 (本地路径) tempFiles:图片的本地临时文件列表tempFilePaths是一个数组,把返回来的这个本地路径保存给一个变量调用 wx.uploadFile(Object object)要传入的参数url:服务器的url,file原创 2020-06-02 17:16:40 · 916 阅读 · 0 评论 -
微信小程序中如何设置全局变量
全局变量,就是可以在整个项目中,无论哪个页面都可以拿到的数据。1.可以在main.js中进行设置在main.js中设置结束后,可以,在页面中设置具体的值通过 this.globalData.键值名= 键值设置数据在另外的一个页面拿到这个数据直接通过this.gloglobalData.键值名 直接拿到数据...原创 2020-06-02 16:42:22 · 1736 阅读 · 3 评论 -
input 基础用法
1.单选框<input type="radio" value="是" name="type">是<input type="radio" value="否" name="type">否//获取单选框的值(jquery)$(input[name="type"]).click(function(){//获取被选中的那个input的value值let val=$(input[name="type"]:checked).val();//在知道这个值之后,可以写你..原创 2020-06-01 17:31:59 · 2069 阅读 · 0 评论 -
微信公众号开发中,一次点击两次请求的解决
最近做的一个公众号开发的项目,遇到的一个问题,页面上点击一次,但是同时发出了两次请求。先看代码这是未修改之前的代码,修改之后的代码:重点是在这里:用off()移除元素之前所有的事件,然后再绑定点击事件。至于原因,还真的是每完全搞定,如果有知道原因的,可以在评论区留言,相互学习一下...原创 2020-05-06 11:00:26 · 1239 阅读 · 0 评论