2020年9月9日
jquery实现多图片上传
摘要： 在做后台管理的时候，遇到这样一个需求，实现多张图片上传并按选中的顺序显示。PS：图片上传的时候是即时上传到服务器，后台返回图片在服务器上的地址，在最后点击提交按钮的时候，把地址传给后端写入数据库即可。 1、input标签，accept='image/*'上传图片格式只要是image就行，multip 阅读全文
posted @ 2020-09-09 17:02 朝思暮想的虫 阅读(3042) 评论(0) 推荐(0) 编辑
动态添加元素绑定事件
摘要： 1、事件委托 比如ul下有5个li，又动态添加了5了，给新增的元素绑定事件 ul.addEventListener('click', e=>{ e = e || window.event; console.log(e.target.innerHTML) }) 2、使用$(document)，不一定要 阅读全文
posted @ 2020-09-09 11:12 朝思暮想的虫 阅读(265) 评论(0) 推荐(0) 编辑
2020年8月20日
js实现大文件上传——分片上传方法
摘要： 当前端在开发过程中遇到上传文件需求，如果是上传头像、图片小文件之类的，可以正常按上传流程处理。但是当遇到上传大文件需求时，几个G或者十几个G，那么需要将这么大的文件分割成许多小片段分别上传，这种实现思路称为分片上传。 实现分片上传，精髓就是将文件分割成小片段，此时我们需要用到FormData对象和B 阅读全文
posted @ 2020-08-20 11:38 朝思暮想的虫 阅读(2227) 评论(0) 推荐(0) 编辑
2020年7月30日
js节流和防抖
摘要： js节流和防抖的应用非常普遍，通常我们在完成功能代码进行性能优化的时候是最经常考虑到的点。 1、防抖 概念：在第一次触发时间的时候，不是立即执行函数，而是等待一段时间后（这个时间自己规定）后才去执行。如果在这个时间之内没有再次触发，那么就执行函数。如果在等待这段时间内又触发了这个函数，那么等待时间重 阅读全文
posted @ 2020-07-30 20:15 朝思暮想的虫 阅读(156) 评论(0) 推荐(0) 编辑
2020年7月17日
Hook新特性（一）
摘要： 基础Hook 1、useState const [state, setState] = useState(initialState); //返回一个state变量，指为initialState，setState函数用来设置state的值 setState(1) 2、useEffect const [ 阅读全文
posted @ 2020-07-17 14:57 朝思暮想的虫 阅读(437) 评论(0) 推荐(0) 编辑
React中使用CSS的N种方式
摘要： 1、在组件中直接使用style，注意，div1各个属性值加双引号 const div1 = { width: "300px", margin: "30px auto", backgroundColor: "#44014C", //驼峰法 minHeight: "200px", boxSizing: 阅读全文
posted @ 2020-07-17 11:58 朝思暮想的虫 阅读(776) 评论(0) 推荐(0) 编辑
2020年7月10日
new关键字解析
摘要： new 运算符创建一个用户定义的对象类型的实例或具有构造函数的内置对象的实例。new 关键字会进行如下的操作： 创建一个空的简单JavaScript对象（即{}）； 链接该对象（即设置该对象的构造函数）到另一个对象 ； 将步骤1新创建的对象作为this的上下文 ； 如果该函数没有返回对象，则返回th 阅读全文
posted @ 2020-07-10 22:03 朝思暮想的虫 阅读(328) 评论(0) 推荐(0) 编辑
手写简单call、apply、bind
摘要： 1、call ~function(){ function call_1(context, ...args){ context = context == undefined ? window : context; let type = typeof context; if(!/^('object|fu 阅读全文
posted @ 2020-07-10 16:07 朝思暮想的虫 阅读(277) 评论(0) 推荐(0) 编辑
js深浅拷贝
摘要： 浅拷贝： 1、对象：Object.assign()、{...obj1} 2、数组：Array.prototype.slice(arr1) 深拷贝： 1、简单封装函数 function deepClone(obj){ if(obj null) return null; if(typeof obj != 阅读全文
posted @ 2020-07-10 15:06 朝思暮想的虫 阅读(141) 评论(0) 推荐(0) 编辑
手写reduce()
摘要： function reduce(arr, callBack ,initVal){ if(!Array.isArray(arr) || !arr.length || typeof callBack != 'function') return []; let hasInitVal = initVal ! 阅读全文
posted @ 2020-07-10 11:55 朝思暮想的虫 阅读(737) 评论(0) 推荐(0) 编辑