- 博客(24)
- 收藏
- 关注
RSS订阅原创 【记录】ios事件委托失效问题（即点击无效）
第一种：换dom结构完全按照语意规定，点击元素使用button，超链使用a标签第二种：把document换成selector的父元素，前提是父元素不是由JS生成的。第三种：解决的方法很巧妙，就是给需要绑定事件的元素添加一个css cursor: pointer 。...
2019-02-22 09:27:39
334
原创 【记录】解决微信调整字体大小导致页面乱
原理：阻止ios和安卓调整字体大小时候的事件，ios通过添加css属性，安卓通过微信属性去阻止注：添加后无法通过外部更改字体大小，根据项目需求运用ios系统：body{ -webkit-text-size-adjust: 100% !important;}安卓系统：(function() { if (typeof WeixinJSBridge == "object" ...
2019-02-22 09:27:32
2604
2
原创 【记录】h5音频播放和按钮
h5音频播放顺带解决微信中浏览时音频不会自动播放html5 音频标签：<audio src="music/music01.mp3" hidden="hidden" preload loop="loop" autoplay="autoplay" id="bg">&l
2019-02-22 09:27:23
1286
原创 【记录】移动端多图拼接出现白缝得解决办法
1.把装这个图片的div或者这个图片margin-top负值上去！一般margin-top:-5PX就可以了*（具体多少实际情况调）。2.把装这个图片的div或者这个图片进行浮动（float：left）3.把容器背景色换成相同色调...
2019-02-22 09:27:14
1163
原创 【记录】VUE transition标签的运用
运用经历记录<div> <button @click="show = !show"></button> <transition name="fade"> <div v-show="show&
2019-02-22 09:27:02
3184
原创 【记录】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
4420
原创 【记录】ios overflow-y:scroll 滑动不流畅
css在需要滚动的容器添加，但是会伴随出现一些问题，曾遭遇时而无法滚动的情况-webkit-overflow-scrolling : touch;解决详细参考：https://www.cnblogs.com/hrone/p/10143960.html...
2019-02-22 09:26:45
678
原创 【记录】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
646
1
原创 【记录】canvas图片合成
在一些项目需求中，例如生成含有个人信息或其他信息的海报或图片，就需要用到图片合成技术注：以下是项目中运用到的记录，需要引入jq，在图片合成中如果出现有信息没图的情况，是合成图片时基础图片尚未加载完，需要在页面中添加隐藏的img标签引用图片进行加载function showYear(id,name){ //获取画布对象 var mainCtx = getCanvasContext(i...
2019-02-22 09:26:21
107
原创 【记录】生成指定范围内随机数
// max - 期望的最大值// min - 期望的最小值 parseInt(Math.random()*(max-min+1)+min,10);Math.floor(Math.random()*(max-min+1)+min);
2019-02-22 09:26:05
205
原创 【记录】css 渐变 兼容ie9
https://blog.csdn.net/jiudihanbing/article/details/8372947 兼容iehttp://www.mamicode.com/info-detail-173300.html 正常兼容
2019-02-22 09:25:45
418
原创 【记录】溢出隐藏省略号(一行）
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
127
原创 【记录】时间戳转时间
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
219
转载 正则篇
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
91
原创 【记录】移动监听横屏竖屏
开发h5时时常会有横屏观看或竖屏观看的需求，根据情况进行调整css3：@media screen and (orientation: portrait) { /*竖屏 css*/}@media screen and (orientation: landscape) { /*横屏 css*/}js:// 转屏时触发window.addEventListener("onori...
2019-02-21 14:26:11
263
原创 【记录】移动端调用相机
移动端调用相机<input type="file" style="opacity: 0" accept="image/*" capture="camera">
2019-02-21 14:20:19
358
转载 【记录】图片预加载
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
159
原创 【记录】安卓软键盘挤压导致布局解决方法
移动端开发安卓输入框聚焦的时候，会挤压body高度导致某些布局变形，必要时根据这个判断去做调整// 检测触发resize事件var oHeight = $(document).height();$(window).resize(function(){ //ios软键盘弹出不会触发resize事件 if($(document).height() < oHeight){ ...
2019-02-21 14:12:03
598
原创 【笔记】移动端开发判断是安卓还是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
288
原创 jq监听页面的滚动
1、当前滚动的地方的窗口顶端到整个页面顶端的距离： var winPos = $(window).scrollTop();2、获取指定元素的页面位置： $(val).offset().top;3、对页面滚动条滚动的监听：要放在页面加载的时候 $(window).scroll(function(event){});4、设置滚动条到指定位置。。 $(wind...
2019-02-21 13:55:43
4058
原创 PIXI学习历程 -- 持续更新
开头先贴上PIXI官方文档入门到制作小游戏过程链接：https://github.com/Zainking/learningPixi ；以下是个人自我摸索的过程，有好的建议和错误欢迎指出~~目前使用PIXI 4.8.2版本：PIXI是一个使用到webGL技术的前端游戏引擎，会自动判别当前浏览器是否支持webGL，如果不支持自动转为canvas渲染。经过简单测试兼容性，流畅度还未遇到大的...
2018-12-21 11:51:28
1616
2
原创 记录：vue中使用axios添加了babel-polyfill和es6-promise在ie下依然app.js报错页面一片空白的解决办法
最近一个vue开发的项目，事先已经兼容ie9+，但是最后写完整个项目后chrome，firefox下完美运行，可是用ie的时候却一片空白？？？？？网上找了很多方法都是已经做好的ie兼容babel-polyfill、es6-promise。但是为什么还是不行？？好吧点进去看看 =>最后一行看到了是在自己写的请求文件mainPublic.js里出问题了，去看了一下代码发现原来是axio...
2018-11-20 11:18:18
4693
2
原创 自动编译sass和补全兼容css
自动编译sass和补全兼容css开发过程中某些css3需要写兼容，同时使用sass，之前是使用webstorm自动补全功能和koala的自动编译sass功能，因为每次开发都要打开koala或者换设备开发都要另外准备编译器会觉得小麻烦，故配置了一下直接自动编译和拥有自动补全私有属性的方法，现简单记录下；下载ruby并安装（前提有node.js）；https://rubyinstall...
2018-10-23 17:18:16
1264
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人