WebStorm 配置

如何让 WebStorm 的界面变美观步骤 将用不到的界面隐藏起来,操作方法:View => Appearance => 勾选如下 改变以下选项 如何让 WebStorm 里的代码变好看步骤 选择一个好看的字体配色,打开设置 => Editor => Color Scheme,选择...

Read More

在 vue/cli 中使用 Module Federation

前言webpack5 的新特性,分模块共同开发 所需环境: webpack v5 以上,由于我们用的是 vue-cli,所以需要升级 @vue/cli 到 v5 以上版本。 任何框架都可以使用 动机多个独立的构建可以组成一个应用程序,这些独立的构建之间不应该存在依赖关系,因此可以单独开发和部署它们。 这通常被称作微前端,但并不仅限于此。 底层概...

Read More

日常杂疑

1.二进制以 0b 开头,八进制以 0 开头(注意事项:var phone = 01032878 存电话号码时,会被js误认为八进制数字,所以会出现 ‘bug’) ,16进制以 0x 开头2.css 之间的影响:3.vue组件中 data 为什么是一个函数? 为什么组件中的 data 必须是一个函数,然后 return 一个对象,而 new Vue 实例里,...

Read More

你可能还不知道的 CSS 特性

1. :is() 和 :where()123456:is(.header, .main) p { color: red;}:where(.header, .main) p { color: red;} 其实这两个选择器等同于: 123456.header p, .main p { color: red...

Read More

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

欧阳修三上之功欧阳修《归田录》 马上,枕上,厕上 费曼学习法最有效的学习法 概念、教给别人、评价(回顾)、简化 互联网学习法 非常鸡贼的学习方法 比如说你想买一个耳机, 不知道买哪一款,于是就在网络上提问,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