摘要: 在日常开发过程中,我们经常需要使用ref,来做一些逻辑处理。对于当前组件来说,ref的使用比较方便,而对于跨组件使用,尤其是现在hooks的广泛运用和以前的class的交叉使用,有时候会让我们使用上出现一些问题。比如在父组件中引入子组件,把ref传入到函数子组件中,会一直为空的问题。 class父组 阅读全文
posted @ 2021-12-15 16:29 逍丶遥 阅读(364) 评论(0) 推荐(0) 编辑
摘要: ###柯理化函数实践 1.先举个例子 1.定义一个add函数 用于计算两数之和 function add(x,y) { return x+y } 2. 编写一个curry函数 用来执行add函数 function curry(fn) { // 首先获取调用curry函数 传入的参数并保存 (闭包) 阅读全文
posted @ 2020-08-04 12:06 逍丶遥 阅读(286) 评论(0) 推荐(0) 编辑
摘要: 1.1 打包的主要流程如下 需要读到入口文件里面的内容。 分析入口文件,递归的去读取模块所依赖的文件内容,生成AST语法树。 根据AST语法树,生成浏览器能够运行的代码 1.2 具体细节 获取主模块内容 分析模块 安装@babel/parser包(转AST) 对模块内容进行处理 安装@babel/t 阅读全文
posted @ 2020-07-27 13:51 逍丶遥 阅读(117) 评论(0) 推荐(0) 编辑
摘要: //1.手动实现localStorage if (!window.localStorage) { //首先定义window中的 属性 Object.defineProperty(window, "localStorage", new (function () { var aKeys = [], oS 阅读全文
posted @ 2020-07-01 12:11 逍丶遥 阅读(97) 评论(0) 推荐(0) 编辑
摘要: 今天总结一下常用的JS数组方法,以免搞忘了或者记混了,大家觉得还有哪些数组方法在项目里用的特别多我没提到的可以补充。。 1.map :遍历数组的每一项并对其进行操作。 有返回值 且 不改变原数组。 var arr = [1, 2, 3, 4, 5, 6]; var res = arr.map(ite 阅读全文
posted @ 2019-12-27 16:06 逍丶遥 阅读(1075) 评论(3) 推荐(9) 编辑
摘要: 今天在改一个看似很简单以前也经常遇到的一个bug发现了很多问题。实际结果肯定没有想象的那么简单。所以我想总结一下:保证下次不会踩坑。 业务场景是点击一个按钮,会产生一个弹框。重复快速的点击多次,会产生多个弹框。那么这个问题该怎么解决呢? 1. 函数防抖节流 这两个东西我不知道看过了多少文档,可到现在 阅读全文
posted @ 2019-12-26 14:37 逍丶遥 阅读(1978) 评论(6) 推荐(7) 编辑
摘要: 哈哈,我也是一个标题党,今天想总结一下,今天学到的东西,便于今后复习拿出来看。 首先呢,防抖是什么? 防抖: 持续触发事件时,一定时间段内没有再触发事件,事件处理函数才会执行一次,如果设定的时间到来之前,又一次触发了事件,就重新开始延时。 定义比较难懂,举一个比较贴切的例子就是 ,坐电梯。 每次电梯 阅读全文
posted @ 2019-08-09 20:50 逍丶遥 阅读(971) 评论(0) 推荐(0) 编辑
摘要: 今天解除了几个曾经没有用到的属性,所以想总结并且复习一下。 background-origin属性:有三个属性值,分别是border-box,padding-box,content-box。看到border-box是不是联想到了CSS3中的盒子模型。 box-sizing:border-box。它是 阅读全文
posted @ 2019-05-08 18:11 逍丶遥 阅读(233) 评论(0) 推荐(0) 编辑
摘要: Apache的安装和配置 一、官网下载Apache 官网地址:https://httpd.apache.org/ 点击Download >点击Files for Microsoft Windows >点击ApacheHaus >选择版本(点击Apache 2.4 VC11) >解压下载好的压缩包文件 阅读全文
posted @ 2019-05-06 18:30 逍丶遥 阅读(142) 评论(0) 推荐(0) 编辑
摘要: 网站性能优化 1、尽量减少HTTP请求次数 终端用户响应的时间中,有80%用于下载各项内容,这部分时间包括下载页面中的图像、样式表、脚本、Flash等。通过减少页面中的元素可以减少HTTP请求的次数,这是提高网页速度的关键步骤。 减少页面组件的方法其实就是简化页面设计。那么有没有一种方法既能保持页面 阅读全文
posted @ 2019-04-18 11:42 逍丶遥 阅读(310) 评论(0) 推荐(0) 编辑