学习之道-基础知识学习技巧

欧阳修三上之功欧阳修《归田录》 马上,枕上,厕上 费曼学习法最有效的学习法 概念、教给别人、评价(回顾)、简化 互联网学习法 非常鸡贼的学习方法 比如说你想买一个耳机, 不知道买哪一款,于是就在网络上提问,200块钱能买什么好耳机,当然得到的回复基本都是:200块钱还想买耳机?200块钱只能听个响,你不知道xx万的耳机?但是如果你说 200 块...

Read More

学习之道-如何记笔记

不记笔记会怎么样 看书不记笔记 白看了 看 Vue / React 不记笔记 白看了 记笔记的意义 在自己的大脑中设立一个地标 你实际上在构建自己的记忆宫殿 康奈尔笔记法 Cornell Notes 链接 《如何在大学学习》一书提到的方法 是由康奈尔大学的教授沃尔特发明的基笔记法 示例 特点 结构:左右下,三分区 右边:用于记录 左边:索引与...

Read More

手写eventhub

1234567891011121314151617181920212223function EventHub () { this.events = {}}EventHub.prototype.$on = function(name, fn) { (this.events[name] || (this.ev...

Read More

学习之道-学习技巧

学习技巧遗忘曲线 帮助你认识自己。1.不要因为忘了而责怪自己。2.如果想不忘,过几天再翻看一遍(记笔记)。 成就感 你学不过越学越快乐的那些人也就是正反馈–你学一个东西的时候(学习 => 爽 => 快乐 => 学习 => …)正常来说学习的时候会分泌多巴胺(人类基因)。不喜欢学习是因为被九年义...

Read More

async await 全解

####前端似乎对 Promise 不满 优点Async/Await替代Promise的6个理由但是,除了更简洁意外,其他理由似乎都不是很有说服力。 为什么需要 async ? 看起来非常多余,await 所在的函数就是 async ,不是吗? 已经搜索发现,在 await 之前,已经有人实现了 await 函数,她的函数是这样的: 123fun...

Read More

webpack 优化技巧

单独打包 runtime 什么是 runtime,如果我们为了让一个东西运行而提供的代码,就是 runtime 代码我们为了让 main.js 能够在 IE 中运行,webpack 代码需要写额外的代码,那部分代码就是 runtime如果不单独打包,当我们修改了配置,或者升级了,因为默认 runtime 代码是包含在 main.js 中的,所以build之后...

Read More

webpack 高级配置

如何支持 IE1234567891011.browserslistrc[production] # 正式环境> 1% # 支持全世界大于1%的浏览器ie 9[modern] # 开发环境last 1 chrome versionlast 1 firefox version[ssr]node 12 用 babel-loader 打包 JS 其实 web...

Read More

webpack plugn 插件原理

从上文提炼出 webpack 的一些主要流程 init => run(前两个一般不用) => compile(编译开始的时候) => compilation(准备编译的整个过程) => make(开始编译) => afterCompile(编译结束) => se...

Read More

Web性能优化-什么是多路复用

1. HTTP/2 的帧与流等概念 HTTP/2 是基于二进制帧(Frame),他将一个TCP连接分为若干个流(Stream),每个流中可以传输若干消息(Message),每个消息由若干最小的二进制帧(Frame)组成。 科普:什么是二进制?如果一个二进制人类看得懂,那他就是字符串,否则就是二进制 1234567---------...

Read More

阅读 webpack 源码

webpack@5.10.1webpack-cli@4.2.0阅...

Read More