# 基本目标

1. 友好的项目设计、较低的上手门槛
2. 易于维护和调试的独立方案
3. 规范化的项目工程化管理
4. 详细和功能完备的文档网站
5. 优雅的包管理方案
6. 测试

前端组件化系列文章 第二篇

# 前言

本篇内容主要围绕前端组件化一阶段的前期技术调研，关注到的一些相关技术栈及工具库，进行相关工具的测试和使用功能比对。

主要目的是为了在了解其功能的情况下熟悉其用法，加深对其功能特点的理解，以及在真实场景中的具体使用方式，是否符合本项目计划特点，包括对其优点和缺陷的梳理分析。

前端组件化系列文章 第一篇

# 背景

公司目前基于多业务部门，很多业务组件和功能逻辑都具有较高的普适性，但与此同时各业务部分和开发人员缺乏一定的交流平台，更多的是在遇到对应需求时会简单内部讨论一番，当了解到其他业务部分存在落地的方案时，再进一步进行沟通交流。

这种方式，总体来说还是比较原始的，无论从沟通方式的效率来说，还是对于组件业务逻辑的深入理解都是非常低效的。因此，对于探索一种高效的、简单高效的、现代化方案是非常有必要的。

这也就是本系列文章的真实背景，目前前端组件化方案由我进行探索落地，主要流程和方案已基本完成，相关文章会按照系列形式输出，并确保文章内容都是在真实业务中的实践总结。

# 前言

最近在面试的过程中有被问及到websocket的连接过程（简历中项目有使用到websocket），一时有点懵，以为是在问使用方式，后来确定了下是在问网络层面的连接过程，是如何进行的，以及http和socket的过程。

我只做过心跳和断网重连的一些基本使用，对原理层面知之甚少。对于简历中的项目涉及到的websocket技术还是属于了解的比较浅的，问题很有点大啊。总的来说对于简历中的技术应该还是要做到比较熟悉才行，项目和技术栈还是有必要好好准备一番的。

# 背景

最近在开发公司官网项目时，使用到了Eggjs+React的SSR方案，众所周知，官网等门户网站对于SEO和首屏优化非常重视，因此结合该场景考虑，最终决定使用SSR服务端渲染方案，也是在技术调研的时候发现了一个比较完善的基于eggjs封装的一个SSR框架，在初步尝试和测试了一段时间后，最终决定了这个方案。

想必大家都知道eggjs是基于koa封装实现的，而对于koa而言，最知名的莫过于他的洋葱模型中间件方案，这是一个很巧妙的设计，也是经常接触的一个知识点。因此对于其实现原理和运行逻辑也很值得我们进一步探索，做到知其然、知其所以然。

# JS类型

最新的 ECMAScript 标准定义了 8 种数据类型:

• 7种原始类型：Number、String、Boolean、Null、Undefined、Symbol、BigInt
• Object引用类型：Array、Object、Date、RegExp、Error、Map、Set、WeakMap、WeakSet，几乎所有通过 new 创建的，即构造函数类型

众所周知，JS是单线程的，但是其在浏览器中的具体运行机制是怎样的呢？什么是微任务什么是宏任务呢？本篇文章我们从整体宏观层面进行梳理和分享。

本篇文章主要结合我最近的一个真实项目的具体业务场景的思考总结，以及相关的实战经验分享，希望能够帮助大家对权限设计有一个更深入的了解。

技术栈方面使用的是vue3 + ts + vue-router + pinia，不过，权限设计的整体思路和技术并无很深的关联，不影响整体思路。

# 起笔

晃晃悠悠，一年又一年，光阴荏苒，日月如梭

这一年给我的感觉就是“快”，尤其的快，现在提笔写年终，但停下细想，仿佛2021新年目标才刚刚写完，而现在就已经来到了2022年...

微信通知，每天给女朋友发早安、情话、诗句、天气信息等~