阅读原文：【技术分享】你知道微前端吗？点击关注“八戒技术团队”，阅读更多技术干货微前端具备哪些价值1.前端技术栈无关主框架不限制接入应用的技术栈，子应用具备完全自主权；2.独立开发、独立部署 子应用仓库独立，前后端应用独立开发，部署完成后主框架自动完成同步更新；3.独立运行时 每个子应用之间状态隔离，运行时状态不共享；微前端架构方案主要解决前端应用在开发部署 …
最新内容
最近看了几个微前端框架的源码（single-spa[1]、qiankun[2]、micro-app[3]），感觉收获良多。所以打算造一个迷你版的轮子，来加深自己对所学知识的了解。这个轮子将分为五个版本，逐步的实现一个最小可用的微前端框架：1.支持不同框架的子应用（v1[4] 分支）2.支持子应用 HTML 入口（v2[5] 分支）3.支持沙箱功能，子应用 w …
24年里，经历了无数次前端面试，我发现，面试官们的问题越来越贴近实际工作场景，传统的“八股文”式考题已不再是主流。他们开始热衷于抛出各种复杂且贴近业务的场景题，比如：“如何在高并发情况下优化页面加载速度？”“如何在保证用户体验的前提下，实现图片的懒加载和异步加载？”这些问题不仅考验着我们的技术深度，更在无形中测试着我们的思维能力和问题解决策略。所以我连夜整理 …
作者：DYBOY在 React 前端项目中，涉及到前端路由，想必大家都用过了 react-router-dom[1] 这个包，因为常用，所以有必要弄清楚其中的实现细节，对前端路由会有一个更深入的认识，另外也有助于提升工作效率。此文不赘述使用方法，相关内容可以参考tutorial 官方的指导手册[2]。客户端里的路由模式相较于“服务端路由”每次从服务端获取 C …
作者：Fly_bit转发链接：https:blog.csdn.netm0_37968340articledetails106823974一、 前端微服务化的背景和价值：背景：业务模块呈现快速增长趋势，孵化的业务模块也逐渐增多。价值：让产品的前端架构能快速、插件化的支持业务的增加二、设计目标解耦产品前端各业务模块，支持独立开发、发布和部署；设计出提供支持插件化 …
一、简单页面1、CSS选择器样式优先级2、CSS实现三列布局（左右固定宽度，中间自适应）（1）CSS浮动第一个float:left，第二个float:right，第三个设置margin-left和margin-right（2）绝对定位法第一个定位到left，第二个定位到right，第三个设置margin-left和margin-right（3）flex布局3 …
前言熟悉 React 的同学想必听说过 Next.js，Next.js 给自己的介绍是“The React Framework”，没接触过的同学可能会有疑问？React 已经是一个框架了，为什么还要有 Next.js 呢？其实 Next.js 是为了互补 React 的不足，Next.js 提供了 CSR、SSR、SSG、ISR、 Streaming 这么多 …
作者：京东物流 宁冲1 前言什么是微前端？微前端是指存在于浏览器中的微服务。本文主要通过对微前端框架single-spa的基座应用加载子应用的single-spa-vue函数库进行分析，通过代码维度分析让大家了解在single-spa加载子应用的时候都做了哪些事情。如何通过优化single-spa-vue函数库保持子应用的状态。由于是在代码维度进行分析，要求 …
原文链接：https:juejin.impost5d4edd516fb9a06b2d77c3d7本文主要谈谈在前端重构中获取到的一些经验总结。大处着眼，小处着手！从细微处谈谈前端重构的一些注意事项。如果你的项目使用的前端模板，后端路由+渲染，本文可能不太符合。本文主要针对SPA类型前端应用。创建一个前端应用大致会包含一些的流程注：测试放在开发之后也许是个错误 …
很多人都想学好前端开发。但是苦于没有具体的步骤和指导。比如想找份前端开发的工作，却不知道应该先学习什么再学习什么，也不知道该选择什么样的工具。想要尽快入门前端，以便更好的找到满意的工作，不妨报名参加Web前端培训，这里有明确清晰的学习路线，专业讲师面授指导教学，可以获得全面提升。 因为经常被人问到类似的问题，今天给大家详细讲讲我们学习前端开发都必须掌握什么内 …