♥前端架构♥

系列3：【深入】qiankun动态与按需加载子应用—像电影一样控制出现时机

对于微前端架构而言，管理多个子应用带来了前所未有的灵活性，但也对资源的加载和使用效率提出了更高要求。假设你的微前端项目就像一场电影，而子应用是场景或演员。

rabbit_it·2024-09-15 17:12

前端架构师招聘

前端架构师（薪酬50-80W）所属部门：医美云事业部级别：T4岗位职责：1.负责事业部前端技术选型、关键技术决策；2.负责为技术VP前端相关技术决策提供建议和支持；3.负责组织实施内部UI库、内部基础研发工具和研发依赖的开发和实施

qq_42801150·2024-09-11 04:02

前端架构师的职责

前端架构师的职责没有文档的代码=放弃治疗作为前端架构师,首先要解决的问题就是让日益膨胀的代码可控,因此你需要梳理代码,建立架构,组织文档,管理架构的更新和维护,评审技术方案对架构的影响,核心模块的方案设计

acigt0531·2024-09-11 04:00

layuiAdmin - 一个强大的后台管理框架

layuiAdmin-一个强大的后台管理框架layuiAdminlayuiAdmin后台管理模板完全由layui自建的一套前端架构实现而成的通用型后台管理模板系统项目地址:https://gitcode.com

潘惟妍·2024-09-06 03:37

项目搭建使用qiankun（乾坤），入门篇，以及遇到的坑与解决

微前端架构具备以下几个核心价值：技术栈无关主框架不限制接入应用的技术栈，微应用具备完全自主权独立开发、独立部署微应用仓库独立，前后端可独立开发，部署完成后主框架自动完成同步更新增量升级在面对各种复杂场景时

喂！大掌柜·2024-08-30 11:02

基于AngularJS的企业软件前端架构

2019独角兽企业重金招聘Python工程师标准>>>这篇是我参加QCon北京2014的演讲内容：提纲：企业应用在软件行业中占有很大的比重，而这类软件多数现在也都采用B/S的模式开发，在这个日新月异的时代，它们的前端开发技术找到了什么改进点呢？B/S企业软件前端开发模式大体上与桌面软件类似，都是偏重量级的，在前端可能会有较多的业务逻辑，这些业务逻辑如何被合理模块化，与界面分离，以便测试，成为这个领

weixin_33980459·2024-08-22 09:49

前端架构: 脚手架通用框架封装之添加测试框架(教程六)

添加测试框架接上文，仍旧在abc-cli项目中参考：https://blog.csdn.net/Tyro_java/article/details/136438882现在要在脚手架项目中安装测试工具，选择jest文档：https://www.npmjs.com/package/jest数据：WeeklyDownloads19,759,155(动态)可见是一个比较流行的测试库，现在安装它$npmij

Wang's Blog·2024-03-10 14:42

前端架构: 脚手架框架之commander从基础到高级应用教程

commander1）概述commander是一个更为知名的脚手架框架进入它的npm官网:https://www.npmjs.com/package/commander目前版本:12.0.0WeeklyDownloads133,822,797(动态数据)最近更新：15daysago(npm)说明这是一个更优质的库同时使用commander的案例也更为知名:vue-cli,webpack-cli,c

Wang's Blog·2024-02-20 16:17

2018-05-07

你的专注力，决定你可以走多远，走多久，node后端，前端架构师，混合开发，多学一些是优势。图片发自App图片发自App

无欲而为·2024-02-20 04:22

前端架构: 调试本地脚手架最佳实践梳理

脚手架本地调试标准流程1）链接本地脚手架就是当我们这个脚手架开发好还没上线的时候可以进入到脚手架的一个目录,通过npmlink完成这个操作$cdyour-cli-dir$npmlink这个操作的含义是将当前的项目链接到node全局的node_modules中作为一个库文件,并且还会解析我们的bin配置,去配置可执行文件通过npmlink的时候,它就会在当前node全局的依赖当中创建一个脚手架可执行

