Ellen_Chen

摘要： LESS：css的预处理语言，基于javascript在客户端进行处理； SASS：css的预处理语言，基于ruby在服务端进行处理； 相同之处： 1、混入（Mixins）:class 2、参数混入:可传递参数的class，就像函数一样 3、嵌套规则 区别： 1、less是基于javascript在 阅读全文

摘要： 音频文件转base64 <input type="file" id="fileInput"> <script> var fileInput = document.querySelector('#fileInput'); fileInput.onchange = function () { var f 阅读全文

摘要： 浏览器端的 Event Loop 一个函数执行栈、一个事件队列(宏) 、一个微任务队列 宏任务 macrotask 也叫tasks。一些异步任务的回调会依次进入macro task queue，等待会许被调用， 这些异步任务包括：setTimeout/setInterval/setImmediate 阅读全文

摘要： 一、创建绑定函数 场景：将一个方法从对象中取出调用，期望this指向原来的对象。 var a=30; var obj={ a:20, getA:function(){ console.log(this.a) } } obj.getA() //20 var newGetA=obj.getA; newG 阅读全文

摘要： 高阶组件： 以接收React组件为参数，并且返回一个新的React组件。 一、使用场景： 1.1 操纵props 通过拦截到props，对props进行包装。 1.2 通过ref访问组件实例 通过ref获取包装组件实例的引用。 1.3组件状态提升 把组件状态提升到高阶组件 1.4用其他元素包装组件 阅读全文

摘要： 一、设计合适的state 1.1 定义： state代表一个组件UI呈现的完整状态 stae代表一个组件UI呈现的最小状态集【所有状态都用于组件UI的变化，没有任何多余的状态】 1.2 state和props区别： state：组件内部维护自己的状态，是可变的 props：只能通过父组件传递过来。 阅读全文

摘要： 一、使用Error Boundary处理错误组件 React16之前：组件在运行期出错，会阻塞整个应用的渲染。 React16之后：引入新的错误处理机制——Error Boundary【错误边界】，当某个组件发生错误时，可以通过Error Biundary提供的内容代替组件的错误。 class Er 阅读全文