日常小方法
关注
分享
扫一扫
菜鸟也能逆袭
这个作者很懒，什么都没留下…
展开
-
vue-baidu-map BMap is not defined以及基本使用
BMap is not defined ，设置中心的原创 2022-02-25 09:29:52 · 1494 阅读 · 0 评论 -
隐藏video 进度条（禁止快进）
video::-webkit-media-controls-timeline { display: none; }原创 2022-01-27 13:46:22 · 2479 阅读 · 0 评论 -
html局部滚动到某个位置
$("div").animate({ scrollTop: 300,},500);原创 2021-12-15 15:21:05 · 841 阅读 · 0 评论 -
uniapp scss之mixin的全局引入
1.创建公共scss文件@mixin border-radius($radius) { -moz-border-radius: $radius; -webkit-border-radius: $radius; -ms-border-radius: $radius; border-radius: $radius;}2.使用<style lang='scss' scoped>.cirle{ @include border-radius(10rpx);.原创 2021-10-28 14:20:53 · 4419 阅读 · 0 评论 -
video 静音非静音切换
function setMuted (id){ var myVid = document.getElementById(id); var sta = myVid.muted; if (sta == true) { myVid.muted = false; } else { ...原创 2021-08-20 17:26:14 · 1986 阅读 · 2 评论 -
swiper3 修改某一项播放速度
var homeSwiperPhone = new Swiper('.swiper-phone', { loop: false, autoplay: 10000, effect: 'fade', autoplayDisableOnInteraction: false, }); homeS...原创 2021-08-20 09:59:40 · 632 阅读 · 0 评论 -
ipone低版本页面不渲染问题
1.考虑是否使用es6写法，转成es52.是否对内容div 使用overflow:hidden;若使用transform: translate3d(0, 0, 0);即可解决原创 2021-05-12 10:01:06 · 208 阅读 · 0 评论 -
获取当前周、上一周、下一周日期数组
getLastweek: function() { let that = this; let weekDayArr = []; weekDayArr = that.setDate(that.addDate(that.currentFirstDate(),-7)); let nextWeek = that.setDate(that.addDate(that.currentFirstDate(),7)); console.log(nextWeek); let c.原创 2021-04-09 16:37:26 · 316 阅读 · 0 评论 -
pc端video的一些总结
<div class="videobg"> <video id="myvideo" controlslist="nodownload" ref="curVideo" preload="auto" controls="controls"> <source :src="caurse.video" type="video/mp4"> </video></div>1.动态给视频更换播放地址that.$ref.原创 2021-03-26 10:46:31 · 1847 阅读 · 0 评论 -
goEasy web基础版，包含表情，图片，适配pc和移动端
1.公司项目需要，做客服聊天功能，用到goEasy,官网看了一圈，web版的版本太过老旧，应用性不强，所有就自己写了一套适应项目项目需求，功能不太复杂，但包含常用的一些功能。个人比较懒，贴图说明，最后附上源码！（有问题欢迎指出）https://download.youkuaiyun.com/download/qq_35086913/15451335...原创 2021-02-24 18:27:44 · 352 阅读 · 0 评论 -
聊天表情文字
https://download.youkuaiyun.com/download/qq_35086913/13992332原创 2021-02-24 18:24:37 · 147 阅读 · 0 评论 -
获取上周日期数据
getLastweek: function() { let myDate = new Date(new Date().getTime() - 7 * 24 * 3600 * 1000) let day = myDate.getDay() let time = myDate.getDate() - day + (day === 0 ? -6 : 1) let startTime = ''; let weekDayArr = []; let getMont...原创 2021-02-24 11:26:19 · 275 阅读 · 0 评论 -
uniapp 使用plus自定义导航栏iconfont右侧自定义图标
onNavigationBarButtonTap(e) { console.log("点击了自定义按钮"); console.log(e.index);//按钮的id，根据定义的顺序0,1,2},"app-plus": { "titleNView": { "titleColor": "#333333", "backgroundColor": "#FFFFFF", "buttons": [{//title icon "fontSrc": "/static/icon...原创 2020-12-30 16:57:01 · 2847 阅读 · 0 评论 -
echart省市区三级地图下钻
<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <title>ECharts地图选择器</title> </head> <style type="text/css"> body { margin: 0; } html, body, #main { width:500px; ...原创 2020-12-01 16:46:28 · 682 阅读 · 0 评论 -
h5返回上一页面并刷新
1.window.location.href="页面";//直接跳转页面2.使用history.go(-1)时var refresh= false;window.addEventListener('pageshow', function() { if (refresh==true) { window.location.reload(); }});window.addEventListener('pagehide', function(...原创 2020-11-23 18:15:20 · 1460 阅读 · 0 评论 -
h5图形验证码
drawPic(); /**生成一个随机色**/ function randomColor(min, max) { var r = randomNum(min, max); var g = randomNum(min, max); var b = randomNum(min, max); return "rgb(" + r + "," + g + "," + b + ")"; } /**绘制验证码图片**/ function drawPic() { ...原创 2020-11-12 15:47:54 · 1074 阅读 · 0 评论 -
6位数字密码 仅能输入
<input type="number" v-model="password2" style="-webkit-text-security:disc" pattern="\d" oninput="if(value.length>6)value=value.slice(0,6)" @keydown="handleInput" />handleInput: function(e) { let a = e.key.replace(/[^\d]/g, ""); if .原创 2020-10-21 11:01:01 · 902 阅读 · 0 评论 -
html实现密码输入框效果
<div class="pay-pop-count"> <p>请输入支付密码</p> <div class="input-box"> <input class="code-input" ref="pwd" v-model="code" :maxlength="length" type="number" id="code" @keyup.13="next()" /> <label for="code.原创 2020-10-06 12:15:59 · 4113 阅读 · 1 评论 -
动态设置网站标题，关键字以及描述
$('title').html(res.data.webTitle);$("meta[name='distribution']").attr('content', res.data.webSeoDes);$("meta[name='keywords']").attr('content', res.data.webSeoKey);原创 2020-08-06 09:51:05 · 445 阅读 · 0 评论 -
transform rotate()在ios上不生效
1.transform 兼容写法-ms-transform: rotateY(180deg); -webkit-transform:rotateY(180deg); -moz-transform: rotateY(180deg); transform: rotateY(180deg); -o-transform:rotateY(180deg); /* Opera */解决方法能 在父元素上transform: perspective(1000);...原创 2020-07-30 09:57:31 · 1995 阅读 · 0 评论 -
// 把一个数组按照一定长度分割成若干数组
var itemLength = parseFloat(scoreData.length / 10); console.log(itemLength); // 把一个数组按照一定长度分割成若干数组 function gro...原创 2020-07-24 10:42:43 · 1767 阅读 · 0 评论 -
数组里面对象去重
function getUnique(obj) { var uniques = []; var stringify = {}; for (var i = 0; i < obj.length; i++) { var keys = Object.keys(obj[i]); ...原创 2020-07-11 15:48:53 · 249 阅读 · 0 评论 -
uniapp 地图选点，以及点击取消和物理返回键，出现地图页面空白问题
原创 2020-06-09 10:28:36 · 1701 阅读 · 1 评论 -
去除滚动条，以及h5页面ios滑动不流畅
1.去除滚动条::-webkit-scrollbar { display: none;}2.h5页面ios滑动不流畅设置需要滑动的元素-webkit-overflow-scrolling: touch;原创 2020-04-09 18:32:11 · 828 阅读 · 1 评论 -
解决使用vue时页面内有弹窗时禁止页面滚动 以及页面内弹窗因绝对定位导致页面压缩的问题
@touchmove.prevent当页面弹窗出现时设置 @touchmove.prevent = "false";2.页面内弹窗因绝对定位导致页面压缩的问题 造成底部导航栏固定在输入键盘上面的问题// 动态设置背景图的高度为浏览器可视区域高度// 首先在Virtual DOM渲染数据时，设置下背景图的高度． this.bodyHeight = `${documen...原创 2020-04-09 17:57:02 · 965 阅读 · 0 评论 -
解决ios input框导致的页面不回弹问题
function setwin(){ let scrollHeight = document.documentElement.scrollTop || document.body.scrollTop || 0 window.scrollTo(0, Math.max(scrollHeight - 1, 0));}原创 2020-04-09 17:45:28 · 440 阅读 · 0 评论 -
swiper模拟下拉选择
/*JS部分*/;(function(){function hSdrop(options){var self=this;self=$.extend(self,{els:'',},options);$(self.els).click(function(e){self.init(this);})}hSdrop.prototype={init:function(el){var kl=''kl+...原创 2020-10-23 18:24:09 · 872 阅读 · 0 评论 -
监听微信返回事件
//监听微信返回事件 pushHistory(); window.addEventListener("popstate", function(e) { $('.return-ans').show();//要做的处理 }, false); function pushHistory() { var state = { title: "title", ur...原创 2020-03-04 17:09:15 · 4195 阅读 · 0 评论 -
头像上传功能实现，不使用控件
<input type="file" id='preview' @change="previewImage" id="file" accept="image/*">previewImage:function(){ var that = this; userAccessToken = localStorage.getItem('userAccessToken'); var ...原创 2020-02-22 15:09:36 · 274 阅读 · 0 评论 -
字体模糊效果
<b class="no-vip">·<span>市场经理</span></b>.novip span { -webkit-transform: scale(0.9); box-shadow: 0 0 43px 4px white; text-shadow: 0 0 10px black; opacit...原创 2019-12-18 14:08:06 · 255 阅读 · 0 评论 -
解决移动端物理键返回上一页不会刷新
/**物理键（手机返回键）事件监听监听*/ $(document).ready(function() { window.history.pushState("","","#"); }); window.addEventListener("popstate",function(e){ location.href = "上...原创 2019-10-18 11:35:00 · 764 阅读 · 0 评论 -
禁止微信浏览器修改默认字体
<script> //禁止微信内置浏览器调整字体大小 (function () { if (typeof WeixinJSBridge == "object" && typeof WeixinJSBridge.invoke == "function") { handleFontSize(); } e...原创 2019-04-16 09:36:18 · 1091 阅读 · 0 评论 -
禁止用户对页面内容进行复制
onmousemove=/HideMenu()/ oncontextmenu="return false" ondragstart="return false" onselectstart ="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="r...原创 2019-04-16 09:44:30 · 353 阅读 · 0 评论 -
移动端开发：使用搜索框时，键盘可以出现“搜索“俩字，并且可以“回车(Enter)“开始搜索......
<input type='search' id='search'>$('#search).bind('search',function(){});需要注意的是，input[type=search]，在用户输入时，默认情况下会自动在输入框最右侧出现一个 ‘X’，是为了方便用户点击清除所输入的内容，但是这个 X 的默认样式却可能机型不一样而不同，有的是默认一个蓝色的X，很不美观...原创 2019-04-16 16:37:05 · 869 阅读 · 0 评论 -
js判断浏览器类型
判断刘浏览器类型pc还是移动function browserRedirect() { var sUserAgent = navigator.userAgent.toLowerCase(); var bIsIpad = sUserAgent.match(/ipad/i) == "ipad"; var bIsIphoneOs = sUserAgent.match(...原创 2019-04-16 16:45:29 · 105 阅读 · 0 评论 -
网页加载图片处理
如果你的网页使用了很多隐藏图片文件（例如：鼠标悬停展示的图片），那么图片的预加载是有意义的：$.preloadImages = function () {for (var i = 0; i < arguments.length; i++) {$('<img>').attr('src', arguments[i]);}};$.preloadImages('img/...原创 2019-04-16 16:50:41 · 224 阅读 · 0 评论 -
设置ajax请求为同步
Ajax请求默认的都是异步的如果想同步 async设置为false就可以（默认是true）var html = $.ajax({ url: "some.php", async: false}).responseText;或者在全局设置Ajax属性$.ajaxSetup({ async: false });再用post，get就是同步的了...原创 2019-04-16 17:08:48 · 401 阅读 · 0 评论 -
解决自定义方法或其他类库与jQuery的冲突
很多时候我们自己定义了$(id)方法来获取一个元素，或者其他的一些js类库如prototype也都定义了$方法，如果同时把这些内容放在一起就会引起变量方法定义冲突，Jquery对此专门提供了方法用于解决此问题。使用jquery中的jQuery.noConflict();方法即可把变量$的控制权让渡给第一个实现它的那个库或之前自定义的$方法。之后应用Jquery的时候只要将所有的$换成jQuer...原创 2019-04-16 17:09:53 · 199 阅读 · 0 评论 -
几个有用的jQuery方法
$.browser.浏览器类型：检测浏览器类型。有效参数：safari, opera, msie, mozilla。如检测是否ie：$.browser.isie，是ie浏览器则返回true。$.each(obj, fn)：通用的迭代函数。可用于近似地迭代对象和数组（代替循环）。如$.each( [0,1,2], function(i, n){ alert( "Item #" + i...原创 2019-04-16 17:11:34 · 136 阅读 · 0 评论 -
完善的jq事件处理功能
Jquery已经为我们提供了各种事件处理方法，我们无需在html元素上直接写事件，而可以直接为通过jquery获取的对象添加事件。如：$("#msg").click(function(){alert("good")}) //为元素添加了单击事件$("p").click(function(i){this.style.color=['#f00','#0f0','#00f'][i]})/...原创 2019-04-17 15:20:47 · 242 阅读 · 0 评论