Wang's Blog·2024-02-15 07:32

前端架构: 实现脚手架处理简单的命令注册和参数解析

实现简单的命令注册和参数解析1）概述这里不会使用任何第三方工具，而是给大家讲解一下参数解析的一个实现原理实现两个目标第一目标是注册一个命令$xyzcliinit这个命令就可以完成一个自己的操作第二个是实现参数解析希望能够实现--version的一个参数解析以及init-name这样的一个参数解析2）实现那么问题来了，如何能识别到这个init命令$xyzcliinit在nodejs中有一个proce

Wang's Blog·2024-02-15 07:01

前端架构: 简易版脚手架开发

开发一个简易版脚手架将脚手架命名为:xyzcli,这个名称比较随意，截止在目前，我看到npm上没有这个包，尽量避免重名初始化$mkdirxyzcli$cdxyzcli$npminit-y新建bin/index.js#!/usr/bin/envnodeconsole.log('xyzcli')回到package.json中配置{"bin":{"xyzcli":"bin/index.js"}}发布到n

Wang's Blog·2024-02-13 06:05

前端架构: 本地调试脚手架的2种方式

一、调试简单的脚手架方式假定脚手架名称是xxx1）方式1在xxx脚手架项目目录的上一级，执行npmi-gxxx这时候，就可以本地调试脚手架，在前文中已经说明软链的作用参考：https://blog.csdn.net/Tyro_java/article/details/136102674这种方式，可以用到已经发版上线的脚手架项目中2）方式2在未发过版的脚手架项目的根目录中，也就是xxx/下执行$np

Wang's Blog·2024-02-13 06:33

前端架构: 脚手架开发流程中的难点梳理

脚手架的开发流程1）开发流程创建npm项目创建脚手架入口文件，最上方添加：#!/usr/bin/envnode配置package.json,添加bin属性编写脚手架代码将脚手架发布到npm2）使用流程安装脚手架npminstall-gyour-own-cli使用脚手架your-own-cli3）脚手架开发难点分包:将复杂的系统拆分成若干个模块，并且合并成一个复杂系统命令注册，如：$vuecreat

Wang's Blog·2024-02-11 05:11

Vue 和 React 大厂面试通关指南.pdf

前百度/360前端架构师大圣老师给出了一个解决

zz_jesse·2024-02-10 12:38

谈谈虚拟 dom 在 Vue 和 React 中的应用

前百度/360前端架构师大圣老师给出了一个解决

全栈修炼·2024-02-10 12:08

从 16 个方向逐步搭建基于 vue3 的前端架构

我认为前端架构核心工作是定制一套适合当前业务需求的解决方案，从而降低需求的增加而带来的技术实现的复杂度。下面我将从16个方向，逐渐带领大家搭建一套属于你自己的脚

codexu_461229187·2024-02-09 06:46

基于Vue的前端架构，我做了这15点

我认为前端架构核心工作是定制一套适合当前业务需求的解决方案，从而降低需求的增加而带来的技术实现的复杂度。下面我将从16个方向，逐渐带领大家搭建一套属于你自己的脚

codexu_461229187·2024-02-09 06:45

前端架构之路（3） - 前端开发规范

前端开发规范1.为什么需要“前端开发规范”规范不是强制性的，对代码的编写和程序的运行不会有致命的问题，但是没有规范会有一系列的问题，比如：缺乏规范，第一个问题就是团队编码风格不一，增加了成员之间代码的阅读成本，加大了团队协作成本和维护成本；随着团队人员的变化（多人开发一个应用，或者应用更换开发人员），如果缺乏规范，项目可能会变得一团糟，甚至失控；即便是个人开发，规范也是需要的，当把项目转给其他人的

senntyou·2024-02-09 03:55

前端架构: 脚手架的开发流程和常用框架

