安静仁-优快云博客

之前开发没有用过swiper.js这个轮播插件，最近做了一个PC端网站正好用了用，就单纯的js来写了。好了，其他的话不多说，就直接说代码吧：1.客户要求：右侧点击不同的选项，显示不同的数据，而图片是通过接口返回的。并且随着tab的切换也会显示不同的图片。2.鼠标进入右侧新闻列表中，停在哪一项，哪一项的图片显示出来。3.鼠标离开后轮播图继续自动播放。 <div class="tongzhi"> <div class="tongzhi_left"> <div cla

2022-05-17 11:23:28 1276

原创鼠标悬停效果

css鼠标悬停效果：html代码： <div class="container"> <div class="box"> <h1>01</h1> <h2>web Learn</h2> <p>he shortest way to do many things is to only one thing at a time.</p> &lt

2022-04-06 16:13:35 1205

原创 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 361

原创 uni.chooseLocation H5 使用定位不准解决方案

1.在腾讯地图中申请填写好应用名称以及应用方向即可2.配置域名白名单：加入：3gimg.qq.com 这个域名同时配置上你自己的域名注意：你的域名最好是https访问 http访问的话，H5定位不准，一直显示北京天安门3.在uniapp中 manifest.json 文件中 H5配置中腾讯地图的key这样，打包H5之后，通过https的域名访问，基本上没有太大的问题。如果还有问题：有一个小小的方案，自己测试的可以用，但是不是很准，仅限H5端可以使用uni.get

2022-01-26 16:49:40 5444

原创 uniapp -ipad开发横屏锁定设置

1.mianfest.json文件中设置在源码视图中，app-plus中设置"app-plus":{ "orientation" : [ "landscape-primary","landscape-secondary" ],//重力感应、横竖屏配置"landscape-primary", "landscape-secondary" 分别是横屏正方向横屏反方向}2.在pages.json中设置globalStyle"globalStyle": { "pageOrientation":

2021-12-23 10:24:25 4417

原创用uni.previewImage({}) 来直接做图片的预览和识别二维码

uniapp中的图片预览以及识别二维码

2021-12-13 11:09:02 3004 6

原创 uniapp写的App跳转到小程序，且小程序携带参数跳回

App跳转小程序，小程序跳回App传参问题

2021-12-01 14:30:24 3053 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 94

原创最简单的二级导航

<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 180

原创最简单的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 227

原创最简单的一个递归案例 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 328

原创 js 以及vue 60秒定时器倒计时

获取验证码的时候，我们总是会用到定时器，来进行60秒的倒计时。单纯的js来写一个试一下。单纯的js代码： <button id="btn">点击获取</button> $('#btn').click(function(){ // 获取验证码的请求，在此写自己的验证码请求 // 获取请求成功后，然后开始进行验证码倒计时 countDown(60) }) function countDo

2021-08-10 12:00:25 1737

原创 swiper切换同时更换背景色

前言：最近做一个项目，甲方爸爸展示了一个案例，说轮播图切换的时候，同时背景色也要改变。所以，便写了一个demo。话不多说，看效果图直接上代码：<template> <view class="content"> <view class="swiper_bg" :style="swiperbg"> <swiper :indicator-dots="true" :autoplay="true" :interval="3000" :duration="

2021-07-23 09:26:50 1302

原创基于uniapp的小程序分包步骤

最近在用uniapp写小程序，加的页面和功能有点多，发现。。。上传失败，超过了2M，只能进行分包了。1.uniapp 给出了**官方的分包的文档**2.言归正传，开始进行分包。2.1 建立和page文件加同级的分包文件夹名称自己定在分包的这个文件加下面把想分出的文件放在这里2.2 在manifest.json文件中在微信小程序配置 optimization2.3 在pages.json文件中，进行配置建立和 pages同级的数组，然后配置subPackages 以及root是配置和你前面

2021-07-22 11:32:55 606

原创 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 1211

原创 uniapp H5history 模式下导致刷新页面空白的问题

最近用uniapp写了一个项目，要求做小程序和H5端，先写的小程序，H5端的大部分的代码都是用小程序的代码直接拿过来，生成的H5端界面。出现问题：H5端界面配置到服务器端，但是页面总是一刷新就是显示控制器不存在页面的地址没有变化，里面的数据接口也没有报错，所以，问过许多人后发现是uniapp生成H5 选择的history 模式导致的。解决的办法：在域名的根目录上以及当前所在的目录上上传一个配置文件 .htaccess里面的配置内容：如果，你是配置到域名下面的某个目录，你就改成你的

2021-07-08 11:17:04 4784

原创查看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 5010

原创 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 401

原创如何在一个APP内检测手机内安装了另外一个APP并且跳转到另外一个APP内？

开发情景：（uniapp）前段时间，公司开发了一款拼团类型的购物软件，但是，突然被人举报有病毒，涉嫌欺诈（此APP还未上架），升级会报病毒，不升级交易支付时会有金融风险。挽救措施：改包名，移动开放平台的一起修改，同时版本号也要一起修改。（一旦包名修改，那么就和之前的就是2个APP了。）1.如何让已经安装之前APP包的用户知道我们修改的措施呢？假设，之前安装的App是 A包，我们需要在这个基础上，让用户进行一版升级，升级到B版本。在B版本再次进行强制升级，升级到C版本，而C版本就是我们最新的包名打包

2020-11-04 11:08:38 1350

全国省市区json文件

新版用户信息授权login(1).vue

H5界面进行微信登录授权.docx

nodejs里面用bodyParser获取不到前端发送的数据