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