COINBASE 与 CRYPTO COM

初衷

爱因斯坦曾说过，“如果你不能简单地说清楚，那说明你还没完全明白”
此博客主要目的是为了能更好的建立自己知识体系，通过“费曼学习法”来梳理知识点。同时记录一些自己遇到的问题，分享一些有趣的事。

“费曼学习法”是理查德•费曼根据自己的学习经历提出的高效学习法——通过自己的语言，用最简单的话把一件事向别人讲清楚，并且让外行人也能听懂。这是名副其实的天才发明的方法，通过教别人的方式，来查缺补漏自己的知识体系，以达到教学相长的作用。

Mr.Feng小于 1 分钟

POKERKING 交易所

display: flex;

Mr.Feng大约 3 分钟

性能优化

MSGO交换

懒加载将路由对应的组件打包成一个个的 JS 代码块，在这个路由被访问到的时候，才加载对应的组件，简单来说就是延迟加载或按需加载。

import Vue from "vue";
import Router from "vue-router";
Vue.use(Router);
export default new Router({
  routes: [
    {
      path: "/",
      name: "Home",
      component: () => import("@/components/Home"),
    },
  ],
});

Mr.Feng大约 1 分钟

git常用指令

恶魔总督应用程序

git clone url  克隆远程版本库

DSBOWL 交流

Mr.Feng大约 2 分钟

事件循环

介绍

事件循环又称事件队列（EventLoop）是指 JS 代码所在运行的环境（浏览器、nodejs）的一种执行规则，了解事件循环主要为了了解其执行顺序。

安全赚取登录

JS 是一门单线程语言，代码是从上往下执行，前一个任务结束，才能执行下一个任务。这就会导致如果 JS 的执行过长会导致阻塞的问题。

为了解决这个问题，JS 中出现了异步任务。异步任务不进入主线程，而是进入任务队列，执行完毕之后会产生一个回调函数,并且通知主线程。当主线程上的任务执行完后，就会调取最早通知自己的回调函数，使其进入主线程中执行。

Mr.Feng大约 1 分钟

前端缓存

牛奶和黄油交换

浏览器缓存主要有强制缓存和协商缓存两种。

浏览器要不要缓存取决于 HTTP 响应头有没有设置 Cache-Control 且取值不为 no-store（no-store 表示不缓存）。

当一个浏览器第一次访问一个网站的时候，向该网站的服务器发送请求。如果服务端觉得浏览器请求的资源应该被缓存下来时，比如图片，CSS 文件等不常更改的资源，就会在 HTTP 响应里面添加一个响应头 Cache-Control：max-age=1200（即缓存有效时间为 1200s）。这会让浏览器自动将该请求的资源缓存到本地。

下一次请求该资源时，浏览器先看本地缓存的资源有没有过期，没过期的话直接使用该资源，不发送请求，且返回 Status Code:200 OK，但是会添加上（from memory cache 或 from disk memory）的标识，表示该文件是从缓存中拿到的，没有向服务端发送请求。

Mr.Feng大约 3 分钟

Promise浅谈

介绍

Promise 是为了解决异步回调导致的“回调地狱”问题而产生的，它可以通过.then 的链式调用方式来处理异步编程，让代码更加清晰易懂。

SHINJI THE ZOMBIE SLAYER 交易所

黎曼网络交换

Promise 对象刚被创建时的初始状态，此时还没有返回结果

BAO 代币兑换

当 Promise 对象返回结果时，进入成功状态，并把结果作为参数传递给后续的 then 方法。

Mr.Feng大约 2 分钟

常见问题汇总

SECURED SHIP 交易所

JS 采用的是双精准度（64 位）的方法来表示 Number 类型的浮点数，但在二进制中，双精度浮点数只能保留 53 位有效数字，剩余的舍去，遵从“0 舍 1 入”的原则，0.1 和 0.2 的二进制相加，再转化为十进制度数就是 0.30000000000000004

console.log(0.1 + 0.2);
// 0.30000000000000004;

Mr.Feng小于 1 分钟

gateio app

分享记录一些实用的 js 简写技巧，可以让代码看起来更加简洁优雅

波尔卡怪兽交易所

如果前面的值是 0 '' false null undefined NaN 其中的任意一种，则直接返回后面的值

let a = undefined;
let b = a || 1; // 1

Mr.Feng小于 1 分钟

clip-path

起因

最近做项目遇到了一个如下的需求，其中的小卡片样式由于 UI 没有提供素材，只好用 CSS 去实现这种功能

在查百度过程中发现了一个很有意思的属性 clip-path ，翻译成中文就是裁剪路径

Mr.Feng大约 1 分钟