关于micro-app在micro-app之前，业内已经有一些开源的微前端框架，比较流行的有2个：single-spa和qiankun。single-spa是通过监听url change事件，在路由变化时匹配到渲染的子应用并进行渲染，这个思路也是目前实现微前端的主流方式。同时single-spa要求子应用修改渲染逻辑并暴露出三个方法：bootstrap、mount、unmount，分别对应初始化、
转载
2024-03-27 07:39:48
79阅读
一、html标签替换function mystring(str) {
var ret = str;
while(ret.indexOf(">") >= 0 || ret.indexOf("<") >= 0) {
ret = ret.replace("<", "
转载
2023-09-01 14:39:39
44阅读
写在前面我在写项目时，会把经常用到的方法专门用一个JS文件来管理，下面是我项目中经常用的一些方法1、日期格式化（时间戳转年月日时分秒）； 2、千分位格式化（10000转10,000）； 3、Element UI前端el-table前端导出； 4、两个数组对象去重； 5、后端返回数据流前端下载方法； 6、富文本标签过滤（去除HTML标签） 7、WEB复制到剪贴板功能 6、判断是不是JSON字符串一、
转载
2024-02-24 00:49:02
49阅读
文章目录概述前端封装逻辑封装样式封装ui组件封装业务模块封装封装式开发 概述前端模块化开发是每一位前端开发人员必须掌握的开发技能。如何让自己封装的模块更便于维护，易于使用，逻辑清晰，是一个巨大的挑战。前端封装逻辑封装 样式封装 ui组件封装 业务模块封装逻辑封装在前端开发过程中，我们经常会遇到相同的逻辑，比如将自然数转为字母，或者到某一个时间的倒计时，或者对后端数据进行处理等。实际开发中，我们总
转载
2024-01-10 16:20:49
60阅读
01、加载js || css || 风格const loadRes = function(name, type, fn) { // 加载js || css || style
let ref
if (type === 'js') { // 外部js
ref = document.createElement('script')
ref.s
转载
2024-02-22 19:50:29
23阅读
这是我在实际开发中常用的一些js函数方法，总结一下，以后可以，有需要的小伙伴可以参考下百度就完事了，不不不！我亲自实践过好真的多次，百度一次还好，记不住一次碰着了还得找性娘干净是拉低工作效率。01、加载js || css || 风格const loadRes = function(name, type, fn) { // 加载js || css || sty
转载
2023-08-28 20:22:36
30阅读
写在前面虽然说Fetch API已经使用率已经非常的高了，但是在一些老的浏览器还是不支持的，而且axios仍然每周都保持2000多万的下载量，这就说明了axios仍然存在不可撼动的地位，接下来我们就一步一步的去封装，实现一个灵活、可复用的一个请求请发。这篇文章封装的axios已经满足如下功能：无处不在的代码提示；灵活的拦截器；可以创建多个实例，灵活根据项目进行调整；每个实例，或者说每个接口都可以灵
转载
2024-07-03 22:48:38
32阅读
本文为笔者实习期间学习记录vue前端post/get封装与api接口统一管理 文章目录一、功能描述二、设计思路三、代码实现 一、功能描述采用原本使用axios的post/get与后端交互是这样的：// 增加数据
add() {
this.$axios
.post("/add", {
requestHead: {
拦截器就像"检查站"，每个请求发送前都会经过这里进行处理。
在一个项目当中,我们常常需要调用很多接口,我们不可能每次调用接口都完整地写一遍调用,因此我们需要对其进行封装 /************axios.js**************/ // 封装axios import axios from "axios"; import qs from "qs"; ...
转载
2021-10-23 15:45:00
165阅读
2评论
在一个项目当中,我们常常需要调用很多接口,我们不可能每次调用接口都完整地写一遍调用,因此我们需要对其进行封装/************axios.js**************/// 封装axiosimport axios from "axios";import qs from "qs";// 初始化axios,设置默认的baseURLconst http = axios.create({
转载
2021-10-26 11:08:16
271阅读
jquery对外暴露了两个方法：jQuery和$, * 这两方法实际上是同一个方法， * 通过调用这两个方法，可以得到一个jQuery实例对象。 * jQuery实例对象是一个伪数组对象。 * jQuery和$实际上是一个工厂函数。 先实现一个弹出框插件的实列：（为了实现插件机制，让外界可以透过jQ
原创
2022-08-06 00:15:42
140阅读
目前前端三大框架（vue.js, Angular.js, react.js）都在引领着前端的组件化开发方向，组件化的前端开发方式的确为业务实现带来了前所未有的方便，其实组件化开发早已经具有（YUI），但如何封装一个优秀的组件，可能并不是每位前端开发者都能够做好的。组件封装有一定的不确定性，更多时候是在做几个方面的权衡，并且在业务不断变化中，可能还会面临一些调整和重构。组件化开发的意义有很
转载
2024-01-17 14:20:38
37阅读
对于当今的前端开发，模块化已经成了一种通用的解决方案，不管是vue还是React还是Angular，其中都会涉及的组件的封装。对于各现在的前端开发来说，如何去封装一个组件，以及封装组件的过程中，应该注意哪些东西都已经是每个前端的必备的基础技能了。但是在很多的时候，对于一些刚刚进入这个行业的新人来说，可能有部分的老人，不是很清楚什么时候应该去封装组件。接下来我就以下的问题聊一下组件的封装。我们为什么
转载
2024-07-29 21:37:32
7阅读
1、判断变量数据类型 function getValuetType(value) { return Object.prototype.toString.call(value) } 2、数组去重 function unique1(arr) { return [...new Set(arr)] } fu ...
转载
2021-07-20 14:03:00
61阅读
2评论
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
原创
2022-09-03 01:27:40
88阅读
jquery对外暴露了两个方法：jQuery和$, * 这两方法实际上是同一个方法， * 通过调用这两个方法，可以得到一个jQuery
html,body { height: 100%; //overflow-y: auto; //position: relative;}#root { height: 100%; position: relative;}* { margin: 0; padding: 0; border: 0; font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft ...
原创
2021-06-17 14:28:52
212阅读
先给大家总的说一下这个项目里面用到了哪些功能吧！后面有代码的解析首先要说的就是登陆和注册页面，其中用到了前面分享
原创
2022-11-17 01:29:03
102阅读
# 前端axios封装处理错误
在前端开发中，我们经常使用axios进行网络请求。它是一个基于Promise的HTTP客户端，可以在浏览器和Node.js中发送HTTP请求。然而，当我们处理网络请求时，经常会遇到一些错误，例如网络不可用、请求超时等。为了提高代码的可维护性和错误处理的统一性，我们可以封装axios并对错误进行统一处理。
## 错误处理的必要性
在实际开发中，我们可能会遇到各种
原创
2023-08-27 11:56:28
186阅读
