前端
116.学习微前端架构-乾坤
学习微前端架构-乾坤.png
目的:拆分应用,减轻一个庞大应用的压力,从另一个方面将公司所有的系统进行整合,形成一个整体。
微前端出现以前,每个系统都是独立的,用户需要保存不同系统的网址,使用微前端后,记录一个地址就好了。在用户层面进了整合,从开发层面减轻了系统压力。
主应用(不限技术栈)和子应用(目前vite项目的支持度不是很好)
接入案例,参考官网qiankun
首先需要搭建子应用
创建自定义的 Angular 模块
在之前的一篇文章中,我们知道,从组件的角度看,一个 Angular 应用可以看作是按树形结构组织的组件集合。组件树的根结点,是主组件,作为全局组件的占位符,可以包含其他功能组件及其子组件。
在 Angular 应用中,一个组件会承担一个应用功能的一部分职责。换句话说,一个应用功能会分解为若干个组件共同去完成。基于组件去管理 Angular 应用,如果业务复杂,组件过多,粒度会显得过细,难于管理。
vue组件的五种传值方法(父子\兄弟\跨组件)
一、props/$emit父子组件传值:
父传子 (自定义属性 props)
父组件向子组件传参,通过自定义属性的方式进行传参,在子组件中使用prop定义自定义的属性,然后在父组件中通过v-bind指令把需要传递的数据绑定在子组件上,那在子组件中props里面的自定义属性可以直接使用。
//父组件代码 渲染子组件
<Son :name="name" />
// 子组件代码,接
You are using the runtime-only build of Vue where the template compiler is not available
image.png
原因分析:vue有两种形式的代码 compiler(模板)模式和runtime模式(运行时),vue模块的package.json的main字段默认为runtime模式, 指向了"dist/vue.runtime.common.js"位置
解决方法一、
报错后main.js代码:
import App from './App'
import router from
CSS基础-08-Display(隐藏元素 display:none,内联元素转块元素 display:inline,块元素 → 内联元素 display:block)
1. 隐藏元素 (display:none)
1.1 Display
作用:
隐藏某个元素,且该元素不占用空间。
示例
{display:none;}
1.2 和 Visibility比较
作用
隐藏某个元素,但该元素仍占用之前空间。
语法
visibility:hidden
2. 内联元素→ 块元素 (display:inline)
内联元素(行内元素)
语法
dis
2022年Vue面试题
本次让我们系统的熟悉vue的面试常用题目,无论是给准备面试还是准备跳槽的小伙伴,一个学习以及温故知新的版块。这其中加入了我的理解,我尽量用白话文和易懂的语言形式进行解释,如果有地方解释的不正确或者不准确的情况,还请大家不吝赐教。
2022年大环境的不景气,让我们用知识充实自己,面对生活的一次次挑战与考验,加油!
入门级:
1:什么是mvvm?
MVVM是Model-View-ViewModel的简
前端跨局域网访问后端API的常见问题与解决方案
个人名片 🎓作者简介:java领域优质创作者 🌐个人主页:码农阿豪 📞工作室:新空间代码工作室(提供各种软件服务) 💌个人邮箱:[2435024119@qq.com] 📱个人微信:15279484656 &
零基础也能懂的 Web 爬虫实战教程(超完整 Java 项目解析!)
法律声明与警告
一、法律依据:
本软件适用下列中华人民共和国法律法规及司法解释,用户必须全面遵守:
1. 《中华人民共和国网络安全法》(2017 年 6 月 1 日实施) 2. 《中华人民共和国刑法》(2015 年修订,2020 年修订版) 3. 《个人信息保护法》ÿ
【前端实战】如何让用户回到上次阅读的位置?
目录【前端实战】如何让用户回到上次阅读的位置?一、总体思路1、核心目标2、涉及到的技术二、实现方案详解1、基础方法:监听滚动,记录 scrollTop(不推荐)2、Intersection Observer + 插入探针元素3、基于 URL Hash 锚点跳转三、总结1、不同方案间对比总结2、结语
作