前端H5
费小存
这个作者很懒,什么都没留下…
展开
-
FileReader读取文件
H5 file function readfile(f){ var reader = new FileReader(); reader.readAsText(f,'GB2312');//读取文件 reader.onload = function(){ var text = reader.result;原创 2016-11-16 17:04:03 · 1165 阅读 · 0 评论 -
图片预加载 loading
loading进度条var index = 0, len = imgs.length, count = 0, $progress = $('.progress');$.each(imgs,function(i, src){ var imgObj = new Image(); $(imgObj).on('load error', function()...原创 2018-07-06 10:05:17 · 721 阅读 · 0 评论 -
Promise笔记
定义:用于异步计算 可以将异步操作队列化 可以在对象之间传递和操作Promise,帮助我们处理队列二.回调有四个问题 1.嵌套层次很深,难以维护 2.无法正常使用return 和 throw 3.难以在多个回调之间 4.无法正常检索堆栈信息三.promise基本写法 new Promise( /* 执...原创 2018-07-05 11:12:59 · 211 阅读 · 0 评论 -
Javascript单例模式
单例模式的思想在于保证一个特定类仅有一个实例,意味着当第二次使用同一个类创建新对象的时候,应该得到与第一次所创建对象完全相同的对象例1.在闭包中实现–重写构造函数function Universe(){ //缓存实例 var instance; //重写该构造函数 Universe = function Universe(){ return inst原创 2016-12-09 11:38:49 · 315 阅读 · 0 评论 -
javascript curry
当新函数是基于现有的函数,并加上部分参数列表创建时;何时使用curry 当发现正在调用同一个函数,并且传递的参数绝大多数都是相同的,那么该函数可能是用于curry化的一个很好的候选参数。可以通过将一个函数集合部分应用到函数中,从而动态创建一个新函数。下面是一个通用curry化函数的示例//柯里化函数function schonfinkelize(fn){ var slice = Arr原创 2016-11-30 15:04:32 · 473 阅读 · 0 评论 -
Javascript组合模式-扫描文件夹
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>组合模式-扫描文件夹</title></head><body><button id="button">点击按钮1</button></body><script> /*Folder*/ var Folder = funct原创 2016-12-13 17:45:29 · 864 阅读 · 0 评论 -
Javascript 模块模式
基本包含 * 命名空间 * 即时函数 * 私有和特权成员 * 声明依赖 (1)、建立一个命名空间,并且启动可以提供有用数组方法的工具模块。MYAPP.namespace('MYAPP.utiltities.array');(2)、下一步是定义该模块。对于需要保持私有性的情况,本模式则使用了一个可以提供私有作用域的即时函数。该即时函数返回了一个对象,即具有公共接口的实际模块。 MYAP原创 2016-12-06 14:20:24 · 309 阅读 · 0 评论 -
Javascript私有性
1.“模块模式”的基础框架var myobj = (function(){ //私有成员 var name = "my,oh my"; //实现公有方法 return { getName: function(){ return name; } };}());2. 揭示模式它建立在其中的一种私有模式之上原创 2016-12-06 13:53:28 · 351 阅读 · 0 评论 -
hasOwnProperty()
hasOwnProperty应用for for-in for--处理数组 for-in用来处理对象hasOwnProperty1、 for(var i in man){ if(main.hasOwnProperty(i)){ console.log(i,":", man[i]); } }2、 for(var i原创 2016-11-16 18:24:37 · 381 阅读 · 0 评论 -
ES5兼容 object.assign Object.values
ES5兼容 object.assign Object.valuesObject.assign = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.p...原创 2019-08-08 12:44:14 · 2258 阅读 · 2 评论