Wang Wei's Blog

参考文章：

前端脚手架，听起来玄乎，实际呢？ （仅略读价值）

如何写一个标准的前端脚手架

史上最贴心前端脚手架开发辅导 （前面开发部分，较全）

前端脚手架开发入门 （按照步骤来，开发及使用）

参考文章：

搭建npm私库 - 技术方案选择

如何搭建npm私有仓库及发布npm包 - 教程完善

verdaccio 官方文档

搭建环境

windows 常用快捷键

更多阅读：

Windows 的键盘快捷方式

超全Windows10快捷键大全

• Win + D：显示桌面
• Win + E：打开资源管理器
• Win + L：锁屏
• Win + I：设置
• Win + S：搜索
• Win + V：多重剪贴板
• Win + G：录屏
• Win + R：打开运行窗口
• Win + T：在任务栏上切换应用
• Win + X：打开快速链接菜单
• Win + Shift + S：截图
• Win + Alt + D：显示日历
• Win + [+ / -]：放大镜
• Win + Esc：退出放大镜
• Win + Tab：打开任务视图
• Win + Ctrl + D：添加虚拟桌面
• Win + Ctrl + F4：关闭当前虚拟桌面
• Win + Ctrl + [← / →]：切换虚拟桌面

含义

服务端渲染（SSR）：指的是页面在服务器端已经生成了完整的HTML页面结构，不需要浏览器解析（请求 js 文件，执行 js 文件，ajax 请求，获取数据生成完整的 html 结构等一系列操作）。

作用

为什么需要服务端渲染

单页面富应用（SPA）的局限：

静态图片格式

JPG / JEPG

PNG

WEBP

动态图片格式 / 方案

官方网站：https://reactrouter.com/

基础

路由

路由的含义：网络工程的术语。路由（routing）就是通过互联的网络把信息从源地址传输到目的地址的活动。

路由器提供了两种机制：路由和转送。

• 路由是决定数据包从来源到目的地的路径
• 转送将输入端的数据转移到合适的输出端

官方网站：https://redux.js.org/

中文文档：https://cn.redux.js.org/

基础

目的

状态管理器

AJAX

概念

Asynchronous JavaScript + XML（异步JavaScript和XML）, 其本身不是一种新技术，而是一个在 2005年被Jesse James Garrett提出的新术语，用来描述一种使用现有技术集合的‘新’方法，包括: HTML 或 XHTML, CSS, JavaScript, DOM, XML, XSLT, 以及最重要的 XMLHttpRequest。当使用结合了这些技术的AJAX模型以后， 网页应用能够快速地将增量更新呈现在用户界面上，而不需要重载（刷新）整个页面。这使得程序能够更快地回应用户的操作。

请求的数据格式

设置 Content-Type 实体头部用于指示资源的MIME类型

ANTD

官方文档：https://ant.design/docs/react/introduce-cn

github：https://github.com/ant-design/ant-design/

修改默认配置

如果使用常规的手段是需要将 create-react-app 的配置全部暴露出来，进行手动修改配置，会造成后期维护困难等问题。

1. 寻址 DNS 包964-966

2. 建立通讯 三次握手 四次挥手

三次握手 syn -> (ack, syn) -> ack

四次挥手 (fin, ack) -> ack -> (fin, ack) -> ack