Heading for the future
摘要:使用动态import来分割代码 使用动态import来“懒加载”代码,如果你没办法直接减少应用的体积,那么不妨尝试把应用从单个 bundle 拆分成单个 bundle + 多份动态代码的形式。 方法一:使用动态import import("./math").then(math => { consol 阅读全文
posted @ 2020-10-15 09:54 一只菜鸟攻城狮啊 阅读(13) 评论(0) 推荐(0) 编辑
摘要:就我个人而言,性能优化分为三大主要部分,构建工具优化,网络请求优化,渲染优化。 当前前端最常使用的工具是webpack,所以我们要做的第一步就是提高他的构建效率 构建工具优化 多进程构建 webpack 是单线程的,就算此刻存在多个任务,你也只能排队一个接一个地等待处理。这是 webpack 的缺点 阅读全文
posted @ 2020-10-12 08:45 一只菜鸟攻城狮啊 阅读(119) 评论(0) 推荐(0) 编辑
摘要:React生命周期分为15和16两个不同的版本 React15生命周期 React15有四个不同的阶段 初始化(initialization) 挂载阶段(Mounting) 更新阶段(Updating) 卸载阶段 初始化 constructor() 组件一创建就会调用 es6 class类中的 co 阅读全文
posted @ 2020-09-24 08:58 一只菜鸟攻城狮啊 阅读(85) 评论(0) 推荐(0) 编辑
摘要:React间组件间通信有如下几种方式: 父组件向子组件通信 子组件向父组件通信 跨级组件通信 非嵌套关系的组件通信 父组件向子组件通信 父组件直接通过props向子组件传递需要的信息 // 子组件 const Child = props => { return <p>{props.name}</p> 阅读全文
posted @ 2020-09-20 19:01 一只菜鸟攻城狮啊 阅读(51) 评论(0) 推荐(0) 编辑
摘要:合成事件 如果DOM上绑定了过多的事件处理函数,整个页面响应以及内存占用可能都会受到影响。React为了避免这类DOM事件滥用,同时屏蔽底层不同浏览器之间的事件系统差异,实现了一个中间层——SyntheticEvent。 步骤 react事件机制执行分为如下两个步骤。 事件绑定:当用户在为onCli 阅读全文
posted @ 2020-09-19 10:46 一只菜鸟攻城狮啊 阅读(27) 评论(0) 推荐(0) 编辑
摘要:DNS解析流程分为递归查询和迭代查询,递归查询是以本地名称服务器为中心查询, 递归查询是默认方式,迭代查询是以DNS客户端,也就是客户机器为中心查询。其实DNS客户端和本地名称服务器是递归,而本地名称服务器和其他名称服务器之间是迭代。 在递归查找中,DNS服务器执行递归并继续查询其他DNS服务器,直 阅读全文
posted @ 2020-09-15 21:56 一只菜鸟攻城狮啊 阅读(70) 评论(0) 推荐(1) 编辑
摘要:定义 模块化开发是一种管理方式,是一种生产方式,一种解决问题的方案,一个模块就是实现特定功能的文件,有了模块,我们就可以更方便地使用别人的代码,想要什么功能,就加载什么模块。 规范 AMD(依赖前置) CMD(依赖就近) CommonJS ES6的模块化 AMD规范(异步模块定义) AMD依赖前置, 阅读全文
posted @ 2020-09-14 09:21 一只菜鸟攻城狮啊 阅读(39) 评论(0) 推荐(0) 编辑
摘要:首先,三者第一个参数都为this指向 区别 bind返回的是一个函数体 call和apply会直接执行,但是call参数需要一个一个进行传递,apply的第二个参数是一个数组 实现 bind 简单实现 Function.prototype.myBind = function(context){ se 阅读全文
posted @ 2020-09-13 12:58 一只菜鸟攻城狮啊 阅读(124) 评论(0) 推荐(0) 编辑
摘要:使用async和await 1 var fn = async function(promiseArr) { 2 for(let i = 0,len = arr.length; i<len; i++) { 3 currentPromise = (promiseArr[i] instanceOf Pro 阅读全文
posted @ 2020-09-13 10:40 一只菜鸟攻城狮啊 阅读(92) 评论(0) 推荐(0) 编辑
摘要:核心 构造函数核心 维护状态变量,只能由pending变为resolve或者reject 维护一个存储结果的变量 维护一个回调数组,执行到then,如果我们传入的立即执行函数没有立即执行resolve或者reject,所以promise的状态还是pending,这时要把then里面的回调函数保存起来 阅读全文
posted @ 2020-09-12 12:32 一只菜鸟攻城狮啊 阅读(123) 评论(0) 推荐(0) 编辑