技术文章

前端页面的性能测试 前端性能测试方法

介绍随着 Web 应用的空前发展,前端业务逐渐复杂,为了处理这些复杂业务,前后端分离,出现了专门应对这种分离架构的应用开发框架,比如 Angular,React,Vue 等,从而也导致 Web 应用的复杂度大大增加,并出现了 SPA(Single Page web Application)。同时随着越来越多的用户使用移动设备访问 Web 应用,Web 应用也 …

前端路由简介以及vue-router实现原理

作者:muwoo 来源:https:zhuanlan.zhihu.comp37730038后端路由简介路由这个概念最先是后端出现的。在以前用模板引擎开发页面时,经常会看到这样http:www.xxx.comlogin大致流程可以看成这样:浏览器发出请求服务器监听到80 端口(或443)有请求过来,并解析 url 路径根据服务器的路由配置,返回相应信息(可以是 …

前端项目重构的一些思考和复盘 前端重构一个页面需要哪些技术

来源: 趣谈前端公众号作者: 徐小夕hi, 大家好, 我是徐小夕, 今天和大家分享一下前端项目重构的一些思考和复盘, 同时也是对自己多年项目研发经验的一个总结.一. 背景介绍1. 我们为什么要做项目重构项目重构是每一家稳定发展的互联企业的必经之路, 就像一个产品的诞生, 会经历产品试错和产品迭代 一样, 随着业务或新技术的不断发展, 已有架构已无法满足更多业 …

Rust Web 开发框架,前端你可以选择哪个?

Rust构建一切。在如今流行的语言中,Rust可谓是将构建和高效作为自己优美的身姿在大众视野中脱颖而出。它是一门赋予每个人构建可靠且高效软件能力的语言。它有什么特性呢?高性能。 Rust 速度惊人且内存利用率极高。由于没有运行时和垃圾回收,它能够胜任对性能要求特别高的服务,可以在嵌入式设备上运行,还能轻松和其他语言集成。可靠性。 Rust 丰富的类型系统和所 …

前端面试题突破:微前端 Qiankun框架怎么解决跨域?

Qiankun 是基于 Single SPA 的微前端框架,因此在解决跨域问题时,它采用了 Single SPA 的方式去解决。在 Single SPA 框架中,它通过将子应用进行封装,使子应用能够在主应用中运行,其中包括解决子应用的跨域问题。具体而言,Qiankun 在解决跨域问题时提供了两种方式:1.使用 html entry 将子应用打包成一个 htm …

前端必学 40个精选案例实战 一课吃透HTML5+CSS3+JS(超清完结)

"夏哉ke":chaoxingit.com5056前端必学:40个精选案例实战,一课吃透HTML5 + CSS3 + JavaScript引言前端开发是现代Web应用开发的重要组成部分,掌握HTML5、CSS3和JavaScript是入门前端开发的基础。本文将介绍40个精选的实战案例,帮助你系统学习和应用这些技术。通过这些案例,你将深入理解各 …

微前端——使用qiankun构建多技术栈微前端架构

前言随着微服务的兴起,后端在这一方面有了很好的解决方案。前端目前流行的就是使用qiankun去构建微前端架构。什么是qiankunQiankun:基于Single-Spa,阿里系开源微前端框架。具有以下特点:简单——任意 js 框架均可使用。微应用接入像使用接入一个 iframe 系统一样简单,但实际不是 iframe。完备——几乎包含所有构建微前端系统时所 …

「技术分享」你知道微前端吗? 微前端实现方式以及代码

阅读原文:【技术分享】你知道微前端吗?点击关注“八戒技术团队”,阅读更多技术干货微前端具备哪些价值1.前端技术栈无关主框架不限制接入应用的技术栈,子应用具备完全自主权;2.独立开发、独立部署 子应用仓库独立,前后端应用独立开发,部署完成后主框架自动完成同步更新;3.独立运行时 每个子应用之间状态隔离,运行时状态不共享;微前端架构方案主要解决前端应用在开发部署 …

手把手教你写一个简易的微前端框架

最近看了几个微前端框架的源码(single-spa[1]、qiankun[2]、micro-app[3]),感觉收获良多。所以打算造一个迷你版的轮子,来加深自己对所学知识的了解。这个轮子将分为五个版本,逐步的实现一个最小可用的微前端框架:1.支持不同框架的子应用(v1[4] 分支)2.支持子应用 HTML 入口(v2[5] 分支)3.支持沙箱功能,子应用 w …

24年跑了挺多前端面试,发现很少问传统八股了,都在问场景题

24年里,经历了无数次前端面试,我发现,面试官们的问题越来越贴近实际工作场景,传统的“八股文”式考题已不再是主流。他们开始热衷于抛出各种复杂且贴近业务的场景题,比如:“如何在高并发情况下优化页面加载速度?”“如何在保证用户体验的前提下,实现图片的懒加载和异步加载?”这些问题不仅考验着我们的技术深度,更在无形中测试着我们的思维能力和问题解决策略。所以我连夜整理 …