前端架构设计第30页

微前端qiankun从头写一个demo，包含主微应用、微微应用通信用例

文章目录qiankun微前端demo说明1.路由说明：1.1hash路由：1.2history路由：路由切换2.LifeCycles:3.父子通讯3.1主应用与微应用的通信3.2微应用之间的通信4.手动加载微应用

Yoyo_Yan·2024-02-20 02:58

纯前端低代码平台demo，vue框架，nodejs，简单的pm2纯前端部署实践

文章目录目录结构说明本地运行项目启动后的页面demo前端部署打包pm2nginx后话前段时间开发了一个纯前端的低代码平台demo，vue框架，nodejs，pm2纯前端部署实践。

Yoyo_Yan·2024-02-20 02:58

【前端工程化面试题】webpack proxy的工作原理，为什么能解决跨域问题

在webpack的配置文件webpack.config.js中有一个配置项devServer里面有一个属性是proxy，这里面可以配置代理服务器，解决跨域问题，请参考官网。一般来说webpack的代理就是说的开发服务器webpack-dev-server。其实不光是webpack其他的打包工具比如是vite，也有代理的功能，也是开发服务器。webpack-dev-server的工作原理本质是利用了

我有一棵树·2024-02-20 02:55

【前端工程化面试题目】webpack 的热更新原理

可以在顺便学习一下vite的热更新原理，请参考这篇文章。首先有几个知识点需要明确热更新是针对开发过程中的开发服务器的，也就是webpack-dev-serverwebpack的热更新不需要额外的插件，但是需要在配置文件中devServer属性中配置hot：true，需要安装webpack-dev-server这个npm包webpack的热更新也使用websocket具体的步骤如下运行webpack

我有一棵树·2024-02-20 02:25

【前端工程化面试题】webpack的module、bundle、chunk分别指的是什么？

首先从语法方面在配置文件中有module这个配置项，里面有rules选项用来配置各种loader，还有其他各种选项，参考官网。bundle和chunk在配置文件中是没有这个选项的，但是会出现在配置的值中。module模块指单个文件，可以是js、css、图片等，每个文件都是一个独立的模块，可以通过import.和require等方式导入和导出模块可以包含代码、依赖关系和其他相关资源。代表应用程序的组

我有一棵树·2024-02-20 02:25

用户头像（图片文件）上传（Vue + nodejs 前后端）

文件上传（图片上传）前端：Vue3+element-plus后端：express前端封装一个Upload组件和一个upload方法。

小秀_heo·2024-02-20 02:53

2024前端面试准备之HTML篇

全文链接1.doctype的作用是什么DOCTYPE是html5标准网页声明，且必须声明在HTML⽂档的第⼀⾏。来告知浏览器的解析器⽤什么⽂档标准解析这个⽂档，不同的渲染模式会影响到浏览器对于CSS代码甚⾄JavaScript脚本的解析⽂档解析类型有：BackCompat：怪异模式，浏览器使⽤⾃⼰的怪异模式解析渲染⻚⾯。（如果没有声明DOCTYPE，默认就是这个模式）CSS1Compat：标准模式

前端fighter·2024-02-20 02:23

Visual Studio 2019 创建Web项目时，后端C#控制前端HTML

stringspanHtml="";Response.Write(""+spanHtml+"");这段代码的功能是在前端页面中插入一个红色的水平线。

QQ546475772·2024-02-20 02:40

Avalonia学习（二十三）-大屏

圆形控件前端代码后台代码usingAvalonia.Controls;usingSystem.ComponentModel;usingSystem;usingAvalonia;usingSystem.Drawing

jason成都·2024-02-20 02:07

Avalonia学习（二十二）-等待

前端代码（主要是样式）-->后台代码usingAvalonia;usingAvalonia.Controls.Primitives;usingAvalonia.Media;usingSystem;usingSystem.Collections.Generic

jason成都·2024-02-20 02:37

vue与node.js项目前后端连载

解决方案项目目录目录.pngclient文件夹为前端部分，其余为node后端部分，二者均有一个package.json文件。

Bouc·2024-02-20 02:34

年薪30万程序员与女幼师相亲，听完要求，程序员：配不起

小编是一个有着5年工作经验的架构师，关于web前端，自己有做材料的整合，一个完整学习web前端的路线，

强哥科技兴·2024-02-20 02:29

【激光SLAM】激光的前端配准算法

Optimization-basedMethod）优化方法的求解地图双线性插值拉格朗日插值法——一维线性插值相关方法（Correlation-basedMethod）帧间匹配似然场算法流程位姿搜索分枝定界算法引用在激光SLAM中，前端配准

