百度免费网站申请,网站案例网站建设,wordpress建英文博客,中国宁波网首页《一个前端打工人的奇幻外包历险记》 需求分析#xff1a;这需求是灭霸提的吧#xff1f; 各位同行大家好#xff01;我是一名在福建苟延残喘的个人前端开发者。最近接了个外包项目#xff0c;看到需求文档时我的表情是这样的#xff1a;#x1f628; → // 5MB一片this.maxRetry3;// 最大重试次数因为穷所以服务器不稳定this.encryptionSM4;// 假装支持国密}// 加密函数假装很安全encrypt(data){returnbtoa(unescape(encodeURIComponent({enc:${this.encryption},data:${JSON.stringify(data)}})));}// IE9特供版文件读取readFileIE9(file){returnnewPromise((resolve){if(window.FileReader){constreadernewFileReader();reader.onload(e)resolve(e.target.result);reader.readAsArrayBuffer(file);}else{alert(您还在用IE9文件内容已自动替换为老板大气);resolve(老板大气.repeat(file.size/4));}});}// 文件夹上传递归地狱asyncuploadFolder(folder){constentriesfolder.entries();forawait(constentryofentries){if(entry.isDirectory){console.log(创建文件夹${entry.name});awaitthis.uploadFolder(entry);}else{console.log(上传文件${entry.fullPath});awaitthis.uploadFile(entry);}}}// 断点续传靠localStorage硬撑resumeUpload(file){constsavedProgresslocalStorage.getItem(file.name)||0;consttotalChunksMath.ceil(file.size/this.chunkSize);for(letisavedProgress;itotalChunks;i){constchunkfile.slice(i*this.chunkSize,(i1)*this.chunkSize);this.uploadChunk(chunk,i).then((){localStorage.setItem(file.name,i1);});}}}兼容性处理方案地狱级难度浏览器应对策略心理阴影面积IE9使用ActiveX控件微软都放弃了∞Windows 7老机器禁用所有ES6特性堪比马里亚纳海沟20G文件上传告诉客户分段上传中然后偷偷压缩良心会痛1秒钟100元预算在代码里加入挖矿脚本回本违法的事不能干加群福利大放送画饼艺术QQ群374992201超值福利加群红包1-99元0.01元随机发放推荐项目提成50%前提是你能找到冤大头免费获取我的失败案例避坑指南共享甲方奇葩需求每日一笑神秘服务代写README.md让项目看起来很专业传授如何优雅地拒绝甲方工作内推推荐你去我二舅的修电脑店生存指南如何用100元完成20万的项目经过三天三夜的思考我终于悟出了外包的真谛需求管理告诉客户这个功能要加钱时间管理每天晚上11点回复正在加班技术方案GitHub上找相似项目改LOGO交付策略先交一个基础版剩下的等二期终极奥义在项目进行到一半时说自己要考研所以各位路过的大佬们救救孩子吧这项目要是搞不定我就只能回老家继承茶叶店了其实铁观音还挺香的正经建议大文件上传可以考虑使用现成的云存储服务比如阿里云OSS、七牛云都有成熟方案比自己开发靠谱多了将组件复制到项目中示例中已经包含此目录引入组件配置接口地址接口地址分别对应文件初始化文件数据上传文件进度文件上传完毕文件删除文件夹初始化文件夹删除文件列表参考http://www.ncmem.com/doc/view.aspx?ide1f49f3e1d4742e19135e00bd41fa3de处理事件启动测试启动成功效果数据库效果预览文件上传文件刷新续传支持离线保存文件进度在关闭浏览器刷新浏览器后进行不丢失仍然能够继续上传文件夹上传支持上传文件夹并保留层级结构同样支持进度信息离线保存刷新页面关闭页面重启系统不丢失上传进度。下载示例点击下载完整示例