记录
GEVAS
敬畏技术网上爬的小人
展开
-
【记录】VUE transition标签的运用
运用经历记录<div> <button @click="show = !show"></button> <transition name="fade"> <div v-show="show&原创 2019-02-22 09:27:02 · 3212 阅读 · 0 评论 -
【记录】解决微信调整字体大小导致页面乱
原理:阻止ios和安卓调整字体大小时候的事件,ios通过添加css属性,安卓通过微信属性去阻止注:添加后无法通过外部更改字体大小,根据项目需求运用ios系统:body{ -webkit-text-size-adjust: 100% !important;}安卓系统:(function() { if (typeof WeixinJSBridge == "object" ...原创 2019-02-22 09:27:32 · 2669 阅读 · 2 评论 -
【记录】canvas图片合成
在一些项目需求中,例如生成含有个人信息或其他信息的海报或图片,就需要用到图片合成技术注:以下是项目中运用到的记录,需要引入jq,在图片合成中如果出现有信息没图的情况,是合成图片时基础图片尚未加载完,需要在页面中添加隐藏的img标签引用图片进行加载function showYear(id,name){ //获取画布对象 var mainCtx = getCanvasContext(i...原创 2019-02-22 09:26:21 · 116 阅读 · 0 评论 -
【记录】h5音频播放和按钮
h5音频播放顺带解决微信中浏览时音频不会自动播放html5 音频标签:<audio src="music/music01.mp3" hidden="hidden" preload loop="loop" autoplay="autoplay" id="bg">&l原创 2019-02-22 09:27:23 · 1290 阅读 · 0 评论 -
【记录】ios事件委托失效问题(即点击无效)
第一种:换dom结构完全按照语意规定,点击元素使用button,超链使用a标签第二种:把document换成selector的父元素,前提是父元素不是由JS生成的。第三种:解决的方法很巧妙,就是给需要绑定事件的元素添加一个css cursor: pointer 。...原创 2019-02-22 09:27:39 · 358 阅读 · 0 评论 -
【记录】移动端多图拼接出现白缝得解决办法
1.把装这个图片的div或者这个图片margin-top负值上去!一般margin-top:-5PX就可以了*(具体多少实际情况调)。2.把装这个图片的div或者这个图片进行浮动(float:left)3.把容器背景色换成相同色调...原创 2019-02-22 09:27:14 · 1184 阅读 · 0 评论 -
【记录】生成指定范围内随机数
// max - 期望的最大值// min - 期望的最小值 parseInt(Math.random()*(max-min+1)+min,10);Math.floor(Math.random()*(max-min+1)+min);原创 2019-02-22 09:26:05 · 213 阅读 · 0 评论 -
【记录】css 渐变 兼容ie9
https://blog.csdn.net/jiudihanbing/article/details/8372947 兼容iehttp://www.mamicode.com/info-detail-173300.html 正常兼容原创 2019-02-22 09:25:45 · 423 阅读 · 0 评论 -
【记录】js 中字典操作 添加、修改、删除
1、定义一个字典var dic = new Array();//通过申明一个Array来做一个字典2、设置值dic["q"] = "q1";//设置和修改值都可以使用该方法进行设定3、字典中项的遍历for (var key in dic) { console.log(key + ":" + dic[key]);}//可以通过上面这样的方式进行遍历,因为dic没有length属..原创 2019-02-22 09:26:53 · 4449 阅读 · 0 评论 -
【记录】ios overflow-y:scroll 滑动不流畅
css在需要滚动的容器添加,但是会伴随出现一些问题,曾遭遇时而无法滚动的情况-webkit-overflow-scrolling : touch;解决详细参考:https://www.cnblogs.com/hrone/p/10143960.html...原创 2019-02-22 09:26:45 · 686 阅读 · 0 评论 -
【记录】jq判断滚动条滚动方向
根据项目需求$(window).scroll(function(){ var before = $(window).scrollTop(); $(window).scroll(function() { var after = $(window).scrollTop(); if (before<after) { cons...原创 2019-02-22 09:26:33 · 687 阅读 · 1 评论 -
【笔记】移动端开发判断是安卓还是ios
开发移动端有一些特性安卓和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...原创 2019-02-21 14:04:36 · 300 阅读 · 0 评论 -
【记录】安卓软键盘挤压导致布局解决方法
移动端开发安卓输入框聚焦的时候,会挤压body高度导致某些布局变形,必要时根据这个判断去做调整// 检测触发resize事件var oHeight = $(document).height();$(window).resize(function(){ //ios软键盘弹出不会触发resize事件 if($(document).height() < oHeight){ ...原创 2019-02-21 14:12:03 · 607 阅读 · 0 评论 -
【记录】图片预加载
h5开发常用(function () { function isArray(obj) { return Object.prototype.toString.call(obj) === '[object Array]'; } /** * @param imgList 要加载的图片地址列表,['aa/asd.png','aa/xxx.png'] ...转载 2019-02-21 14:15:29 · 163 阅读 · 0 评论 -
【记录】移动端调用相机
移动端调用相机<input type="file" style="opacity: 0" accept="image/*" capture="camera">原创 2019-02-21 14:20:19 · 367 阅读 · 0 评论 -
【记录】移动监听横屏竖屏
开发h5时时常会有横屏观看或竖屏观看的需求,根据情况进行调整css3:@media screen and (orientation: portrait) { /*竖屏 css*/}@media screen and (orientation: landscape) { /*横屏 css*/}js:// 转屏时触发window.addEventListener("onori...原创 2019-02-21 14:26:11 · 267 阅读 · 0 评论 -
正则篇
jsfunction SubmitCk() { var reg = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/; if (!reg.test($("#txtEmail").val())) { alert("请输入正确邮箱地址") return...转载 2019-02-21 14:34:16 · 95 阅读 · 0 评论 -
【记录】时间戳转时间
function setTime(data) { var data = data; var time = new Date(data); var yyyy = time.getFullYear(); var mm = time.getMonth()+1; var dd = time.getDate(); var h = time.getHours()...原创 2019-02-21 14:35:57 · 225 阅读 · 0 评论 -
【记录】溢出隐藏省略号(一行)
css.textEllipsis { overflow: hidden !important; white-space: nowrap !important; text-overflow: ellipsis !important; word-break: normal !important; width: 100%; display: block;...原创 2019-02-21 14:37:14 · 134 阅读 · 0 评论 -
【记录】vue绑定class里类名的类型
使用vue的:class时绑定的类名最好不要有“-”原创 2019-02-21 14:39:27 · 201 阅读 · 0 评论 -
jq监听页面的滚动
1、当前滚动的地方的窗口顶端到整个页面顶端的距离: var winPos = $(window).scrollTop();2、获取指定元素的页面位置: $(val).offset().top;3、对页面滚动条滚动的监听:要放在页面加载的时候 $(window).scroll(function(event){});4、设置滚动条到指定位置。。 $(wind...原创 2019-02-21 13:55:43 · 4091 阅读 · 0 评论