Heading for the future
摘要: 功能 分享到faceBook 文档 https://developers.facebook.com/docs/sharing/webmasters 遇到的问题 问题: 分享出去的链接图片展示错误. 原因: 图片链接不完整,未带着对应的https 解决:拼接出完整链接 快速调试 使用faceBook分 阅读全文
posted @ 2021-02-20 21:24 一只菜鸟攻城狮啊 阅读(265) 评论(0) 推荐(0) 编辑
摘要: 使用动态import来分割代码 使用动态import来“懒加载”代码,如果你没办法直接减少应用的体积,那么不妨尝试把应用从单个 bundle 拆分成单个 bundle + 多份动态代码的形式。 方法一:使用动态import import("./math").then(math => { consol 阅读全文
posted @ 2020-10-15 09:54 一只菜鸟攻城狮啊 阅读(99) 评论(0) 推荐(0) 编辑
摘要: 就我个人而言,性能优化分为三大主要部分,构建工具优化,网络请求优化,渲染优化。 当前前端最常使用的工具是webpack,所以我们要做的第一步就是提高他的构建效率 构建工具优化 多进程构建 webpack 是单线程的,就算此刻存在多个任务,你也只能排队一个接一个地等待处理。这是 webpack 的缺点 阅读全文
posted @ 2020-10-12 08:45 一只菜鸟攻城狮啊 阅读(340) 评论(0) 推荐(0) 编辑
摘要: React生命周期分为15和16两个不同的版本 React15生命周期 React15有四个不同的阶段 初始化(initialization) 挂载阶段(Mounting) 更新阶段(Updating) 卸载阶段 初始化 constructor() 组件一创建就会调用 es6 class类中的 co 阅读全文
posted @ 2020-09-24 08:58 一只菜鸟攻城狮啊 阅读(250) 评论(0) 推荐(0) 编辑
摘要: React间组件间通信有如下几种方式: 父组件向子组件通信 子组件向父组件通信 跨级组件通信 非嵌套关系的组件通信 父组件向子组件通信 父组件直接通过props向子组件传递需要的信息 // 子组件 const Child = props => { return <p>{props.name}</p> 阅读全文
posted @ 2020-09-20 19:01 一只菜鸟攻城狮啊 阅读(327) 评论(0) 推荐(0) 编辑
摘要: 合成事件 如果DOM上绑定了过多的事件处理函数,整个页面响应以及内存占用可能都会受到影响。React为了避免这类DOM事件滥用,同时屏蔽底层不同浏览器之间的事件系统差异,实现了一个中间层——SyntheticEvent。 步骤 react事件机制执行分为如下两个步骤。 事件绑定:当用户在为onCli 阅读全文
posted @ 2020-09-19 10:46 一只菜鸟攻城狮啊 阅读(331) 评论(0) 推荐(0) 编辑
摘要: DNS解析流程分为递归查询和迭代查询,递归查询是以本地名称服务器为中心查询, 递归查询是默认方式,迭代查询是以DNS客户端,也就是客户机器为中心查询。其实DNS客户端和本地名称服务器是递归,而本地名称服务器和其他名称服务器之间是迭代。 在递归查找中,DNS服务器执行递归并继续查询其他DNS服务器,直 阅读全文
posted @ 2020-09-15 21:56 一只菜鸟攻城狮啊 阅读(1571) 评论(0) 推荐(1) 编辑
摘要: 定义 模块化开发是一种管理方式,是一种生产方式,一种解决问题的方案,一个模块就是实现特定功能的文件,有了模块,我们就可以更方便地使用别人的代码,想要什么功能,就加载什么模块。 规范 AMD(依赖前置) CMD(依赖就近) CommonJS ES6的模块化 AMD规范(异步模块定义) AMD依赖前置, 阅读全文
posted @ 2020-09-14 09:21 一只菜鸟攻城狮啊 阅读(513) 评论(0) 推荐(0) 编辑
摘要: 首先,三者第一个参数都为this指向 区别 bind返回的是一个函数体 call和apply会直接执行,但是call参数需要一个一个进行传递,apply的第二个参数是一个数组 实现 bind 简单实现 Function.prototype.myBind = function(context){ se 阅读全文
posted @ 2020-09-13 12:58 一只菜鸟攻城狮啊 阅读(514) 评论(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 一只菜鸟攻城狮啊 阅读(1697) 评论(0) 推荐(0) 编辑