js 常见方法
花胖胖
不舍而记,惆怅而不忆
展开
-
移动端图片转base64上传 --File API
需求:移动端上传图片要进行压缩控制大小方法:利用File API处理文件一、文件(File)接口介绍: File 对象是来自用户在<input>元素上选择文件后返回的 Filelist 对象,也可以是自由拖放操作生成的DateTransfer 对象,或者来自 HTMLCanvasElement上的 mozGetAsFile() API. File 对象是特殊类型的Blob,...翻译 2018-04-10 17:02:13 · 1993 阅读 · 0 评论 -
js的几种常用循环
/** * Created by acer on 2018/4/11. */var arr = [1,2,3,4];var A = {a:1,b:2,c:3,d:'hello world'}; // enumberable对象//常见的、写法复杂的循环方式: for() 循环——可循环数组和对象、json数据 for(var i = 0;i < arr.length;i++){原创 2018-04-11 21:25:15 · 624 阅读 · 0 评论 -
发送短信验证码倒计时
<!DOCTYPE html><html lang="cn"><head> <meta charset="UTF-8"> <title>短信验证码</title></head><body><input typ原创 2018-04-11 23:24:31 · 179 阅读 · 0 评论 -
JQuery对象 与 DOM对象互转,及DOM操作
/** *使用场景:原生js和 JQuery对象操作不能同时使用,需要对象互转 */// JQuery对象: 使用JQuery的方法获取页面中的元素返回的对象就是JQuery对象 //JQuery 对象其实就是DOM对象的包装集(包装了DOM对象对象的集合); 饭和锅的区别 // 1. JQuery对象转DOM对象 var $li = $("li"); ...原创 2018-04-12 21:59:11 · 280 阅读 · 0 评论 -
JQuery的serializeObject 序列化form表单
/** * 使用场景:ajax提交表单数据 *//*<form> <input type="text" name="username" value="123"/> <input type="text" name="password" valur="abc"/> </原创 2018-04-12 23:31:18 · 21377 阅读 · 3 评论 -
HTML页面的哈希(hash)路由原理+原生js案例
<!--* 场景:不刷新页面,对页面的局部内容进行更改*方案1:ajax 方法*方案2:哈希(hash)路由原理*方案2讲解:监听浏览器的url中的hash(url的#后面的文本——锚文本)值,进行更改内容--><!DOCTYPE html><html lang="cn"><head> <meta charset="UT...原创 2018-04-28 14:53:38 · 5093 阅读 · 0 评论 -
js实现继承
继承方法: a. 原型链(prototype chaining)、 b.call()/apply()、 c.混合方式(prototype和call()/apply()结合) d.对象冒充// 1. prototype原型链方式: function teacher(name){ this.n...原创 2018-08-10 18:04:22 · 247 阅读 · 0 评论 -
数组去重的方法 和 逻辑运算符 “ && || ”
数组去重 :indexOf filter reducevar arr = [1, 2, 3, 1]uniqueOne = []uniqueTwo = []uniqueThree = []// for循环去重// indexOf -- 搜索数组,返回第一个匹配元素的下标。如果没有匹配项,该函数返回-1for (var i=0;i<arr.length;i++){ un...原创 2018-08-02 15:45:21 · 538 阅读 · 0 评论