摘要: LESS:css的预处理语言,基于javascript在客户端进行处理; SASS:css的预处理语言,基于ruby在服务端进行处理; 相同之处: 1、混入(Mixins):class 2、参数混入:可传递参数的class,就像函数一样 3、嵌套规则 区别: 1、less是基于javascript在 阅读全文
posted @ 2020-07-08 23:06 JoanChx 阅读(239) 评论(0) 推荐(0) 编辑
摘要: 音频文件转base64 <input type="file" id="fileInput"> <script> var fileInput = document.querySelector('#fileInput'); fileInput.onchange = function () { var f 阅读全文
posted @ 2020-06-16 14:15 JoanChx 阅读(3275) 评论(0) 推荐(0) 编辑
摘要: 浏览器端的 Event Loop 一个函数执行栈、一个事件队列(宏) 、一个微任务队列 宏任务 macrotask 也叫tasks。一些异步任务的回调会依次进入macro task queue,等待会许被调用, 这些异步任务包括:setTimeout/setInterval/setImmediate 阅读全文
posted @ 2020-03-01 21:54 JoanChx 阅读(176) 评论(0) 推荐(0) 编辑
摘要: 一、创建绑定函数 场景:将一个方法从对象中取出调用,期望this指向原来的对象。 var a=30; var obj={ a:20, getA:function(){ console.log(this.a) } } obj.getA() //20 var newGetA=obj.getA; newG 阅读全文
posted @ 2020-02-27 23:45 JoanChx 阅读(108) 评论(0) 推荐(0) 编辑
摘要: 高阶组件: 以接收React组件为参数,并且返回一个新的React组件。 一、使用场景: 1.1 操纵props 通过拦截到props,对props进行包装。 1.2 通过ref访问组件实例 通过ref获取包装组件实例的引用。 1.3组件状态提升 把组件状态提升到高阶组件 1.4用其他元素包装组件 阅读全文
posted @ 2019-03-19 16:50 JoanChx 阅读(298) 评论(0) 推荐(0) 编辑
摘要: 一、设计合适的state 1.1 定义: state代表一个组件UI呈现的完整状态 stae代表一个组件UI呈现的最小状态集【所有状态都用于组件UI的变化,没有任何多余的状态】 1.2 state和props区别: state:组件内部维护自己的状态,是可变的 props:只能通过父组件传递过来。 阅读全文
posted @ 2019-03-19 14:53 JoanChx 阅读(322) 评论(0) 推荐(0) 编辑
摘要: 一、使用Error Boundary处理错误组件 React16之前:组件在运行期出错,会阻塞整个应用的渲染。 React16之后:引入新的错误处理机制——Error Boundary【错误边界】,当某个组件发生错误时,可以通过Error Biundary提供的内容代替组件的错误。 class Er 阅读全文
posted @ 2019-03-18 18:03 JoanChx 阅读(396) 评论(0) 推荐(0) 编辑