脚手架的开发流程脚手架的创建$npminit脚手架的开发分包分包是指当我们一个脚手架比较复杂的时候，不可能把所有的js代码全部写在一个脚手架当中势必会把它建很多的不同的模块package，通常我们会把它称之为一个分包的过程会和实际的这个项目一样，去做这个项目的分包参数解析脚手架通常不可能一个命令就能完成所有的功能，一定要一些辅助参数比如说创建项目的时候，要起一个项目的名称，比如--name像这些参

Wang's Blog·2024-02-08 13:37

前端架构: 从vue-cli探究脚手架原理

从使用角度理解什么是脚手架脚手架本质是一个操作系统的客户端在终端中去执行一个命令，这个命令本身它就是一个客户端我们其实可以把脚手架理解为操作系统的一个客户端通过命令去执行它的时候，这个命令往往是这样的一个构造，如下比如：要创建一个vue的项目的时候,$vuecreatevue-test-app上面这条命令由3个部分组成主命令:vuecommand:create这个command是子命令，实际上它向

Wang's Blog·2024-02-08 13:05

前端架构: 脚手架在前端研发流程中的意义

关于脚手架脚手架=command-lineinterface基于文本界面，通过中断输入命令执行常见的脚手架：npm,webpack-cli,vue-cli拿npm这个脚手架来说在终端当中输入npm命令,系统就会通过文本方式返回npm的使用方法它这种通过命令行执行的操作方式效率很高，所以非常适合用来执行前端任务在前端开发的过程中，常常会把脚手架应用在前端研发提效当中举一个的例子，$npminstal

Wang's Blog·2024-02-06 08:52

qiankun 微前端介绍、安装

文章目录一、介绍什么是微前端微前端架构具备以下几个核心价值：qiankun的核心设计理念它是如何工作的为什么不是iframe特性二、快速上手主应用1.安装qiankun2.在主应用中注册微应用微应用1.

南乔几经秋_·2024-02-06 00:07

（已解决）Vue前端架构建设与数据传输，Vue如何使用，如何更改vue端口，如何设置路由，vue中如何进行html套用，vue如何跳转页面，Node.js下载安装，Vue cil下载安装，npm是什么

1.前言为什么要使用VUE：Vue就是简化js的dom书写的（官方语言的解释都搜得到，不说了）都开始学vue了，那些简单的肯定会了，大部分原因就是时代在进步喽，各种技术栈的更新，安全性，维护便利性的提高等等....要求我们去学更新的技术......(vue已经是老技术了，IT行业前景不好，内卷严重，哥找工作的时候咋活啊QAQ)咳咳，说多了，进入正题吧2.安装Node.jsVue有一套标准的模板来进

BrianGriffin·2024-02-04 23:35

物流平台架构设计与实践

一、物流平台架构设计1.前端架构设计物流平台的前端页面应该注重用户体验，提供清晰、易用、美观的界面，同时还需要考虑响应式设计，以便用户能够在不同终端上访问。

007php007·2024-02-04 09:24

vite + postcss-prefix-selector 增加统一作用域

在前端开发中，随着项目规模的扩大，特别是在使用微前端架构后，基座应用和子应用之间的样式冲突和作用域管理成为了一项挑战。

天問_·2024-01-31 10:42

第十章（应用场景篇） Single-SPA微前端架构深度解析与实践教程

文章目录Single-SPA微前端架构深度解析与实践教程1、Single-SPA介绍2.1Single-SPA是什么2.2Single-SPA的特点2、Single-SPA核心原理3.1路由机制3.2生命周期管理

球球不吃虾·2024-01-31 08:24

第九章（应用场景篇）Qiankun微前端深度解析与实践教程

微前端概述二、Qiankun简介三、Qiankun核心原理四、Qiankun实践1.创建主应用2.注册子应用3.路由配置4.子应用开发5.应用通信五、Qiankun优化与扩展最后对比Qiankun和EMP两种微前端架构

球球不吃虾·2024-01-31 08:49

如何编写.gitignore文件

文章目录前端架构师教你如何编写.gitignore文件.gitignore文件简介.gitignore文件的语法规则.gitignore文件的最佳实践常见问题与解决前端架构师教你如何编写.gitignore

