- 博客(16)
- 收藏
- 关注
原创 vite+vue3.x+elementUi
vite构建项目并运行npm init @vitejs/app <project-name>cd <project-name>npm installnpm run dev引入 routernpm install vue-router@next引入 Element Plus UI 组件库npm i element-plus在main.js文件中引入element-plus 库和样式import { createApp } from 'vue';import
2021-04-19 18:08:27 216
原创 nuxt使用swiper
nuxt使用swiper1. 安装vue-awesome-swipernpm install vue-awesome-swiper --save这条命令结束之后可能会有警告npm WARN vue-awesome-swiper@4.1.1 requires a peer of swiper@^5.2.0 but none is installed. You must install peer dependencies yourself.如果出现警告,需安装swiper@^5.2.0npm i
2021-04-13 18:22:33 1006
原创 vue create XXX报错
错误信息是没有安装python2.7环境,还有node-sass安装失败时需要以管理员方式打开命令行然后在运行npm install --global --production windows-build-tools然后安装node-sass,cnpm install node-sass我的问题解决
2021-03-18 13:32:52 212
原创 js获取url的参数
window.onload = function(){ //获取url var url = location.href; //把Url分割成字符串数组 var querystring = url.replace("?","?&").split("&"); for(var i = 1; i < querystring.length; i++){ var que = querystring[i].split("=") var is_specia..
2021-03-17 14:32:42 103
原创 app内嵌h5页面再跳转回到app里
html创建方法并传参<img src="images/btn.png" class="btn pa" alt="" onclick="extendHandleClick(1)">js调用方法,并判断是andriod or ios调用app端的方法 var u = navigator.userAgent; var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端
2021-03-17 10:08:03 2879 1
原创 快速多次点击按钮重复出发事件解决方案
var isTop = false; $('.btnTop').click(function() { if (!isTop) { isTop = true; if ($(".title").offset().top != 0) { $('.wrap').animate({ scrollTop: 0 }, 'slow') } setTimeout(() =&.
2021-03-03 10:54:02 227
原创 数组方法
数组方法(包括es6)1. arr.push() 在数组末尾添加一个或多个元素,返回数组长度,此方法会改变原数组var arr = [1,2,3]console.log(arr.push(4,5)) // 5console.log(arr) // [1,2,3,4,5]2. arr.pop() 删除最后一个元素,返回删除元素,若操作空数组,则返回undefined,此方法会改变原数组var arr = [1,2,3]console.log(arr.pop())
2021-02-24 15:47:44 75
原创 2020-11-13
华为手机rem兼容问题偶然发现页面在模拟器和自己手机上好好的,换了个华为手机一试发现好多溢出,搜了一下,发现是原来的rem计算方式不兼容华为的部分机型我的设计稿是750的,数字可根据自己的设计稿来改原来的rem计算(function(doc, win) { var docEle = doc.documentElement, evt = "onorientationchange" in window ? "orientationchange" : "resize",
2020-11-13 17:20:43 110
原创 2020-11-13
横向滚动,子元素不确定总宽度html代码片段<div class="borBot symTab"> <a href="javascript:;" class="flex flexColumn flLeft"> <p class="fs14 fwBold">症状描述</p> <p class="lineBlue"></p> </a> <a href="javascript:;" class="flex
2020-11-13 15:51:35 55
原创 2020-11-13
点击按钮返回顶部jq$('.goTop').hide() $(window).scroll(function() { console.log($(window).scrollTop()) if ($(window).scrollTop() > 800) { $('.goTop').fadeIn() } else { $('.goTop').fadeOut() } })
2020-11-13 11:51:49 49
原创 2020-11-13
浏览器出现双滚动条去掉纵向滚动条cssbody{ overflow-y: hidden;}去掉横向滚动条cssbody{ overflow-x: hidden;}显示一条纵向滚动条cssbody{ overflow-y:scroll;}显示一条横向滚动条cssbody{ overflow-x: scroll;}...
2020-11-13 10:50:51 65
原创 banner轮播图
直接上代码 //html <div class="bannerPic"> <div class="bannerBox"> <a href="https://mip.qiuyi.cn/video"><img src="/public/wenzhen/images/banner1.png" class="bor"></a> <a href="http://m.qiuyi.cn/w
2020-08-17 13:33:47 172
原创 倒计时(setInterval)
倒计时(setInterval)*setInterval() 方法是按照指定的周期来不停的调用函数或计算表达式。直到 clearInterval() 被调用或窗口被关闭* function posterTimeOut(){console.log(123)var ptoTime = 3var ptoInfo = $(".timeout");ptoInfo.html(ptoTime<=0 ? ‘关闭广告’ : ‘广告倒计时(’+ ptoTime +’)秒’)创建倒计时var pto =
2020-08-14 11:48:02 150
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人