- 博客(66)
- 收藏
- 关注
转载 html绝对居中 & 滚动条缓慢滚动 &数组
html绝对居中,移动端极其好用自己老是忘记所以写个博客备忘<div class="db"> <div class="dm"></div></div>.db{ width:400px; height:200px; background:#ccc;}.dm{ width:50px;
2019-03-10 19:54:57 580
转载 通过超链接打开微信小程序
官方文档地址:https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/url-scheme.html。配置流程:公众平台 – 设置 – 隐私与安全 – 明文scheme拉起此小程序。配置允许拉起的页面。然后需要写一个H5页面 打开后直接跳转,不然安卓跳转不过去。
2024-05-15 15:44:32 181
原创 uniapp swiper waterfall同用 tabbar页面卡顿
tabbar 用waterfall 和 swiper 多个tabbar页面 打开关闭页面卡顿
2022-07-28 09:28:42 772
原创 uniapp阻止页面返回
这个操作是用来监听到返回事件然后阻止返回的之前没这样写过 今天找了下百度 乱七八糟的什么都有其实很简单onBackPress(options) { //返回时会调到的 this.backButtonPress++; //别忘了定义一下 if (this.backButtonPress > 1) { plus.runtime.quit(); return false; //允许返回 } else { plus.nativeUI.toast('再按
2022-05-11 17:17:55 6316 1
原创 uniapp tabBar使用iconfont 字体图标
 改为 \ue, 例如: "text": "\ue783""tabBar":{ "iconfontSrc":"./static/font/iconfont.ttf", "list":[ { "text":"书架", "pagePath":"pages/index/index", "iconfont": { "text": "\ue610", "selectedTe
2022-05-07 16:33:22 9285 11
原创 uniapp选择 上传视频+ 选择上传 图片
选择 + 上传视频uni.chooseVideo({ //打开选择视频 sourceType: ['album'], //直接打开选择视频 ['album','camera'] 就会弹出选框 success: function (res) { self.src = res.tempFilePath; //res.tempFilePath里面就是你选择到的视频 uni.uploadFile({ url: 'http://jinryw.com:8081/news/uploadImg
2022-04-25 14:22:22 1832
原创 nvue页面使用iconfont遇到的问题
之前 直接在js里面引用 然后写 <text class="nvue_iconfont"></text>就直接能显示出来了今天新建了 一个 nvue页面 却显示不出来 在 css里面加了一句font-family:iconfont; 才可以有大佬知道原因吗?...
2022-04-23 11:56:39 433
原创 被uni-transition 过渡无语到
遇到报错 this.modeClass.forEach is not a function原先代码<template> <div style="width:750rpx; height:700px; background-color:#fff;"> <view> <button type="primary" @click="open(fade)">fade</button> </view> <uni-
2022-04-21 17:19:45 1212
原创 git保姆级教程
下载git 安装完成在合适的文件夹右键打开 git bash here初始化git git init (创建仓库) 或者直接克隆项目下来 git clone url (url写链接)基本操作命令查看git 配置git config --system --list #查看系统configgit config --global --list #查看当前用户配置新下载的话在C:\Users\admin 就没有 .gitconfig的配置文件 就直接用设置修改设置用.
2022-03-25 18:00:13 400
原创 npm备忘录
首先 下载安装 node.js 下载了直接下一步下一步安装完毕打开控制台 win+r 输入npm -v 如果出现了版本号就是安装成功进入项目 打开终端 输入 npm init 初始化项目然后会让我们填写一些配置信息(也可以回车跳过)package name: 你的项目名字叫啥version: 版本号description: 对项目的描述entry
2022-03-17 11:53:10 134
原创 uniapp子页面回传数据到父页面(包括监听返回)
监听返回onBackPress(e) { //监听返回 console.log(e); if(e.from == 'backbutton'){ this.$utils.showModal('提示','房型尚未保存,确认退出吗?',true,'继续编辑','确定').then(()=>{ console.log('确定') uni.navigateBack({ delta:1 }) }).catch(()=>{
2022-03-15 11:50:15 1631 1
原创 $refs拼接跳转指定位置
实现动态拼接要跳转的位置scrollToElement(ref, options)@ref,要滚动到的那个节点。@optionsoffset,一个到其可见位置的偏移距离,默认是 0。animated,是否需要附带滚动动画,默认是 true。下面是官方文档的代码<template> <view class="wrapper"> <scroller class="scroller"> <view class="row"
2022-03-15 10:13:25 721
原创 uniapp nvue页面 关闭输入法
问题:在nvue页面 输入完成后 想在点击发送按钮后关闭输入法踩坑:this.$refs.input.blur() 发现确实关闭了输入法但是被输入法顶上去的页面并没有恢复解决方法:uni.hideKeyboard() 问题解决
2022-03-07 16:52:22 490
原创 waterfall 上拉加载 下拉刷新
在app中经常会遇到 上拉加载 下拉刷新的操作我也不明白为啥官网不写清楚<template> <waterfall column-count="2" column-width="auto"> <refresh class="refresh" @refresh="onrefresh" @pullingdown="onpullingdown" :display="refreshing ? 'show' : 'hide'"> //下拉刷新 <loading
2022-02-22 18:02:24 512 2
原创 nvue页面 自适应布局踩坑
官网上写道flex 属性定义了 flex 成员项可以占用容器中剩余空间的大小。 flex {number}:值为 number 类型。经常用作自适应布局,将父容器的display:flex,侧边栏大小固定后,将内容区flex:1,内容区则会自动放大占满剩余空间。但是最近开发的时候发现<div style="width:750rpx; background-color:#09BB07;"> <div style="flex-direction: row; display:flex;
2022-02-17 11:32:38 1568
原创 nvue页面flex布局 居中 并排
主要在nvue页面实现类似float: left;的操作<div style="flex-direction: row;"> <!-- flex-direction: row; 作用就是让div排列成一行--> <div style="flex:1;"> </div> <div style="flex:1;"> </div></div>flex-direction: row; 让子div排列成一行(从左到右排
2022-02-14 14:56:01 5001
原创 vue for循环判断怎么写
v-for的方法就不写了下面是在方法内判断data.data.findIndex((item,i)=>{ //data.data是要循环的数组 var reg = RegExp(e); //e是判断的内容 if(reg.test(item.id) == true){ console.log("----------------------") }})...
2021-11-23 16:36:55 1025
原创 微信分享 JQ mui
//-------------分享到微信-------------------var shares=null;var Intent=null,File=null,Uri=null,main=null;// H5 plus事件处理function plusReady(){updateSerivces();if(plus.os.name==“Android”){main = plus.android.runtimeMainActivity();Intent = plus.android.impo
2021-05-26 11:26:01 143
原创 JQ实现长按判断 并且获取this
$.fn.longPress = function (fn,trsTime) { //长按监听 var $this = this; for (var i = 0; i < $this.length; i++) { (function (target) { var timeout; target.addEventListener('touchstart', function (event) { quxiaoanniu(); //关闭删除按钮(取消按
2020-10-28 16:52:16 503
原创 p标签单行或多行超出显示省略号
单行省略// 单行显示省略号p { overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}多行省略-webkit-line-clamp: 3; 表示超出3行显示省略号,以此类推// 多行显示省略号,数字3为超出3行显示,p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden
2020-07-31 14:28:36 1792 1
原创 关于swiper例子知名生鲜电商 下拉刷新踩坑
首先放上这个例子http://bbs.swiper.com.cn/forum.php?mod=viewthread&tid=2617这个的下拉刷新我遇到的问题就是在比如水果类目下新增了内容后包裹他的swiper-slide就无法正常的下拉滚动了。即使加上observer: true,//修改swiper自己或子元素时,自动初始化swiperobserveParents: true,//修改swiper的父元素时,自动初始化swiper也无法改变这个情况。重点来了在这里我们只需要让他
2020-07-10 11:22:41 185
原创 关于SEO优化
来点好玩的:对于seo优化我们前端能做些啥呢?首先正确写网站title、keywords、description。1.title<title>巴啦啦能量</title> //搜索引擎在抓取网页时,最先读取的就是网页标题,所以title是否正确设置极其重要title 一般写23个字左右不然就会显示…title 一般是“网站名称+主关键词或一句含有主关键词的描述”二、keywords<meta name=”Keywords” Content=”关键词1,关键词2
2020-06-17 16:18:02 245
原创 jq控制页面所有的video标签播放或者暂停
百度了一些方法都是必须使用ID选择器但是当一个页面有多个video标签时无法使用id下面是使用id选择器暂停和播放的方法$('#video').get(0).pause();$('#video').get(0).play();新方法$('video').trigger('pause'); //关闭所有的视频播放$('video').trigger('play'); //打开所有的视频播放...
2020-05-23 16:59:08 3684
原创 Swiper 不自动滚动解决
很奇怪的问题他不会自动滚动解决方案:::var mySwiper = new Swiper('#pinglungcla', { loop: true, //循环 observer: true,//修改swiper自己或子元素时,自动初始化swiper observeParents: true,//修改swiper的父元素时,自动初始化swiper autoplay: { disableOnInteraction: fal
2020-05-18 17:36:11 3562
原创 P标签超出div显示…
直接在包裹P标签的div写display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; //需要控制的文本行数 overflow: hidden;
2020-05-13 10:56:53 2192
原创 video标签设置不显示播放条
video标签设置不显示播放条css:video::-webkit-media-controls { /*不显示时间条*/ object-fit:fill; /*设置预览图铺满*/ display:none !important;}
2020-05-09 16:07:56 3941 1
原创 js获取当前video播放时间
获取当前video的播放时间$('#lunboshuju').currentTime; //获取播放的时间赋值播放时间$('#lunboshuju').currentTime = 0; //这个后面放时间就成了
2020-05-09 11:27:51 8260
原创 判断双手指点击 或多手指点击
百度一堆花里胡哨//原生写法document.getElementById("duodianchukong").addEventListener("touchend",function(e){ if(e.touches.length == 1){ //一个手指是0 alert("2") } e.touches=""; //清空你点击的数组 不加这一句手指点击数是不会变的})...
2020-05-09 10:44:17 438
原创 swiper Swiper.slideTo跳转不到0的问题解决
写小红书例子的时候遇到的问题Swiper.slideTo 无法跳转回第一个swiper-slide首先要知道这个东西正常是要咋用的//理论上这个样子就可以用了var mySwiper = new Swiper('.swiper-container');mySwiper.slideTo(1);但是现在的问题mySwiper.slideTo(0); //竟然没有用!!!!!!解决方...
2020-03-30 10:36:18 4399 5
转载 Mui 微信支付、支付宝支付
payStatement :调起微信支付接口的参数参考文档: https://pay.weixin.qq.com/wiki/doc/api/app/app.php?chapter=9_12&index=2/** * 支付 * @param {Object} payType 支付类型 * @param {Object} payStatement 调起...
2020-03-13 16:48:24 497
原创 css隐藏滚动条但保持滚动
一个小小的问题找了好多地方,很多竟然都是同一个方法并不能解决问题很烦人看我的首先可以用这个`::-webkit-scrollbar {width: 0px;}::-webkit-scrollbar-track {background-color: none;}::-webkit-scrollbar-thumb {background-color: none;}::-webk...
2019-11-30 16:10:14 749
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人