球球不吃虾·2024-01-30 22:57

微前端（qiankun）使用手册

qiankun是一个基于single-spa的微前端实现库，旨在帮助大家能更简单、无痛的构建一个生产可用微前端架构系统。

StoneHui·2024-01-29 18:06

什么是微前端？

微前端架构旨在解决单体应用在较长时间跨度下，由于参与的人员、团队的增多、技术变迁等原因，从一个普通应用演变成一个巨石应用（FrontendMonolith）后，随之而来的应用不可维护的问题。

StoneHui·2024-01-29 17:27

如何命令行结束react程序_前端架构React和Vue CTO的选择正确框架的指南

快速总结:为项目选择正确的javascript框架或库是CTO和项目经理的基本任务。然而，选择的范围很大程度上取决于几个因素，如项目时间、学习曲线、框架性能和团队规模。这篇文章旨在指导他们选择正确的javascript框架(或库):ReactvsVue。ReactvsVue-选择正确框架的CTOs指南这是一个值得你考虑的案例!ReverInc.，一家硅谷公司，在构建他们的最后一个MVP之前，将将近

weixin_39746282·2024-01-29 05:14

Vite学习指南

想要学习前端工程化，在新项目中投入使用Vite构建工具的朋友Webpack转战到Vite的小伙伴前端架构师们，可以充实自己的工具箱当然如果你没有项目相关开发经验，也可以从本课程中受益，让你开阔眼界，将你学到的前端知识融会贯通

秋の本名·2024-01-29 00:17

一名前端工程师的机器学习之旅

内容来源：2017年6月24日，美登科技前端架构师邓鋆在“腾讯Web前端大会TFC2017”进行《一名前端工程师的机器学习之旅》演讲分享。

IT大咖说·2024-01-28 23:51

微前端与单页面应用：如何将两种架构结合

而单页面应用则是一种前端架构，其中整个应用程序运行在一个页面上，使用JavaScript进行动态更新。在某些情况下，我们可能需要将这两种架构结合在一起。

OpenChat·2024-01-27 15:42

深度挖掘：前端架构设计与现代化实践

本文将深入研究前端架构设计与现代化实践，探讨前沿技术和最佳实践，并提供对前端开发者如何提高其架构设计能力和实践水平的深刻见解。

zhong_333·2024-01-26 10:33

第六章（原理篇）微前端间的通信机制

Redux3.消息总线（MessageBus）4.本地存储（LocalStorage/SessionStorage）5.跨文档通信（PostMessage）最佳实践与注意事项案例分析微前端间的通信机制微前端架构是一种将多个小型前端应用组合成一个整体应用的架构风格

球球不吃虾·2024-01-26 09:18

第一章微前端介绍与背景

在这样的背景下，微前端（MicroFrontends）作为一种新兴的前端架构风格，逐渐受到开发者的

球球不吃虾·2024-01-25 03:55

微前端：一种新型的前端架构方法

微前端是一种新型的前端架构方法，它将单页面应用程序拆分为一系列小型、独立的应用程序。本文将介绍微前端的背景、概念、特点、应用场景和与其他前端架构的对比，以帮助读者更好地理解微前端的概念和实践。

番茄大大~·2024-01-22 06:07

MVC和MVVM区别和VUE关系

MVC（Model-View-Controller）和MVVM（Model-View-ViewModel）是两种常见的前端架构模式，它们的主要区别在于处理业务逻辑和数据操作的方式。

emma20080101·2024-01-21 06:17

014-信息打点-JS架构&框架识别&泄漏提取&API接口枚举&FUZZ爬虫&插件项目

014-信息打点-JS架构&框架识别&泄漏提取&API接口枚举&FUZZ爬虫&插件项目#知识点：1、JS前端架构-识别&分析2、JS前端架构-开发框架分析3、JS前端架构-打包器分析4、JS前端架构-提取

wusuowei2986·2024-01-21 06:06

前端架构和业务场景面试题（本人真实面试题）

