- 博客(17)
- 收藏
- 关注
原创 手机端头像上传前端压缩
参考以下俩个网站内容编写https://yiiouo.github.io/2017/03/20/h5%E5%9B%BE%E7%89%87%E4%B8%8A%E4%BC%A0%E5%A4%84%E7%90%86%E6%80%Bhttp://www.cnblogs.com/axes/p/4603984.html
2017-06-05 16:16:50
912
原创 关于微信开发记录
//开发情况是前后端完全分离微信授权appid//为改授权公众号的appidredirect_uri//为微信回调后台的接口地址redirect_uri2//为后台回调前端地址window.location.href = "https://open.weixin.qq.com/connect/oauth2/authorize?appid="+appid+"&redir
2016-12-20 15:43:31
430
原创 requirejs,简单示例
了解requirejs,建议观看阮一峰老师写的博客http://www.ruanyifeng.com/blog/2012/11/require_js.htmlrequirejs在页面底部调用 Document body{ margin:0px; padding:0px; } header{ height:44px; backgr
2016-09-22 10:55:07
1309
原创 抢购倒计时
function showtime(s){ var day=parseInt(s/(1000*60*60*24)); var hour=parseInt((s-(day*1000*60*60*24))/(1000*60*60)); var minute=parseInt((s-day*1000*60*60*24-hour*1000*60*60)/(1000*60));
2016-09-05 18:26:57
353
原创 图片延迟加载
//图片懒加载$(document).scroll(function(){imgload();}//在加载数据时,把图片地址存在imgdata属性里,img初始时用一张很小的很小的透明图代替,等滑到图片所在位子时,才把图片地址赋给img标签,加载此图片 function imgload(){ $("img").not("img.active").each(function(
2016-08-27 16:42:52
516
原创 移动端上滑加载更多
//滚动条滚动 $(document).scroll(function(){ var wheight=$(window).height(); var sheight=$(document).scrollTop(); var dheight=$(document).height(); // 上拉加载更多 ,当滚动条滑动到底部时 if(dheight-sheight==wheig
2016-08-27 16:32:36
4716
转载 移动端页面下拉刷新,
//content为滑动的对象,way为滑动的方向function update(content,way){ var _start = 0, _end = 0, _content = $(content)[0]; _content.addEventListener("touchstart",touchStart,false); _
2016-08-27 16:27:05
3324
原创 在canvas里绘制多个图像并且旋转图像
$(function() { var $my_canvas=$("#myCanvas"); var my_canvas=$my_canvas[0]; var context=my_canvas.getContext("2d"); // context.fill //ctx.fillStyle="#0000ff";
2016-08-02 15:48:16
12073
1
转载 谷歌浏览器canvas画图片不显示问题解决
$(function() { var $my_canvas=$("#myCanvas"); var my_canvas=$my_canvas[0]; var context=my_canvas.getContext("2d"); // var footprint_img=document.getElementById("footprint")
2016-08-02 13:36:41
2401
转载 ios动态修改title无效的处理方式
var $body = $('body');document.title = '这里是要修改成的新标题';var $iframe = $('');$iframe.on('load',function() { setTimeout(function() { $iframe.off('load').remove(); }, 0);}).appendTo($
2016-07-28 17:24:56
1480
原创 微信分享菜单栏显示,隐藏
如果在页面上禁止了分享,在分享页需要加上显示分享菜单才可以,不然在ios上会出现所有都无法分享 在自己分享的js里头改,有可能不是下面的那样,但是都是'showOptionMenu,'hideOptionMenu这俩个function onBridgeReady(){ //WeixinJSBridge.call('showOptionMenu'); //显示菜单 Weixi
2016-07-27 10:23:50
5435
1
原创 左右布局,左侧固定右侧自适应,全屏
当元素出现在显示区域时元素向上滑动出现 .containter{ overflow: hidden; min-width:960px; min-height: 680px; } .aside{ width:300px; padding-bottom: 9000
2016-07-26 16:02:52
646
转载 中文传参
一:Js的Url中传递中文参数乱码问题,重点:encodeURI编码,decodeURI解码:1.传参页面Javascript代码:// function send(){var url = "test01.html";var userName = $("#userName").html();window.open(encodeURI(url + "?userName="
2016-07-16 10:10:34
321
原创 无缝轮播代码例子
Document .pic{ float: left; } .clearfix{ clear: both; } .scroll{ background: red; width:432px; height:103px; overflow: hidden; margin:0 auto; } .scrollview{ f
2016-07-03 13:05:59
358
转载 简易的轮播效果实现
var count=0,t; $(function(){ show(); stop(); }); function show(){ count=(count==4?0:count); $("#scroll ul li").eq(count).
2015-02-09 15:20:20
374
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人