摘要: 阅读全文
posted @ 2018-09-26 16:51 赵小磊 阅读(471) 评论(0) 推荐(0) 编辑
摘要: 清除 保存 Canvas画板 阅读全文
posted @ 2017-09-08 14:26 赵小磊 阅读(13744) 评论(2) 推荐(1) 编辑
摘要: /** * 将base64转换为文件对象 * (即用文件上传输入框上传文件得到的对象) * @param {String} base64 base64字符串 */ function convertBase64UrlToBlob(base64){ var base64Arr = base64.split(','); if(base64Arr.length > 1... 阅读全文
posted @ 2017-07-12 10:15 赵小磊 阅读(1122) 评论(0) 推荐(0) 编辑
摘要: 1、事件input(ie9+)、 propertychange(ie8-) 用来监听用户的输入; 字母、数字是没问题的,但是中文输入法时候不同浏览器表现不同,有的浏览器会在输入拼音时就会进入判断; 2、复合事件composition event(ie9+),用于处理IME的输入序列: (1)comp 阅读全文
posted @ 2017-02-27 11:28 赵小磊 阅读(607) 评论(0) 推荐(0) 编辑
摘要: 这个方法重点用了HTML5中的FormData ,还有es6中for of循环。 阅读全文
posted @ 2016-12-07 11:26 赵小磊 阅读(3207) 评论(0) 推荐(0) 编辑
摘要: 公司官网有这样需求,写好后,备份以后留用。 只兼容chrome、firefox、IE9+等主流浏览器。 阅读全文
posted @ 2016-05-11 19:48 赵小磊 阅读(462) 评论(0) 推荐(0) 编辑
摘要: 图片延迟加载常见的有,jquery.lazyload.js,原生JS实现的echo.js。但是都是必须给图片设置宽高。因为项目是移动端,而且无法在加载前知道图片的宽高,所以,只好自己写了一个。既然无法按照高度来计算是否在可视区内加载。那我就按照个数加载,每次加载X张图片,滚动到底部的时候再加载X张。... 阅读全文
posted @ 2016-01-20 12:01 赵小磊 阅读(2410) 评论(0) 推荐(0) 编辑
摘要: 移动项目开发中,安卓或者IOS等高分辨率屏幕会把1px的border渲染成2px来显示,网上搜了一下,解决方法如下: 一、利用css中的transform的缩放属性解决,推荐这个。如下面代码。 这个主要利用after伪类进行缩放。调用公共class,还是很方便的。 二、JS判断是否支持0.5px边框 阅读全文
posted @ 2015-12-25 14:24 赵小磊 阅读(5922) 评论(0) 推荐(0) 编辑
摘要: Alert alert("这个是一个alert弹窗");Alert 自定义参数 alert({ content: "自定义alert弹窗", btnText: "OK", boxClass: "custom-alert" }, function ... 阅读全文
posted @ 2015-09-15 13:50 赵小磊 阅读(728) 评论(1) 推荐(0) 编辑
摘要: 在网上找资料的时候,看到网上有图片加载进度的效果,手痒就自己也写了一个。图片加载完后,隐藏loading效果。想看加载效果,请ctrel+F5强制刷新或者清理缓存。效果预览:0%代码如下: HTML5+javascript实现图片加载进度动画效果 0%判断页面加载... 阅读全文
posted @ 2015-03-16 17:39 赵小磊 阅读(5801) 评论(1) 推荐(0) 编辑
摘要: 圣诞、元旦要来了,公司以往基本每个月至少要搞一两款手机小游戏来宣传产品,这次也不例外!!之前做过,按压柚子、许愿、吃柚子等等小游戏,这次是做个那种 气球向上飘动,戳破气球,随机获取奖品。如下图:手机端和PC端都有做,其中比较麻烦的就是随机生成各种颜色的气球,向上飘动。位置、大小、颜色都是随机的。。我... 阅读全文
posted @ 2014-12-16 17:36 赵小磊 阅读(2350) 评论(0) 推荐(0) 编辑
摘要: 效果预览:PS:1、昨天用3个DIV实现了太极图(点击查看),,今天试着用1个Div来做。2、公司刚忙过双10周年庆,最近空闲下来,闲着也是闲着,总得写点东西吧。3、高手莫喷,小弟仅仅是没事折腾一下,做个的记录。4、有网友反应旋转的时候会卡。5、IE浏览器,出门左拐、走好不送 ~~~实现步骤:HTM... 阅读全文
posted @ 2014-10-17 14:24 赵小磊 阅读(6452) 评论(4) 推荐(2) 编辑
摘要: 实现步骤:基础HTML: 步骤一:.box-taiji {width:400px;height:400px;position:relative;margin:50px auto;border-radius:400px;background-color:#000;box-shadow:0... 阅读全文
posted @ 2014-10-16 15:23 赵小磊 阅读(7659) 评论(9) 推荐(5) 编辑
摘要: 没搞那么复杂,工作中,基本够用。。jQuery插件:模拟select下拉菜单 请选择 语文 数学 英语 阅读全文
posted @ 2014-06-03 15:04 赵小磊 阅读(508) 评论(0) 推荐(0) 编辑
摘要: 公司的项目http://www.umfun.com/,有个说说的页面(和腾讯QQ空间说说一样),里面有个发表图片功能,上传完图片,需要点击展开的效果。当时手里面事情比较多(公司就我一个前端),忙不过来,就用插件来实现了,试了fancyBox、lightbox等jQuery插件。插件都满足不了项目各种... 阅读全文
posted @ 2014-03-18 10:15 赵小磊 阅读(3638) 评论(0) 推荐(3) 编辑
回到头部