1、场景题：所有地区都要更新一个组件的场景下，需要如何实现？全局状态管理：使用全局状态管理工具（例如Vuex、Redux）来存储组件的状态。当一个地区的组件状态发生变化时，通过全局状态管理工具触发状态的更新，从而影响所有使用该状态的组件。这样的好处是所有组件都可以共享相同的状态，但要注意状态的变更可能会引发组件的重新渲染。事件总线（EventBus）：创建一个全局事件总线，组件通过订阅和发布事件的

SuperYiY·2024-01-18 20:26

行云部署前端架构解析-前言 | 京东云技术团队

一个简单的自我介绍项目规模截止目前上万次代码提交，总代码行数1超过21万行，其中人工维护的代码超过13万行，近千个文件。前端线上服务直接对接的后端服务，达十多个。跟很多应用一样,它有行云的入口,也有独立的服务,还有单独的插件接口它是行云的子应用,也是其它应用的主应用技术栈代码本身是monorepo的结构，通过nx+pnpm进行管理nx是一个优秀的项目管理工具，可以自动分析项目依赖、构建缓存(pac

京东云技术团队·2024-01-18 14:10

9年程序员总结个人的面试技巧

前言笔者坐标北京，目前总共9年的工作经验，在去年的时候由于各方面原因选择了裸辞，然后就开始着手于简历的修改，投递，以及面试，但是呢，并不是很顺利，还好最后找到了，目前在一家游戏公司做前端架构，下面就把我的面试一些经历做个分享

前端玖耀里·2024-01-17 13:16

【前端架构】前端通用架构

一个强大的前端通用架构应该具备多种能力，以支持现代化的应用程序开发和提高开发效率。以下是一些前端通用架构应该具备的关键能力：模块化和组件化：支持模块化开发和组件化架构，能够将应用拆分为独立的模块和组件，以便复用和维护。状态管理：提供有效的状态管理机制，帮助管理应用的数据流，确保状态的一致性和可维护性。路由管理：提供良好的路由管理机制，支持页面导航、嵌套路由和路由守卫等功能，以实现灵活的页面跳转和权

泡泡码客·2024-01-17 12:51

前端架构：从入门到微前端【个人解析】

本篇文章是阅读黄峰达的《前端架构：从入门到微前端》的一些记录和读后感，更新中....一、关于前端架构1.1什么是软件架构软件架构指的是软件系统的高级结构，以及创建这种结构的约束。

青柠茶沐·2024-01-16 21:08

架构的未来：微前端与微服务的融合

目录前言微服务架构简介微前端架构简介微前端与微服务的融合1.共享服务2.基于事件的通信3.统一的身份和认证4.交付管道的集成示例：使用微服务和微前端的电子商务平台微服务架构微前端架构融合微服务和微前端总结作者简介

懒大王敲代码·2024-01-15 23:22

架构师-软件系统架构图学习总结

目录早期系统架构图早期系统架构视图4+1视图解读4+1架构视图缺点现代系统架构图的指导实践业务架构例子使用场景画图技巧客户端架构、前端架构例子使用场景画图技巧系统架构例子定义使用场景画图技巧应用架构例子定义使用场景画图技巧部署架构例子定义使用场景画图技巧系统序列图为什么系统序列图从架构图到序列图早期系统架构图早期系统架构视图第一次系统架构视图正式出现

citi·2024-01-15 06:46

【Vue3 + SpringBoot】搭建企业日报管理saas系统

目录可行性研究与计划需求分析软件设计前端架构设计数据库设计后端架构设计编程开发功能登录注册前端后端选择机构前端后端首页前端后端个人信息页前端后端角色管理前端后端用户管理前端后端机构管理前端后端组织架构前端后端项目模块管理前端后端日报模块消息模块前端后端预览源码感谢可行性研究与计划作为企业的员工

蜗牛不会飞_·2024-01-14 20:47

前端架构师需要具备哪些能力？

我们先看看前端架构师的招聘要求。

全栈弄潮儿²⁰²⁴·2024-01-14 06:59

推荐频道