鼠标悬停效果 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> <
css中5中垂直居中方式 方法一：使用定位注意：需要父元素和子元素同时使用定位。父元素加 相对定位。子元素加 绝对定位。同时子元素 的上下左右 都为0；然后再通过margin:auto;就可以是子元素垂直居中了。这种方法目前来说还是比较好用的。<div class="box1"> <div class="box2"></div></div>.box1 { width: 100%; height: 500px; displ
uni.chooseLocation H5 使用定位不准 解决方案 1.在腾讯地图中申请填写好应用名称 以及应用方向 即可2.配置域名白名单：加入：3gimg.qq.com 这个域名 同时配置上你自己的域名注意：你的域名最好是https访问 http访问的话，H5定位不准，一直显示北京天安门3.在uniapp中 manifest.json 文件中 H5配置中 腾讯地图的key这样，打包H5之后，通过https的域名访问，基本上没有太大的问题。如果还有问题：有一个小小的方案，自己测试的可以用，但是不是很准，仅限H5端可以使用uni.get
uniapp -ipad开发 横屏 锁定设置 1.mianfest.json文件中设置在源码视图中，app-plus中设置"app-plus":{ "orientation" : [ "landscape-primary","landscape-secondary" ],//重力感应、横竖屏配置"landscape-primary", "landscape-secondary" 分别是 横屏正方向 横屏反方向}2.在pages.json中设置globalStyle"globalStyle": { "pageOrientation":
简单的js倒计时 最近自己没事干，用原生js写了一个倒计时的小demo/**思路：通过后台返回的时间，减去现在获取到的时间，然后得到的时间差值，来换算成时分秒来进行倒计时*/// 获取倒计时元素 let djs = document.getElementById('djs'); let djs = document.getElementById('djs'); let timers = setInterval(function () { let nowTimem = new Date(
最简单的二级导航 <div class="nav"> <ul> <li class="nav_wai"> <span>首页</span> </li> <li class="nav_wai"> <span>中心简介</span> <ol class="nav_nei"> <li>联系..
最简单的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{ ...
最简单的一个 递归案例 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 + '秒';
js 以及vue 60秒定时器 倒计时 获取验证码的时候，我们总是会用到定时器，来进行60秒的倒计时。单纯的js来写一个试一下。单纯的js代码：<!-- 点击按钮发送验证码同时按钮上60秒倒计时 --> <button id="btn">点击获取</button> $('#btn').click(function(){ // 获取验证码的请求，在此写自己的验证码请求 // 获取请求成功后，然后开始进行验证码倒计时 countDown(60) }) function countDo
swiper切换 同时更换 背景色 前言：最近做一个项目，甲方爸爸展示了一个案例，说轮播图切换的时候，同时背景色也要改变。所以，便写了一个demo。话不多说，看效果图直接上代码：<template> <view class="content"> <view class="swiper_bg" :style="swiperbg"> <swiper :indicator-dots="true" :autoplay="true" :interval="3000" :duration="
基于uniapp的小程序 分包步骤 最近在用uniapp写小程序，加的页面和功能有点多，发现。。。上传失败，超过了2M，只能进行分包了。1.uniapp 给出了**官方的分包的文档**2.言归正传，开始进行分包。2.1 建立和page文件加同级的分包文件夹 名称自己定在分包的这个文件加下面把想分出的文件放在这里2.2 在manifest.json文件中在微信小程序配置 optimization2.3 在pages.json文件中，进行配置建立和 pages同级的数组，然后配置subPackages 以及root是配置和你前面
css中超出部分出现滚动条，不超出隐藏滚动条 #box {width: 500px;height: 300px;overflow-x: hidden;overflow-y: scroll;line-height: 30px;text-align: center;}#box::-webkit-scrollbar {display: none;}
uniapp H5history 模式下导致刷新页面 空白的问题 最近用uniapp写了一个项目，要求做小程序和H5端，先写的小程序，H5端的大部分的代码都是用小程序的代码直接拿过来，生成的H5端界面。出现问题：H5端界面配置到服务器端，但是页面总是一刷新就是 显示 控制器不存在页面的地址没有变化，里面的数据接口也没有报错，所以，问过许多人后发现是uniapp生成H5 选择的history 模式导致的。解决的办法： 在域名的根目录上以及当前所在的目录上 上传一个配置文件 .htaccess里面的配置内容：如果，你是配置到域名下面的某个目录，你就改成你的
查看url里面是否存在某个参数js 场景：最近在做一个H5微信公众号的开发，微信分享出去的东西，用户点击进入，使用微信code授权之后，还是总提示code无效，code已使用的问题。原因：用户点击进入之后，会先进行登录，会获取到一次code，但是，在进行其他操作时再次用到这个code，就会提示。所以，在这种情况下，我们就要判断url中是否已经存在了code，如果存在code，就删除掉，重新进行获取。const url = new URL(window.location);//获取到页面的url地址if(url.searchParams
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>
关注