趴抖·2024-02-20 02:34

前端环境搭建问题报错

1.npmi安装依赖的时候，报错node-sass版本不匹配，错误状态status1。[email protected]:nodescripts/build.jsnpmERR!Exitstatus1Failedatthenode-sass@4.12.0postinstallscript.npmERR!Thisisprobablynotaproblemwithnpm.Therei

小王今天也要加油鸭~！·2024-02-20 02:30

vue3：codepen上生成的动效代码/ 前端生成统计图（echarts包）

codepen上生成的动态效果怎么放到自己的代码里（vue3组合式api）设计给了个动态效果，说源码在codepen上面，打开一看，好家伙没有html，css也只有图里展示的这么点，那就是纯靠js实现。但是js里面这种的代码放到vue里肯定直接报错，那就需要我们处理一下。思路：首先看codepen里面都用了什么包，可以看到是https://cdnjs.cloudflare.com/ajax/lib

小王今天也要加油鸭~！·2024-02-20 02:30

视频直播系统架构的设计与实现

视频直播系统作为一种实时性强、用户互动性高的应用，其架构设计至关重要。本文将介绍如何设计和实现一个稳定、高性能的直播系统架构，以提供良好的用户体验和可靠的服务。

007php007·2024-02-20 02:24

电商云平台系统的设计与实现

1.系统架构设计电商云平台系统的架构设计主要分为三个部分：展示层：展示层负责用户交互界面的展示和数据呈现。在电商平台中，用户可以通过该界面浏览商品信息、下订单、支付等操作。

007php007·2024-02-20 02:24

HIS系统架构设计与实现的经验总结

以下是本文对HIS系统架构设计与实现的经验总结。###1.架构设计阶段在进行HIS系统架构设计时，首先需要明确系统的需求和目标，充分了解医院内部业

007php007·2024-02-20 02:53

2024前端面试准备之Vue3篇

全文链接！！！！！！1.Vue3相比Vue2有哪些改进？CompositionAPI:Vue3引入了CompositionAPI，使得组件的逻辑更加清晰和灵活。开发者可以根据功能逻辑将代码按照功能进行组织，而不是按照选项的方式。更快的渲染性能：Vue3使用了Proxy代理对象来实现数据的响应式，相比Vue2的Object.defineProperty，性能更高效。Tree-shaking支持：Vu

前端fighter·2024-02-20 01:08

2024前端面试准备之TypeScript篇（二）

全文链接1.TypeScript中的装饰器是什么以及如何使用装饰器是一种特殊的函数，用于修改或增强其他函数的功能。在TypeScript中，装饰器可以用于类、方法、属性和参数上。装饰器使用特殊的语法符号@，后跟一个装饰器函数。装饰器函数可以接收不同的参数，具体取决于装饰器的类型。以下是一些常见的装饰器用法：类装饰器：用于修改或增强类的行为。可以在类定义之前使用@符号，后跟一个装饰器函数。装饰器函数

前端fighter·2024-02-20 01:38

2024前端面试准备之TypeScript篇（一）

全文链接1.什么是TypeScriptTypeScript是一种开源的编程语言，是JavaScript的一个超集。它添加了静态类型、类、接口和模块等特性，使得开发者能够更好地组织和维护大型应用程序。TypeScript代码可以被编译成JavaScript，从而可以在任何支持JavaScript的环境中运行。2.如何在项目中使用TypeScript安装TypeScript：首先，在项目的根目录中安装

前端fighter·2024-02-20 01:05

系统架构27 - 软件架构设计（6）

基于架构的软件开发方法基于架构的软件开发方法（ABSD）概述概念与术语开发模型体系结构需求体系结构设计体系结构文档化体系结构复审体系结构实现体系结构的演化基于架构的软件开发方法（ABSD）基于体系结构的软件设计(Architecture-BasedSoftwareDesign，ABSD)是一种软件开发方法。强调在开发过程中首先定义系统的体系结构，然后根据这个体系结构来实现系统。它有助于确保系统的结

银龙丶裁决·2024-02-20 01:31

Vue3快速入门

赵健zj·2024-02-20 01:00

Canal解决Redis与mysql缓存一致性问题

缓存一致性解决方案3Canal介绍3.1Canal应用场景3.2MySQL主从复制原理3.3Canal工作原理3.4Canal配置5同步更新Redis缓存想学习架构师构建流程请跳转：Java架构师系统架构设计

赵广陆·2024-02-20 01:26

快速创建react项目.

react简介说起react，我相信大家都对它有一定的了解，react目前是前端界非常流行的一个框架了，react它产生了很多相关的技术，比如：我们常说的react.js，我们可以用react语法来编写一些网页版应用

