随笔分类 -  JavaScript

摘要:清除 保存 Canvas画板 阅读全文
posted @ 2017-09-08 14:26 赵小磊 阅读(13846) 评论(2) 推荐(1)
摘要:/** * 将base64转换为文件对象 * (即用文件上传输入框上传文件得到的对象) * @param {String} base64 base64字符串 */ function convertBase64UrlToBlob(base64){ var base64Arr = base64.split(','); if(base64Arr.length > 1... 阅读全文
posted @ 2017-07-12 10:15 赵小磊 阅读(1207) 评论(0) 推荐(0)
摘要:getFileSize(file) { var size = file.size / 1024; var aMultiples = ["KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"]; var fileSizeStrin... 阅读全文
posted @ 2017-06-15 11:59 赵小磊 阅读(485) 评论(0) 推荐(0)
摘要:1、事件input(ie9+)、 propertychange(ie8-) 用来监听用户的输入; 字母、数字是没问题的,但是中文输入法时候不同浏览器表现不同,有的浏览器会在输入拼音时就会进入判断; 2、复合事件composition event(ie9+),用于处理IME的输入序列: (1)comp 阅读全文
posted @ 2017-02-27 11:28 赵小磊 阅读(633) 评论(0) 推荐(0)
摘要:这个方法重点用了HTML5中的FormData ,还有es6中for of循环。 阅读全文
posted @ 2016-12-07 11:26 赵小磊 阅读(3254) 评论(0) 推荐(0)
摘要:/** * 文本框根据输入内容自适应高度 * @param {HTMLElement} 输入框元素 * @param {Number} 设置光标与输入框保持的距离(默认0) * @param {Number} 设置最大高度... 阅读全文
posted @ 2016-09-09 17:15 赵小磊 阅读(239) 评论(0) 推荐(0)
摘要:使用typeof是无法判断function和array的,这里使用Object.prototype.toString方法。 阅读全文
posted @ 2016-08-26 16:57 赵小磊 阅读(184) 评论(0) 推荐(0)
摘要:倒计时 天 时 分 秒 天 时 分 秒 阅读全文
posted @ 2016-08-14 01:56 赵小磊 阅读(236) 评论(0) 推荐(0)
摘要:无论移动端还是PC端都会有这样的列表,网上查了一下,实现的方式都不完美。有时候UI那边相差1px都会给你逼逼逼。所以还是折腾一下吧。 我们都知道text-align:justify,但是它不处理块内的最后一行文本,所以,为了实现该功能,又不想增加额外的标签,最终用了伪类 :after。 仅仅这样是不 阅读全文
posted @ 2016-06-22 14:29 赵小磊 阅读(2255) 评论(0) 推荐(0)
摘要:公司官网有这样需求,写好后,备份以后留用。 只兼容chrome、firefox、IE9+等主流浏览器。 阅读全文
posted @ 2016-05-11 19:48 赵小磊 阅读(485) 评论(0) 推荐(0)
摘要:如果你看过jQuery/angularJS等一些库的源码,是不是会经常看到如下的形式:(function( window, angular, undefined ) { //do something})(window, window.angular);为什么要这么写呢?这么写有哪些好处,下面我... 阅读全文
posted @ 2016-01-22 09:51 赵小磊 阅读(256) 评论(0) 推荐(0)
摘要:图片延迟加载常见的有,jquery.lazyload.js,原生JS实现的echo.js。但是都是必须给图片设置宽高。因为项目是移动端,而且无法在加载前知道图片的宽高,所以,只好自己写了一个。既然无法按照高度来计算是否在可视区内加载。那我就按照个数加载,每次加载X张图片,滚动到底部的时候再加载X张。... 阅读全文
posted @ 2016-01-20 12:01 赵小磊 阅读(2425) 评论(0) 推荐(0)
摘要:这些库的共性是非常小,而且功能单一。cookie.js如果你操作过cookie的接口,那么你一定会感觉这东西的规范真的是太复杂了,根本记不住啊,其实你是对的,因为cookie的接口设计的是有问题的,也就是说设计的太底层了,根本不友好,那么来试试这个js库吧。store.js再来说说浏览器的local... 阅读全文
posted @ 2016-01-06 10:08 赵小磊 阅读(253) 评论(0) 推荐(0)
摘要:/* * JavaScript MD5 1.0.1 * https://github.com/blueimp/JavaScript-MD5 * * Copyright 2011, Sebastian Tschan * https://blueimp.net * * Licensed under th... 阅读全文
posted @ 2015-10-10 10:46 赵小磊 阅读(264) 评论(0) 推荐(0)
摘要:Alert alert("这个是一个alert弹窗");Alert 自定义参数 alert({ content: "自定义alert弹窗", btnText: "OK", boxClass: "custom-alert" }, function ... 阅读全文
posted @ 2015-09-15 13:50 赵小磊 阅读(757) 评论(1) 推荐(0)
摘要://将编码转换成字符 function utf8ToChar(str) { var iCode, iCode1, iCode2; iCode = parseInt("0x" + str.substr(1, 2)); iCode1 = parse... 阅读全文
posted @ 2015-05-18 18:39 赵小磊 阅读(913) 评论(1) 推荐(0)
摘要:点击下载文件 点击下载文件 点击下载文件 点击下载文件 在360桌面开发平台里面, 下载图片直接:window.external.wappDownloadF... 阅读全文
posted @ 2015-05-09 20:09 赵小磊 阅读(1014) 评论(0) 推荐(0)
摘要:简易模拟微信摇一摇 摇晃结果摇晃结果的其他信息哈哈哈 1、 获取设备信息 2、 摇晃判断 3、 简易模拟微信摇一摇 阅读全文
posted @ 2015-03-31 11:46 赵小磊 阅读(495) 评论(0) 推荐(0)
摘要:在网上找资料的时候,看到网上有图片加载进度的效果,手痒就自己也写了一个。图片加载完后,隐藏loading效果。想看加载效果,请ctrel+F5强制刷新或者清理缓存。效果预览:0%代码如下: HTML5+javascript实现图片加载进度动画效果 0%判断页面加载... 阅读全文
posted @ 2015-03-16 17:39 赵小磊 阅读(5863) 评论(1) 推荐(0)
摘要:方法1:CSS@media (orientation: portrait) { } 横屏@media (orientation: landscape) { }竖屏横屏竖屏方法2:JS//判断手机横竖屏状态:function hengshuping(){ if(window.orientation=... 阅读全文
posted @ 2014-09-17 11:39 赵小磊 阅读(556) 评论(0) 推荐(0)

回到头部