静态网站生成器test
Reference
丢掉烂大街的Hexo吧，用Vuepress搭建专属你的博客吧VuePressVitePress
2021-08-14
Symbol详解
Symbol 英文意思为 符号、象征、标记、记号，在 js 中更确切的翻译应该为 独一无二的值
const s = Symbol('key用来描述这个symbol值') 这里的参数 key 其实只是 对 symbol 的描述
2021-05-31
localStorage indexDB sessionStorage cookie session token
cookieHTTP 协议是无状态的，HTTP 协议自身不对请求和响应之间的通信状态进行保存。Cookie 指某些网站为了辨别用户身份而储存在用户本地终端上的数据(通常经过加密)。大小限制在 4KB 左右（cookie 每一个 name=v
2021-05-24
Promise详解
Promise 是 JS 对象,用于表示一个异步操作的最终完成 (或失败), 及其结果值
new Promise((resolutionFunc, rejectionFunc): void =>{ asynchronous
2021-05-23
window全局对象
https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScopehttps://developer.mozilla.org/en-US/docs/Web/A
2021-05-12
指针事件 pointer event
同时维护两份分别处理鼠标事件mouseXXX和触摸事件ontouchXXX的代码，显得有些笨重了。
为了解决这些问题，人们引入了全新的规范「指针事件」。它为各种指针输入设备提供了一套统一的事件
https://zh.javascript.i
2021-05-12
react-HOC 浅谈
HOC 其实有两种模式,
一种是『属性代理』属性代理大家很熟悉了,也是大家最常用的一种 HOC 形式,主要是用于修改 props,抽象 state, 调取 refs 等等,就不多赘述了,以上这些 React Hooks 都能完成的更出色.
2021-04-26
拖拽 Drag&Drop Event
Overviewcodepen例子
拖放的流程：选中 —> 拖动 —> 释放
选中在HTML5标准中，为了使元素可拖动，把draggable属性设置为true。
<element draggable="tru
2021-01-10
react 技术栈的 架构演变
状态管理工具 演变redux中间件 middlewareredux-saga/react-redux作为 redux 的 中间件
dva/rematch两者的区别主要在于对异步的处理，dva 选择了用 generator，而 rematch
2020-09-02
js 函数式编程扫盲
面向对象编程(OOP)通过封装变化使得代码更易理解。 函数式编程(FP)通过最小化变化使得代码更易理解。 – Michacel Feathers（Twitter）
函数式编程资源
函数式编程指南
阮一峰函数式编程入门教程
概念函数式编
2020-09-02
css tips
border-radius非固定长宽的长方形，4 个角都是最大程度的 45 度角： border-radius: 10000000px设置一个无限大（至少大于最小边一半长度）的 px 值
省略单位冷知识： height: 2 和height
2020-05-14
flex实现-隔行正反向换行
css 实现 flex 布局下，奇数行正向排序，偶数行反向排序目标效果：
<ul>
<li v-for="(item,index) in listArr" :key="index">
{{ index }}
&l
2020-05-03