River_tong·2024-02-20 01:38

SpringBoot+Vue应急物资管理系统医疗物资管理系统物资库管理系统Java

作者主页：计算机毕业设计老哥有问题可以主页问我一、开发介绍1.1开发环境开发语言：Java数据库：MySQL系统架构：B/S后端：SpringBoot(Spring+SpringMVC+Mybatis)前端

计算机程序老哥·2024-02-20 01:03

构建智慧交通平台：架构设计与实现

随着城市交通的不断发展和智能化技术的迅速进步，智慧交通平台作为提升城市交通管理效率和水平的重要手段备受关注。本文将探讨如何设计和实现智慧交通平台的系统架构，以应对日益增长的城市交通需求，并提高交通管理的智能化水平。###1.智慧交通平台的意义智慧交通平台通过整合先进的技术手段，如大数据分析、人工智能、物联网等，可以实现对城市交通的实时监测、智能分析和精准调度，从而提高交通运行效率、降低交通事故发生

007php007·2024-02-20 01:42

使用vite创建项目

latestYarnyarncreatevitePNPMpnpmcreateviteBunbunxcreate-vite安装sassnpmadd-Dsass安装lessnpmadd-Dlessvite官方中文文档：Vite|下一代的前端工具链

HWL5679·2024-02-20 01:34

使用Vue后怎么针对搜索引擎做SEO优化

而对于使用Vue.js来构建网站的前端开发者来说，了解如何进行针对搜索引擎的SEO优化就显得尤为重要。

JJCTO·2024-02-20 00:49

在vue事件中传入$event，使用e.target和e.currentTarget有什么区别

在Vue中，事件处理是前端开发中非常重要的一部分。当我们在Vue中处理事件时，经常会用到事件对象event，而在事件对象中，有两个常用的属性：e.target和e.currentTarget。

JJCTO·2024-02-20 00:49

Vue中$route 和$router 的区别

在Vue的前端开发中，经常会涉及到路由的使用。Vue提供了两个重要的对象来处理路由相关的操作，即route和route和route和router。

JJCTO·2024-02-20 00:48

前端遮罩层实现_css遮罩层怎么做？

现在大部分的网站，在我们点开一些活动页面是都会弹出一个类似领取红包，奖品等活动信息。也就是一个遮罩层，而实际上这遮罩层就是由简单的css来实现的。下面我们来看一下css如何做遮罩层。css使用可以使用opacity属性或rgba属性来实现遮罩层。通过css设置两个容器在同一位置，然后使用css设置其中一个容器透明度即可实现遮罩层。css做遮罩层示例：先看下我们的html，很简单，一个img图片控件

weixin_39876739·2024-02-20 00:18

【JavaScript】面试手写题精讲之数组(下)

笔者观察了下前端这块的常用算法排序题，大概可以分为如下冒泡排–>稳定排序插入排序–>稳定排序选择排序–>不稳定排序快速排序–>不稳定排序所以笔者在该章节只会讲解这4大排序算法的实现，至于有些读者问如果面试题出了其他的排序算法呢

鑫宝Code·2024-02-20 00:48

【HTML】SVG实现炫酷的描边动画

正文首先，这里涉及的技术是SVG,当然很多前端小伙伴们会觉得SVG有点陌生。是的，SVG是一种图像格式，一般都是由设计师给我们前端画好了，我们只需要下

鑫宝Code·2024-02-20 00:48

cligetter｜一款快速生成 Cli工具开发模版的脚手架

概述近年来cli工具的开发，对于不断发展的前端生态来说，似乎也逐渐成为工程师们的必备技能。

·2024-02-20 00:36

Day01 javaweb开发——tlias员工管理系统

任务介绍完成部门管理和员工管理的增删改查功能环境搭建前端---->后端---->数据库准备数据库表创建springboot工程（web、mybatis、mysql驱动、lombok）application.properties

临渊羡鱼的猫·2024-02-20 00:07

Vue后台管理项目（登录篇）

1.逻辑思路登录：用户提交登录信息之后，会向服务端发送请求，服务端的返回信息中会有一个token，前端将这个token存在cookie中后，可以保证刷新页面用户登录状态不丢失，这个token还可以用来获取用户的其他信息权限验证

LazyXu·2024-02-20 00:04

Promise拆解计划：由规范深入，从原理浅出

大家好，欢迎来到前端研习圈的今日分享。

·2024-02-20 00:06

解决安卓网页底部导航栏被键盘顶起来

