从多应用到微应用:前端架构的技术演变

微前端是现代前端开发的趋势,许多企业选择将微前端架构融入其技术战略中,有些是选择现有微前端框架如 Single-SPA、Qiankun、Micro-App 或 Wujie,有些是根据自身独特的业务需求研发了定制的解决方案。 这一技术趋势的背后是前端技...

前端

一个简单的Demo了解Iframe微前端

引言微前端是微服务概念在前端的应用。在微前端架构下,一个大型单一的前端应用被拆分成多个小型、独立的子应用,这些子应用可以独立开发、独立部署、独立运行,从而带来更加灵活高效的项目开发和管理。 作为现代前端开发的趋势,许多企业的技术栈融入了微前端,有些是...

前端

Understanding ViewBox in SVG

在SVG元素中,**width和height属性以及viewBox**属性中的宽度(width)和高度(height)都可以影响SVG的布局,前者宽高和普通元素的宽高类似,比较好理解,但是viewBox中的宽高不好理解,本文会将viewBox属性讲清...

前端

一文了解Husky

在了解husky之前,先了解一下Git hooks。 GitHooks官方文档:https://git-scm.com/docs/githooks 是什么git hooks 是git提供的hooks,类似Vue的生命周期钩子函数一样,Git也会在它运...

前端

JSPDF + html2canvas A4分页截断

引言最近在业务上遇到了一个问题是要将页面打印pdf文件,产品的预期是希望点击一个按钮,就能够将页面数据写在一个pdf上,并下载下来,需要保证pdf的内容具有很好的可读性。 评估下来这个需求的本质是要实现一个能够将HTML页面转为PDF并实现下载的功能...

前端

【单测】单测入门 A Beginner's Guide to Writing Unit Tests for React Components with Jest and React Testing Library

作为一个初学者,第一次接触单测的时候,我其实有很多疑问,单测是什么,为什么要做单测,如何做单测,最佳实践是什么。 怎么罗列测试用例,如何调试代码 本文就是一篇浅浅的入门指南。主要围绕上面这些问题做一些解答和记录。 单测是什么单测就是单元测试,属于软件...

前端

TS实现斐波那契序列算法

引言TypeScript 的类型系统已经从基本的类型注释,发展成为一种大型且复杂的编程语言。在上篇文章中,我们打开了类型编程的潘多拉魔盒,我们知道TS的强大之处,不仅在于其类型检查系统,还在于其具有图灵完备特性,可以实现强大的类型级编程能力。 在学习...

前端

TS类型编程:类型是一等公民

引言TypeScript(TS)的类型系统十分强大,除了定义了各种类型方便我们对变量、函数、类等进行类型约束,实现类型安全,而且还支持泛型,可以很大程度实现代码复用。另外,为了迎合JS语言的灵活特性,保证更安全的类型检查,TS还提供了很多类型操作符,...

前端

Think in {Set},从集合论的角度理解TypeScript

In TypeScript, it’s better to think of a type as a set of values that share something in common. Because types are just sets...

前端

TS的前置知识

在正式讲TS之前,我想用一个章节来讲TS的前置知识。 TS的介绍先看维基百科的介绍: TypeScript is a free and open-source high-level programming language developed by ...

前端
123