目录原因Why Not iframe？qiankun使用qiankun部署项目在子路由的页面去暴露根元素Create-react-app 子应用在vite中使用qiankun方法一（不太推荐）：方法二（推荐）：安装插件修改vite.config.js配置：修改main.ts暴露钩子函数：结尾初始化文件下载依赖包修改package.json最后应用间传值：github地址：https://githu
前言由于最近作者在学习微前端，web component也是其中一大特性，部分微前端框架使用到，也是深入学习了一下相关的知识，分享出来。Web Component是什么？Web Component 实际上一系列技术的组合，主要包含 3 部分：自定义元素。 在 HTML 基础标签外扩展自定义标签元素，也就是我们平时使用框架的"组件"；Shadow DOM。 主要用于将 Shadow DOM 的内容与
第1章 概述为解决项目前端的高耦合、改动牵一发而动全身、多种技术栈强制混用、前端反复重构不彻底的问题，提出微前端的建设。微前端指的是一种由独立交付的多个前端应用组成整体的架构风格。具体的，将前端应用分解成一些更小、更简单的能够独立开发、测试、部署的小块，而在用户看来仍然是一个整体。第2章 需求分析2.1 现状分析目前GA-OA项目的前端是一个整体项目，每一次变更整体打
# Keycloak + jQuery 前端接入指南
随着现代应用程序的不断发展，安全性问题越来越受到重视。**Keycloak** 是一个用于身份和访问管理的开源解决方案，可以帮助我们管理用户身份、授权和单点登录。在这篇文章中，我们将探讨如何将 Keycloak 与 jQuery 集成，从而实现安全的用户身份验证。
## 一、Keycloak 简介
Keycloak 是一个由 Red Ha
原创
2024-09-06 03:42:46
117阅读
文章目录前端配置集成实现1. 添加登录按钮2. appleid请求3. 实现ASAuthorizationControllerDelegate代理4. 实现ASAuthorizationControllerPresentationContextProviding协议5. 监听授权状态后端配置获取Apple的公共密钥以验证ID令牌签名:生成和验证令牌 在2019年的WWDC 上, 苹果要求使用第
转载
2024-05-03 22:37:58
72阅读
1、前言在很多的出行程序中，都会使用到地图这一个功能，在实际的开发中我们也不会去开发一个自己的地图模型。如果自己开发一个地图模型，那么需要投入的成本、人力都是非常巨大的。所以我们很多网站和APP中使用的都是第三方的接口和JS，在案例中我们使用百度地图作为第三方。2、工具准备1、我们既然要使用第三方的功能，所以我们需要在百度中有一个账号。点击这里，可以跳转到百度注册页面2、其次呢，我们需要在百度地图
转载
2024-09-27 22:59:49
135阅读
前端模型系统建模分析前言： 接触Angular技术也有一年多了，来Newegg也刚好一年了，在这一年里，学到了不少关于前端技术的精髓，但是让我最兴奋的，莫过于发现了模型系统，之所以认为它神奇，是因为一切复杂问题其实都可以通过模型系统来很好的进行抽象建模，使得你的工作可是事半功倍。 一、首先我想谈一下对angular的认识：1)、AngularJs通过数据双向绑定
官方：https://qiankun.umijs.org/zh 搭建一个简单的 qiankun demo （全程CV即可）一、 创建webpack项目1. 调整webpack的packjson：2. 在项目目录中创建config文件夹，分别创建build.js、install.js、start.js3. 在项目目录中创建主程序master二、 在master中引入qiankun1. 修改mast
转载
2024-02-04 08:07:31
166阅读
背景介绍对于日常开发中后台系统项目中，肯定避免不了对文件的操作；文件上传、预览等功能。为了用户体验、交互，你也需要这些知识。Excel操作(xlsx)# 安装xlsx
npm i xlsxxlsx提供了很多文件的操作方式，这里说一下常见的三种处理方式：Bolo文件流html Dom对象json 对象功能一：文件读取处理流程：Bolo文件流可以是后台接口返回的也可以通过input选择的通过array
【摘要】：本文整理并简要分析了HTTP协议的交互过程和内容格式，包括HTTP请求、HTTP应答的头域和实体内容，HTTP 1.0与HTTP 1.1的差异，并举例说明了Chunked编码的工作过程原理。 1、HTTP协议简介 浏览器和Web服务器之间一问一答的交互过程遵守一定的规则，这个规则就是HTTP协议。HTTP协议时TCP/IP协议集中的一个应用层协议，定义了
原创
精选
2016-01-12 16:40:05
1582阅读
说明两年前(2017)整理ES5.6的笔记。一．ElasticSearch1、配置mapping（建索引）字符默认为标准分词standardPUT /library
{
"settings": {
"index": {
"number_of_shards": 3,//分片数
"number_of_replicas": 1, //副本
"max_re
转载
2024-04-17 14:23:16
46阅读
1、什么是web前端呢？简单来说，我们使用的app、网页、小程序中可以直接看到的东西都属于前端，里边的数据属于后端取出的。详细概念如下：WEB（World WideWeb） 即全球广域网，也称万维网，它是一种基于超文本和HTTP的、全球性的、动态交互的、跨平台的分布式图形信息系统。通俗点说，WEB就是互联网。 前端则是用户浏览网站的前台部分，即肉眼所能看见的页面。前端是运行在PC端，移动端等浏览器
转载
2024-04-01 19:44:31
41阅读
什么是Modernizr？
Modernizr 是一个用来检测浏览器功能支持情况的 JavaScript 库。 目前，通过检验浏览器对一系列测试的处理情况，Modernizr 可以检测18项 CSS3 功能以及40多项关于HTML5 的功能。 它比传统检测浏览器名称（浏览器嗅探）的方式更为可靠。 一整套测试的执行时间仅需几微秒。 此外，Modernizr 网站通过定制脚本只对你感兴趣
# JAVA还是前端接入sip协议
随着互联网技术的发展，实时通信（Real-time Communication, RTC）越来越受到人们的关注。SIP（Session Initiation Protocol）协议作为RTC领域的一种重要协议，被广泛应用于VoIP（Voice over Internet Protocol）和即时消息等领域。本文将探讨使用Java和前端技术接入SIP协议的可行性
原创
2024-07-30 09:21:34
147阅读
API接口文档的创建与后期的维护是一个耗时耗力的过程。一份接口文档生成后，研发、测试都需要使用到，一些以接口为产品的企业，编写后的接口文档还需要供使用用户查看。接口文档的创建已经让人头疼了，而文档的维护难上加难。以office作为接口文档，在创建时就需要设计好模板，而涉及到使用接口文档的人员需要人手一份，一旦接口文档发生改变，则需要通知每个使用人员。若使用在线文档，当接口达到一定数量后，文档内的接
1.通俗讲移动设备上的viewport就是设备的屏幕上能用来显示我们的网页的那块区域，但不是浏览器可视区域。一般来讲，移动设备上的viewport都要大于浏览器的可视区域。移动设备上的浏览器会把默认的viewport设置为980px或1024px，这样会造成浏览器出现横向滚动条。2.css中的1px不等于设备的1px。分辨率越大，css中1px代表的物理像素就会越多。3.三个viewpor理论：l
本文参考文章：https://forum.huawei.com/enterprise/zh/thread-232281.html无线终端接入过程扫描STA搜索无线网络的过程就叫做扫描，扫描分为两类，主动扫描和被动扫描。主动扫描STA会主动在其所支持的信道上依次发送探测信号，用于探测周围存在的无线网络，STA发送的探测信号成为探测请求帧。探测请求帧又可以分为两类，一类是未指定任何SSID，一类是指定
转载
2024-03-28 07:36:26
61阅读
浅谈python用Falsk写登录页面逻辑既然是做前后端这个登录，那么就是要梳理下逻辑问题，磨刀不误砍柴功基本逻辑如下：用户在form表单中输入需要的信息用js监听onclick事件并获取用户输入的信息用ajax将js获取到的数据发送给python后台python后台将得到的数据读取并根据用户名前往数据库中查询该用户名的密码将数据库查询并返回的结果与得到的用户名和密码进行匹配如果相同，则放行登录到
转载
2024-06-21 06:18:36
8阅读
一、使用场景用户在小程序中查看服务项目，想立即确认服务时间、价格、商家位置，这时只需要点击联系客服的按钮，即可在微信内免加好友进行咨询。【微信客服】将成为商家直连消费者较高效的方式，帮助商家完成与用户的“售前咨询-售后服务-复购咨询”的便捷沟通，提高交易转化。二、功能说明1. 获取企业ID，在小程序内接入“微信客服”①使用企业微信 开通微信客服 https://work.weixin.qq.com
原创
2022-06-29 22:42:56
718阅读
jQuery介绍jQuery是一个轻量级的、兼容多浏览器的JavaScript库。jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互，能够极大地简化JavaScript编程。它的宗旨就是：“Write less, do more.“jQuery的优势一款轻量级的JS框架。jQuery核心js文件才几十kb，不会影响页面加载速度。丰富的D