最近做网页前端遇到的问题，在安卓端定位在底部的footer会被系统软键盘顶起来，例如下图：例在网上找了一天，没有找到合适的方法解决，别的网站有底部导航栏的也基本没有解决这个问题，可能都不care这点事吧

Mirror_b932·2024-02-19 23:14

【amis低代码前端框架】vue2集成百度低代码前端框架amis

什么是amis：amis是一个低代码前端框架，它使用JSON配置来生成页面，可以减少页面开发工作量，极大提升效率。

G佳伟·2024-02-19 23:32

SpringBootWeb学习笔记——12万字大合集

0.写在前面注：这套笔记是根据黑马程序员B站2023-3-21的视频学习的成果，其中省略了前端基础部分、Maven部分和数据库基础部分，详情可见目录。

扶摇|·2024-02-19 23:57

前端Vue3开发 “硬核” 新书来了

调查结果显示，使用Vue.js的开发者数量多于使用Vue2的开发者，而且大部分人仍在使用Vue2。这个结论与大家的预期可能不一致，有两个主要原因。一是老项目进入稳定期，重构成本高，没有必要升级。二是Vue3引入了大量新特性，如全面拥抱TypeScript、使用Vite替换Webpack等，大家担心这些新技术难以掌握，因此不敢在实际项目中应用。然而，Vue3是大势所趋，Vue2被替换只是时间问题。如

前端组件开发·2024-02-19 23:14

招聘 | Taro 团队招人啦！

我们正在寻找对前端开发充满热情的工程师，加入我们的Taro项目团队。如果你对跨平台应用开发充满激情，并具备以下技能和经验，我们热切期待你的加入！

·2024-02-19 23:33

前端面试题-笔试题

请实现一个fibonacci函数，要求实现以下功能斐波那契数列：[1,1,2,3,5,8,13,…]fibonacci(0)=>1fibonacci(6)=>8functionfibonacci(count){functionfn(count,cur=1,next=1){if(count===0){returncur}else{returnfn(count-1,next,cur+next)}}re

Alice_66·2024-02-19 23:59

前端框架

JavaScript在2017年被IBM评为最值得学习的编程语言之一，自然而然它的流行度快速上升，并一直持续。这也促使了一个活跃的生态系统的生成以及与之相关的技术和框架的发展。如今诞生了非常多的框架和库，如果对每一个框架没有一个大致的了解，恐怕很难抉择。如果你正在尝试选择一个合适的javascript框架，那么下面这几个框架你绝对不容错过：1.AngularJSAngularJS是一个有Googl

air_b10f·2024-02-19 23:07

uni-app页面中连接数据库，并进行更改和查找操作

连接数据库只能使用后台语言，我是用javaweb中的servlet文件，上传到tomcat服务器中，就会生成一个url地址，在前端就能用该url地址访问数据库的内容。

CQUST-XMY·2024-02-19 22:59

每日碎碎念

上午产品经理和前端就一个问题掰扯半天，产品经理说心情坏透了，一大早心情就不好。争论常常影响心情，

皓月映海·2024-02-19 22:58

【JavaScript】IndexedDB

文章目录1.IndexedDB的概念2.IndexedDB的基本用法打开数据库添加数据读取数据更新数据删除数据3.IndexedDB的适用场景4.安全性注意事项5.总结在前端开发中，IndexedDB是一种强大的客户端数据库

好久不见的流星·2024-02-19 22:53

前端面试题-Javascript中如何实现函数缓存?函数缓存有哪些应用场景?（2024.2.19）

一、概念函数缓存就像是一个记事本，它记住了函数每次计算的结果。当函数再次遇到相同的输入时，它不再重新计算，而是直接从记事本中查找并返回之前的计算结果。这个记事本就是一个简单的存储空间，通过记录每次函数调用的输入和输出，来避免不必要的计算，提高效率。这在处理一些计算量较大、但结果常常相同的函数时很有用，就像查字典一样，遇到相同的词汇就直接翻到上次查过的页面，不再重新查找。二、如何实现实现函数缓存的一

bug总结·2024-02-19 22:18

软件架构设计--操作系统

常见I/O类型:缓冲I/O和直接I/O缓冲I/O是C语言提供的库函数直接I/O是Linux系统API应用程序内存:代码中用malloc/free,new/delete等分配出来的内存用户缓冲区:C语言的FILE结构体里面的bufer.内核缓冲区:Linux操作系统的PageCache.1Page一般为4K缓冲I/O的读操作有3次数据拷贝,写操作有3次数据拷贝读:磁盘–>内核缓冲区–>用户缓冲区–>

wzerofeng·2024-02-19 22:47

推荐频道

前端架构设计