自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(33)
  • 收藏
  • 关注

原创 uni app 开发小程序 rich-text标签加载富文本报错 RangeError: Maximum call stack size exceeded

【代码】uni app 开发小程序 rich-text标签加载富文本报错 RangeError: Maximum call stack size exceeded。

2023-04-26 16:53:05 594

原创 h5 input获取焦点,键盘弹出遮挡问题解决

键盘弹出遮挡问题方案1var originalHeight = document.documentElement.clientHeight || document.body.clientHeight;window.onresize = function() { var resizeHeight = document.documentElement.clientHeight || document.body.clientHeight; if (resizeHeight - 0 < origin

2021-09-24 10:49:03 312

原创 vue上线滚动公告效果

<div class="swiper_info"> <img class="icon" src="@/assets/img/msg.png" alt> <ul> <li v-for="(item,index) in newHotList" :key="index" :class="!index && play ? 'toUp' : ''"> {{item.nickName}} <span>{{item.

2021-03-11 14:00:22 340

原创 vue嵌套app底部导航,安全区相关问题

vue项目嵌套app,全屏手机,底部tabbar 安全距离设置(被底部黑线遮挡)相关问题1、index.html 相关配置<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=0,viewport-fit=cover">注意:默认不添加扩展是 viewport-fit=contain,需要适配 iPhoneX 必须设置viewport-fit=cover,这是适配的关键步骤,en

2021-03-11 10:54:49 1882 2

原创 获取前30天日期

获取当前日期,前30天日期,数组 1.方法1 getMouthDate(){ this.nowDate = new Date().toLocaleDateString(); this.titleDate = []; for (var i = 0; i < 30; i++) { this.titleDate.push( new Date(new Date().setDate(new Date().getDate() - i) ).toLocaleDat

2021-03-09 10:19:16 1172

原创 vue输入框获取焦点,键盘弹起问题

vue输入框获取焦点,键盘弹起问题<input class="labelinput" placeholder="请输入您的姓名" type="text" v-model="myname" @blur="handleblur" > ><script> computed: { scrollHeight() { return document.documentElement.scrollTop || wind

2021-03-09 09:50:37 836 1

原创 vue对话框,保持在最底部

vue 对话,保持在最底部<div class="recordmain" id="scroll">相关内容内容</div> this.$nextTick(() => { var container = this.$el.querySelector("#scroll>div:last-child"); container.scrollIntoView(); });#scroll{ overflow: auto;}...

2021-03-05 17:08:33 679 1

原创 2021-02-02

移动端视频置于最顶层问题移动端页面内有视频(video),一下安卓手机会将视频浮在最顶层,包括置于遮罩顶部,使用z-indx 无效<video width="100%"   height="5rem" controls /*播放控件*/ webkit-playsinline="true" /*ios 10中设置可以让视频在小窗内播放,也就是不是全屏播放*/ x-webkit-airplay="true" playsinline

2021-02-02 21:33:31 93

原创 快速增加图片大小KB

快速增加图片大小KB1、新建空文件夹2、放入准备需要增大的图片 00.png3、放入准备撑体积的其他文件 aa.doc4、新建一个.txt 文件,输入内容 COPY00.png/B +aa.doc = 01.png 解释:(COPY 原图文件名.png /B + 混子文件名.doc = 生成图文件名.png)5、此时文件夹中,应该包含有原图片、混子文件、输入了命令的文本文档;6、将新建的文本文件后缀.txt改为.bat,并保存;7、双击执行,得到新图文件...

2020-12-04 14:41:27 5158

原创 js 图片转base流

function getImgBase(url,callback) { var canvas = document.createElement('canvas'), ctx = canvas.getContext('2d'), img = new Image; img.crossOrigin = 'Anonymous'; img.onload = function() { canvas.height = img.height; canvas.width = img.width; ctx

2020-11-20 16:48:24 310

原创 jq图片上传,页面回显

页面上传图片回显html<div class="img_list"><div class="pic_list"> <div class="item"><img src="front-img/ass_toppic.png"><span class="close" onclick="del(this)"></span></div> <div class="upload"> <input type=

2020-11-20 16:44:41 354

原创 h5监听手机键盘弹起

h5监听手机键盘弹起ua=window.navigator.userAgent.toLocaleLowerCase();isIos=/iphone|ipad|ipod/.test(ua)isAndroid=/android/.test(ua)// ------android-------//获取原窗口的高度var originalHeight=document.documentElement.clientHeight ||document.body.clientHeight;window.

2020-11-20 16:38:25 404

原创 2020-11-20

zepto.fullpage.js 移动端全屏滚动,上滑不灵活问题解决结构$('.wp').on('touchmove',function(e){  e.preventDefault();});

2020-11-20 15:41:46 59

原创 2020-09-27

vue 启动项目到一半卡住 (原因之一)console.log()时,自动导入了 import { log } from ‘util’; 导致编译卡住,删除后编译正常。

2020-09-27 13:47:58 108

原创 数组移除/过滤项

1、找到与值匹配的项,然后移除 var Array = [1,2,3,4,5]; var value=2;//移除值是2 var key = Array.indexOf(value)//找到数组中移除项的下标 Array.splice(key, 1) console.log(Array)2、移除指定项var Array = [1,2,3,4,5]Array.splice(1,1); // 不接收返回结果console.log(Array) // [1,3,4,5]

2020-09-03 14:44:52 205

原创 js活动距离倒计时

function formatNum(n){ if(n>9) { return ''+n; }else{ return '0'+n; }}function times(){ var enddate=new Date('2020/08/23 00:00:00'); var mydate=new Date(); var strTimes=''; var t=enddate.getTime()-mydate.getTime(); strTimes=forma

2020-08-22 11:34:23 181

原创 js 答题单选+多选,提交值键值对数据拼接

键值对数据拼接list=[{ title: "1、成绩不好就", answer: [{ name: "A、新版本不不不不不三星步行街哈睡不醒哈上下小巴蛇", checked: false }, { name: "B、ggggggggg", checked: false } ] id: 12, type: 1 }, { title: "2、成绩不好就222", answer: [{ name: "A、巴蛇2",

2020-07-28 16:59:12 424

原创 js 日期格式化

js 日期格式化dateFormat(date, format) { format = format || 'yyyy-MM-dd hh:mm:ss'; if (date !== 'Invalid Date') { let o = { "M+": date.getMonth() + 1, //month "d+": date.getDate(), //day "h+": date.getHours(), //hour "m+": date.g

2020-07-13 10:35:28 216

原创 js截取最后一个斜杠之后的内容

js截取最后一个斜杠之后的内容var str="http://one-piece-dev.oss-cn-qingdao.aliyuncs.com/upload/20200608/25adcd17958d8a983859cb0e594f1d1c.pdf";getName(str){ // lastIndexOf() 字符从右向左首次出现位置索引 // IndexOf() 字符从左向右首次出现位置索引 var name=str.substring(str.lastIndexOf("/")+

2020-07-09 16:20:21 2360

原创 js字符串数组之间的转换

1、字符串转数组var str="1,2,3,4,5"var arr= str.split(",");console.log(arr)2、数组转字符串拼接var arr=[1,2,3,4]var str=""arr.forEach(item=>{ str+=item+","})console.log(str.substring(0,str.length-1))

2020-07-03 13:13:02 206

原创 app嵌套h5监听返回事件

ios app 嵌套h5,点击左上角返回时,页面不刷新的坑window.onpageshow=function(e){ if(e.persisted) { //相关操作 } };

2020-07-03 11:12:01 1986

原创 小程序--跳转传参

小程序–跳转传参1、-------------------wx.navigateTo({ url: '../dynamicdetail/dynamicdetail?id=' + that.data.id+"&share_id=" + that.data.share_id })2、---------------------var list= this.data.list; /...

2020-03-09 16:39:40 97

原创 h5 html页面生成图片

h5 html页面生成图片引入html2canvas.min.js<div class="success_content"> <!--页面生成图片存放--> <div class="shareImg" id="shareImg"></div> <!--需要生成得内容--> <div class="center_m...

2020-03-02 10:55:20 813

原创 vue html2canvas页面生成图片

vue html2canvas页面生成图片npm install html2canvas页面引入<template> <div class="shareImg" id="shareImg"></div> <div class="mask_main" id="posterId">需要生成图片的内容</div></temp...

2020-02-24 16:53:29 612

原创 vue点击加载更多+滑动导航吸顶效果

<template> <div class="news_main" :class="isFixed?'padding_bottom':''"> <ul class="news_tab_menu" :class="isFixed?'fixed_top':''"> <li :class="current==in...

2020-02-24 16:32:43 495

原创 vue-swiper走马灯无限循环

<template> <div class="line_one" :style="barrageIsShow?'opacity:1':'opacity:0'" v-if="barrageList"> <div class="swiper-container swiper-container1 swiper-no-swiping"> ...

2020-02-24 16:10:48 2137

原创 js textarea \r\n换成br

js textarea \r\n换成br<textarea v-model="remark"></textarea>----------------this.remark = this.remark.replace(/\r\n/g, "<br>").replace(/\n/g, "<br>").replace(/\s/g, " ")...

2020-01-21 17:19:18 550

原创 vue 按钮点击前一天,后一天改变日期

js 年月日 格式化日期 convertToDate(date) { //格式化日期 var date = new Date(date); var y = date.getFullYear(); var m = date.getMonth() + 1; var d = date.getDate(); m = m < ...

2020-01-21 16:41:31 1271

原创 vue 数据赋值不修改原有数据

vue 数据赋值不修改原有数据 let list=(JSON.parse(JSON.stringify(this.olist)));

2020-01-17 11:22:10 2295

原创 better-scroll实现上下拉加载效果

vue 使用better-scroll实现上下拉加载效果安装插件npm install better-scroll --save页面使用<script> import Bscroll from "better-scroll"; export default { data() { return { isPullDown: false, ...

2020-01-11 20:01:14 545

原创 css3 左右晃动效果

css3 左右晃动效果<div class="box"></div><style> *{ padding:0; margin:0; } .box{ width:100px; height:100px; background:#098; margin:20px auto; -webkit-animation: rock 1s ...

2020-01-11 18:45:31 4848 1

原创 vue 监听控制textarea输入字数

vue 监听控制textarea输入字数<textarea v-model="content" ref="focusTextarea" id="focusTextarea"></textarea><span class="text">{{content.length}}/400</span>//监听watch:{ content(){...

2020-01-11 17:14:07 2168

原创 absolute宽高不确定,水平垂直居中

css3 box宽高不确定,水平垂直居中<div class="box"></div>.box{ position:absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}

2019-12-26 17:54:30 601

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除