前端架构
前端脚手架构建实践
前面的话在前端工程化过程中，为了解决多项目中，相似度高的工作，便诞生许多前端脚手架，这里记录下自己实现一个简易前端脚手架过程的实践。主要是解决多个页面相似内容的复制粘贴问题，功能类似于Webstorm的Live template，或者Vscode的Snippets。思路预先配置页面模板，预留关键字变量 用户填写关键字变量，生成页面模板，输出到制定目录 用到的包fs 读写文件模块，这里主要
日期 2023-06-12 10:48:40
插件化架构设计(3):前端可视化化平台插件架构-grafana实践
插件实践方案其实插件你就把它当一个组件来用就好。用起来就是异步组件加载。vue异步组件加载，看官方文档:https://cn.vuejs.org/v2/guide/components-dynamic-async.htmlreact异步组件加载，其实更好办：在Suspense里面 渲染异步组件或者 是 通过state 渲染出 加载的虚拟 组件vue异步组件加载<template>
日期 2023-06-12 10:48:40微前端架构在现代应用开发中具有的价值
随着互联网应用的不断发展和迭代，传统的单体应用架构已经逐渐无法满足现代应用的需求。为了更好地适应快速变化的市场和业务需求，微服务和微前端架构成为了近年来的热门话题。其中，微前端架构作为前端开发的新兴架构模式，不仅可以提高开发效率、迭代速度和用户体验，还可以提高团队的协作效率和代码复用率，具有很高的业务价值。微前端借鉴了微服务的架构理念，将一个庞大的前端应用拆分为多个独立灵活的小型应用，每个应用都可
日期 2023-06-12 10:48:40
现代前端技术解析(2)详解架构师
响应式页面 响应式设计师指根据不同设备浏览器尺寸或分辨率来展示不同页面结构层、行为层、表现层内容的设计方式。响应式设计网站目前比较主流的实现方式有两种：一是通过前端或者后端判断useAgent来跳转不同的页面完成不同设备浏览器的适配，也就是维护两个不同的站点进行相应的跳转。二是使用media query媒体查询手段，让页面根据不同设备浏览器自动改变页面的布局和显示，但不做跳转。 先看第一种方案
日期 2023-06-12 10:48:40
前端架构设计详解架构师
前端架构师们认为有多个关键的决策需要在项目启动之初就制定下来，如果等到开发阶段的后期再考虑，不是已经用不上，而是一开始错误的决定已经造成了无法挽回的损失。一旦做出这些决策，我们的任务就是去辅助视觉设计、平台开发、底层结构，使之能最大程度满足需求。 如果我们有这样的机会，那么可以创建一个很长的愿望清单： 模块化内容。希望尽可能复用小的组件，而不是弄出几十个不同的内容块。 全面测试。我们之前经常
日期 2023-06-12 10:48:40前端架构设计2：流程核心
流程核心 现在的前端工作流程已经发生了很大的改变, 最开始的Web开发阶段, 一般的工作流程是根据邮件交流来理解客户的需求, 然后通过FTP登录他们的服务器, 对网站代码做必要的修改. 这种做法是非常不成熟的. 如果误解了邮件的内容, 改错了代码, 会发生什么呢? 如果修改了一部分css代码, 导致破坏了很多页面的布局呢? 如果我改掉一个JavaScript的bug, 但又引发两个bug呢?
日期 2023-06-12 10:48:40使用开源微前端框架 Luigi 创建一个基于微前端架构的工程
官网地址 微前端通常被称为“前端微服务”。 它们允许您将大型单体前端分解为独立的、可扩展的、可以协同工作的独立部分。 微前端架构对于复杂的产品或拥有众多团队的公司尤其有用，可以帮助您创建一致的 Web 应用程
日期 2023-06-12 10:48:40
AI：一个20年程序猿的学习资料大全—前端/后端/架构师/运维各种很多教程资料——只有你不想要的，没有你找不到的
本文章仅为合作好友传播，想获取任何资料，请向Ta提问即可哒
日期 2023-06-12 10:48:40大型网站前端架构的设计与优化
前端请求过程是指用户和应用服务器之间发生数据交互前的展现过程，这个过程通常不包含业务逻辑，不需要处理动态内容。 所谓唯快不破，互联网产品在用户体验方面，很重要的一点就是快。前端技术基本的架构与优化，主要是怎样让页面更快更好的展示在用户面前。 一、页面开发最佳实践 1.css样式置顶，Javascript脚本置底 样式表(css)放在网页的HEAD中会让网页显得加载速度更快，因为这样可以使浏览器逐
日期 2023-06-12 10:48:40[转] 透过现象看本质: 常见的前端架构风格和案例
所谓软件架构风格，是指描述某个特定应用领域中系统组织方式的惯用模式。架构风格定义一个词汇表和一组约束，词汇表中包含一些组件及连接器，约束则指出系统如何将构建和连接器组合起来。软件架构风格反映了领域中众多系统所共有的结构和语义特性，并指导如何将系统中的各个模块和子系统有机的结合为一个完整的系统 没多少人能记住上面的定义，需要注意的是本文不是专业讨论系统架构的文章，笔者也还没到那个水平. 所
日期 2023-06-12 10:48:40一个前端与后端分离的架构实例
http://www.codeceo.com/article/web-js-and-server-artch.html 一个优秀的WEB架构，必定会应用一些分层设计的思想，这样可以让系统开发起来更灵活，同时后期维护也比较方便。本文作者麦舒设计了一个前端与后端分离的架构，原文分享如下： 看了《系统架构：Web应用架构的新趋势—前端和后端分离的一点想法》 这篇文章，对前端与后端的分离非常认
日期 2023-06-12 10:48:40PMP知识系统（03）- 前端架构
文章目录 1. 前言2. 前端技术栈2.1 vue-element-admin2.2 开发必备技能 3. 创建前端项目3.1 拉取项目模板3.2 创建项目3.3 修改package.json配置3.4 验
日期 2023-06-12 10:48:40
微前端架构qiankun常见问题及解决方案
一、qiankun 常见报错 1、子项目未 export 需要的生命周期函数 先检查下子项目的入口文件有没有 export 生命周期函数，再检查下子项目的打包，最后看看请求到的子项目的文件对不对。 2、子项目加载时，容器未渲染好 检查容器 div 是否是写在了某个路由里面，路由没匹配到所以未加载。如果只在某个路由页面加载子项目，可以在页面的 mounted 周期里面注册子项目并启
日期 2023-06-12 10:48:40spring mvc DispatcherServlet详解之前传---前端控制器架构
前端控制器是整个MVC框架中最为核心的一块，它主要用来拦截符合要求的外部请求，并把请求分发到不同的控制器去处理，根据控制器处理后的结果，生成相应的响应发送到客户端。前端控制器既可以使用Filter实现（Struts2采用这种方式），也可以使用Servlet来实现(spring MVC框架)。 DispatcherServlet 作为前置控制器是web服务器的入口，是s
日期 2023-06-12 10:48:40