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

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

微前端

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

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

微前端

Understanding ViewBox in SVG

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

利用”若A+B=X+Y, A*B=X*Y,那么A=X, B=Y或A=Y,B=X“判断两字符串是否互为排列组合

题目如题: 给定两个由小写字母组成的字符串 s1 和 s2,请编写一个程序,确定其中一个字符串的字符重新排列后,能否变成另一个字符串。 示例 1: 12输入:s1 = "abc",s2 = "bca"输出: t...

数据结构与算法

一文了解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

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

unit test

TS实现斐波那契序列算法

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

TypeScript

文件上传:自顶向下理解FormData文件上传的工作原理

文件上传是我们在业务中经常遇到的实战场景。本文从自顶向下的角度讲解文件上传的原理。 表现层我们简单写一个”上传文件demo“,来开始学习”文件上传“的知识点。 通过下面这个命令构建一个基本的nextjs应用。 1npx create-next-app...

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

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

TypeScript
1234510