炒鸡酷炫
junyu1024
这个作者很懒,什么都没留下…
展开
-
column瀑布流布局
column瀑布流布局原创 2022-11-16 16:20:05 · 148 阅读 · 0 评论 -
html防止前端项目读取旧的缓存
html防止前端项目读取旧的缓存。转载 2022-08-11 15:58:28 · 303 阅读 · 0 评论 -
grid布局两行或多行样式
grid布局两行或多行样式。原创 2022-07-28 19:14:30 · 739 阅读 · 0 评论 -
随机正整数
// 2-10之间的随机数,但不包含10const nub = 2 + Math.floor(Math.random()*(10 - 2))// 2-10之间的随机数,包含10const nub = 2 + Math.floor(Math.random()*(10 - 2 + 1))// min - max之间的随机数公式(如果需要包含max,则max-min+1即可)// min + Math.floor(Math.random()*(max - min))js获取区间内的随机整数..原创 2021-07-16 15:57:47 · 309 阅读 · 0 评论 -
记录vue中Cropper.js裁切插件的使用
git地址:https://github.com/fengyuanchen/cropper官方演示地址:https://fengyuanchen.github.io/cropper/1、下载:npm install cropperjs2、main.js中引入:import Cropper from 'cropperjs'3、初始化:<img src="https://fengyua...原创 2020-03-30 17:20:44 · 1064 阅读 · 0 评论 -
自动播放背景音乐兼容ios
<audio id="bg-music" src="1.mp3" autoplay="autoplay" controls></audio>// DOM中的内容加载完毕之后,调用函数document.addEventListener('DOMContentLoaded', musicInWeixinHandler);function musicInWeixi...原创 2019-12-30 17:59:53 · 392 阅读 · 0 评论 -
向数组的json中添加数据
var j =[{"name":"caocao","sex":"男"}]; j[0].age='18'console.log(j)具体效果请按F12打开控制台,复制粘贴+回车原创 2018-05-22 17:25:40 · 64582 阅读 · 4 评论 -
前端ajax传值中文汉字的传递方法
var array = '这是需要传递给后台的中文数据'//只需要在ajax中的data里利用js的encodeURI()方法把数据转换成中文的编码就可以了$.ajax({ type: "GET", url: "/ask/subQuestion", dataType: 'json', data: {...原创 2018-05-31 18:30:09 · 10029 阅读 · 0 评论 -
微信小程序点击switchTab不刷新
当switchTab点击过的时候,只有第一次加载数据,第二次点击的时候是不刷新数据的,这个时候只要在需要每次点击都刷新数据的switchTab页的js里加上onShow的方法即可 onShow:function(e){ this.onLoad(); },...原创 2018-06-08 10:51:56 · 2210 阅读 · 0 评论 -
微信小程序POST传递数据
wx.request({ url: 'url', data: { userId:userId }, method: 'POST', header: { 'content-typ...原创 2018-06-27 10:05:53 · 1067 阅读 · 0 评论 -
移动端贼好用的时间选择插件
mobiscroll 官方地址 :https://mobiscroll.com/下载地址: https://share.weiyun.com/5u6WDqi <input type="text" id="txtBirthday" name="birthday" value=""/> var currYear = (new Date()).getFullYe...原创 2018-09-10 11:31:38 · 12235 阅读 · 4 评论 -
js时分秒抢购倒计时
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>js时分秒毫秒倒计时</title> </head> <body> <div>...原创 2018-11-12 09:35:36 · 507 阅读 · 0 评论 -
vue-count-to 数字滚动插件
安装:npm install vue-count-to引入:import countTo from 'vue-count-to';使用:<template> <countTo :startVal='startVal' :endVal='endVal' :duration='3000'></countTo></template...原创 2019-04-23 14:18:26 · 2864 阅读 · 0 评论 -
解决微信内播放视频完毕后,弹出微信推广视频。
经过测试只有安卓机在视频播放完毕后会出现推荐广告的情况,可以监视视频播放结束后,先执行播放视频的方法,再暂停视频,可以防止广告的显示。let isiOS = !!navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)let videoContext = document.getElementById('video'); v...原创 2019-05-20 16:34:57 · 2797 阅读 · 0 评论 -
js阻止事件冒泡
需求:点击input框会弹出一个警告信息,当点击除了input框以外的部分要求让警告信息隐藏。 $(".dk_mouth_p input").click(function (e){ $(".dk_jg").toggle(); e.stopPropagation(); }) $(document)....原创 2018-03-27 16:18:51 · 248 阅读 · 0 评论 -
vue-cli脚手架搭建
1、首先安装好node.js 登录node.js中文网http://nodejs.cn/根据自己的电脑系统下载相应的安装包;安装完成后,在cmd命令窗口中输入 node -v出现版本号后即为安装成功。2、在需要项目文件夹中按住shift键右击,选择在此处打开命令窗口。3、输入npm install vue-cli -g进行安装,安装完成后,输入vue -V然后出现版本号后代表安装完成。4、安装we...原创 2018-03-08 18:23:19 · 122 阅读 · 0 评论 -
时间戳转换时间
function timeFormat(nS) { return new Date(parseInt(("/Date("+nS+")/").substr(6, 13))).toLocaleDateString().replace(/\//g, '-');};原创 2017-11-29 17:28:03 · 216 阅读 · 0 评论 -
时间戳转几周前
function getDateDiff(dateTimeStamp){ var minute = 1000 * 60; var hour = minute * 60; var day = hour * 24; var halfamonth = day * 15; var month = day * 30;原创 2017-11-29 17:28:35 · 282 阅读 · 0 评论 -
js判断安卓客户端或IOS客户端来执行相应的方法
var u = navigator.userAgent; var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端 var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端 if(isiOS){原创 2017-11-29 17:30:18 · 309 阅读 · 0 评论 -
vue往data里添加数据
利用js的concat函数。var app=new Vue({ el:"#app", data(){ return{ data:'', card:'', type:'', grade:'', bank_bt:{ nam原创 2017-11-16 17:58:40 · 11224 阅读 · 0 评论 -
vue的v-if和v-else-if判断的应用
<div class="car_gl"> <div v-for="gl in Article"> <div class="new_box1 clearfix" v-if="gl.images.length==1"> <div class="box1_left"> <p>{{gl.title原创 2017-11-16 18:01:59 · 5709 阅读 · 0 评论 -
jq的tab切换
html:<!--菜单--><div class="menu"> <span class="active">热门</span> <span class="">帮你解答</span> <span class="">帮你识图</span> <span class="">我要分享</span></div><div class="box"> <div class原创 2017-11-24 15:44:34 · 408 阅读 · 0 评论 -
input_file上传图片(vue)
html:<input @change="fileImage" type="file" accept="image/jpeg,image/x-png,image/gif" id="" value="" />js:methods:{ fileImage:function(e){ var that=this;原创 2017-12-04 17:30:24 · 11650 阅读 · 3 评论 -
ios对于fixed属性不兼容的解决方案
最近在做支付宝口碑项目的时候的,遇到的一个的ios对position:fixed不兼容的的问题的时候的同事给出了一个解决方案,此篇博客是我简述这个解决方案(我是基于vue的写法来讲解的)。常见的需求的 是在屏幕底部定位一个div,然后里面有个的input的,此时的安卓出现的软键盘的会把这个定位的div推到上面去,但是得ios的情况吧fixed的效果失效的,或产生很大的间隔现给出的解决的方案的,就转载 2017-11-25 11:02:18 · 779 阅读 · 0 评论 -
vue规定v-for循环的次数
html:<p v-for="(lab,index) in card.label" v-if='index<=1'></p>控制for 循环的次数为两次原创 2017-12-05 17:12:46 · 41263 阅读 · 4 评论 -
利用swiper进行tab切换时,需要注意的问题。
css:.swiper-slide:{height:10px};.swiper-slide-active:{height:auto}原创 2017-12-07 16:52:19 · 7293 阅读 · 0 评论 -
常用的css技巧
1、超出几行显示滚动条 css:text-overflow:ellipsis;-webkit-line-clamp:2; //(几行)-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;2、让文字在未定义高度的容器里垂直居中 css://父元素display:table;//子元素display:tab原创 2017-12-07 17:06:15 · 163 阅读 · 0 评论 -
js获取url地址栏问号后携带的参数
function GetRequest() { var url = decodeURI(location.search); //获取url中"?"符后的字串 var theRequest = new Object(); if (url.indexOf("?") != -1) { var str = url.substr(1);原创 2017-11-17 17:08:26 · 8008 阅读 · 0 评论