RiverTT

一，背景 随着项目迭代，项目的体积会越拉越大，启动本地项目以及修改代码编译时间较长，大大影响了开发效率。新技术vite能很好的解决上述问题。本地开发时，慢的原因主要在web...

一、背景 前端能力边界： 在工作的时候，我们往往只需要在已经搭好的架构下做事情，很难跳出当前的圈，但是对于圈外事情的认知往往能够决定我们能力边界范围，以及能cover多大的...

一、自定义eslint规则构建步骤 （1）在根目录下创建rules，并在该目录下创建my-rule.js （2）编写my-rule.js的规则，当前规则是不允许给变量定义为...

一、什么是AST 在计算机科学中，抽象语法树（Abstract Syntax Tree，AST），或简称语法树（Syntax tree），是源代码语法结构的一种抽象表示。它...

一，背景 当前互联网公司往往会由一个前端团队去维护多个项目，而这多项目经常会有一些样式重叠或基础能力共同的地方，这时候就需要我们开发相关的公共组件npm包用以团队内部维护。...

一、微前端背景 1，什么是微前端 微前端是一种多个团队通过独立发布功能的方式来共同构建现代化 web 应用的技术手段及方法策略。 微前端架构具备以下几个核心价值： 技术栈无...

文本通过对比webpack-dev-server，旨在分析为什么需要vite，以及vite通过什么方案解决了该问题。并通过对vite的分析，实现了一个简易的vite代码。...

鉴权是指用户是否拥有访问系统的权利，这通常是通过用户登录来确定当前用户的权限。整体的流程如图所示，用户由前端输入登录密码到后台，后台通过验证后返回Cookie给前端，下次前...

前段时间去阿里面试，他们所使用的技术栈是react+ts。而个人所在项目使用的是Vue2，面试官的一句“我就不明白了，现在都支持混编，为什么不使用ts呢？”在我脑海中反复回...

先说结论，业界几乎对于Vue2使用ts都持否定态度，从笔者目前实践来看，Vue2使用ts确实很不方便。但笔者认为，只是使用层面上的不方便，对于减少开发过程中的出错率上，依旧...

使用遮罩层来屏蔽用户的非正常操作，是前端经常使用的方式。但是在一些项目中，并没有对遮罩层进行统一管理，这就会造成如下的问题： （1）所有的业务组件都要引入遮罩层组件，也就是...

在一般项目中，直接采用iView、Element UI往往就可以满足需求。但是对于一些较为复杂的项目，在实际开发中会遇到如下问题： （1）iView、Element UI等...