前端response header axios
Vue模版(主要对axios进行了封装)
Vue模版 一、优势: vue-router(包含前后置路由守卫) axios的多次封装,aixos集中管理 html、js、css、vue文件的代码规范化 引入elementui 二、环境 Node20可正常运行 三、使用方法 1.安装依赖 npm install 2.运行脚手架 npm run ......
单一职责原则 Single Responsibility
一、定义 不要存在多于一个导致类变更的原因 如果改变了一个方法,导致了另一个方法故障,那么就违背的单一职责原则 二、特点 一个类/接口/方法只负责一项职责 三、优点 降低类复杂度 提高类的可读性 提高系统可维护性 降低变更引起的风险 四、举例 ......
责任链模式 Chain Of Responsibility
一、定义 为请求创建一个接收此次请求对象的链 特点:类中包含一个和自己同类型类的对象 二、适用场景 一个请求的处理需要多个对象当中的一个或几个协作处理 三、优缺点 1、优点 请求的发送者和接收者(请求的处理)解耦 责任链可以动态组合 2、缺点 责任链太长或者处理时间过长,影响性能 责任链有可能过多 ......
从零开始用 Axios 请求后端接口
对于前端同学来说,请求后端接口是一个非常通用的东西。在十几年前的时候,我们还用 Ajax 去请求后端接口。但在 2023 年的今天,很多框架都很成熟了,我们有了更加快捷的方式 —— Axios 框架。 请求框架哪家强? 对于使用 Vue 技术栈的同学来说,其实接口请求框架就三种:vue-resour ......
前端广度和深度拓展方式之多看博文
记录一些阅读的比较好的博文汇总 1.框架类相关的 前端框架自欺欺人,TypeScript全无必要?(自述了对于目前前端框架越来越复杂,学习成本越来越高的背景和见解) ......
前端常用登录方式
前端常见登录方式 总结下前端几种常见的登录方式: Session Token Oauth 第三方登录 SSO 单点登录 多因素认证 1、 基于会话(Session)的认证 特点:服务端存储 SessionId 1.1 实现流程 用户提交登录表单,包含用户名和密码。 服务器验证凭证,如果凭证正确,则创 ......
vue项目多axios实例动态创建
// 通用请求拦截器 import axios from "axios"; import Qs from "qs"; import store from "@/store"; import router from "@/router"; import { Loading, Message } fro ......
【前端VUE】VUE通信组件学习(附源代码)
props props可以实现父子组件通信,不管是在vue2或者vue3,props数据还是只读的!!!不能直接修改其值;在vue3中,我们可以通过defineProps获取父组件传递的数据,且在组建内部不需要引入defineProps方法可以直接使用,如下面例子 Parent.vue //父组件 ......
前端面试八股文汇总
一、CSS 1.说一下CSS的盒模型。 在HTML页面中的所有元素都可以看成是一个盒子 盒子的组成:内容content、内边距padding、边框border、外边距margin 盒模型的类型: 标准盒模型 margin + border + padding + content IE盒模型 marg ......
前端标签
前端标签是用于描述网页结构和内容的标签。它们可以分为以下几类: 文档声明、文档结构、功能标签 这类标签用于描述文档的类型、结构和功能。例如: <!DOCTYPE html>:声明文档的类型 <html>:定义文档的根元素 <head>:定义文档的头部 <body>:定义文档的主体 <title>:定 ......
前端体验优化(4)——数据
数据包括性能指标、监控数据以及通过埋点得到的业务数据,而数据分析是体验优化的最后一环。 通过数据来量化当前的工作,从而证明工作是否高效,优化是否有效等问题。 量化的工作包括代码质量和业务数据。 一、代码质量 代码质量的数据来源于思维导图中的性能指标和监控体系,包括 SLA、慢响应、前端错误、白屏和首 ......
前端json转excel 到zip下载
问题描述:后端返回数据原先返回是多个json文件的压缩包二进制文件流,前端直接下载二进制文件流。但是客户要求下载excel类型文件。 解决方案:前端拿到表格的json数据转换成对应table的html字符串,使用插件js-xlsx。 给个链接, import * as XLSX from 'xlsx ......
vue2前端调接口下载(导出)后端返回.zip压缩文件流
1、接口api // 三级教育档案导出 export function searchPersonnelHousInfoExport(data) { return request({ url: train + '/fileExport/controller/export/personalProfile ......
Build Secure Web Services With SOAP Headers and Extensions
原文如下: https://www.developer.com/microsoft/dotnet/build-secure-web-services-with-soap-headers-and-extensions/ 摘录我最想要的Extensions部分 <%@ WebService Langua ......
修复微前端无界[wujie]子应用window属性值在初始化后不再变化的问题
问题 部分的组件库(例如antd)使用到了window.innerWidth和window.innerHeight属性,可无界框架在初始化时仅将主应用的innerWidth和innerHeight属性赋值给子应用,导致后续不管主应用如何变化,子应用的这两个属性无法跟随变化,也就导致子应用使用的这些组 ......
【持续更新篇】SLAM视觉特征点汇总+ORB特征点+VINS前端
Harris角点 opencv函数 cornerHarris提取输入图像的Harris角点 检测原理 检测思想:使用一个固定窗口在图像上进行任意方向的滑动,对比滑动前后的窗口中的像素灰度变化程度,如果存在任意方向上的滑动,都有较大灰度变化,则认为该窗口中存在角点。 \(E(u, v)=\sum_{( ......
前端开发者
当涉及到前端领域的成功人士,有许多杰出的开发者可以作为学习榜样。以下是一些在前端领域有所成就的人士,他们在社区中广受尊敬并有着丰富的经验和知识: Dan Abramov:React 的核心开发者之一,他的技术博客和社交媒体上的分享非常受欢迎。 Sarah Drasner:她是 Vue.js 的倡导者 ......
如何实现前端跨域,配置代理
// 在vue.config.js中配置代理 const { defineConfig } = require('@vue/cli-service') module.exports = defineConfig({ transpileDependencies: true, devServer: { ......
关于若依框架前端页面验证码加载不出来,404报错的问题
问题页面如下: 上网查询了一堆资料后,终于解决 原因是前后端的端口号不一致,改成一致即可 打开前端vue.config.js文件 把target: http://localhost:8080,改成http://localhost:8085,这里的端口根据实际更改即可 重新启动后页面恢复正常 ......
前端导出Excel【支持样式配置,多sheet,多级表头】
在我们的管理系统项目中,将表格数据导出为Excel文件是很常见的需求,一线业务人员经常会利用生成的excel文件做汇总和报告。根据功能的实现方式可以分为前端导出和后端导出,作为前端开发人员,后端导出对我们来说比较简单,本文主要讨论前端导出。 在正常的项目中,后端导出的情况会更多一下,因为前端导出受限 ......
推荐给前端开发的 5 款 Chrome 扩展
工欲善其事,必先利其器。Chrome 可能是前端开发中使用最多的浏览器。在日常开发中,下列几款 Chrome 扩展也许能让你的开发工作事半功倍 ? ......
前端体验优化(3)——后端
前端很多时候是不会接触到后端的工作,不过我们公司由于历史原因,维护了大量的 Node.js 服务。 所以也积累了一些后端优化的经验,主要分两块 Node.js 和数据库。 一、Node.js Node.js 的监控没有从 0 开始,业务逻辑的日志直接记录在阿里云中,性能监控部署的是阿里云提供的系统。 ......
[前端][Vue] 利用webstorage API存储数据
关于webstorage API 官方文档 https://developer.mozilla.org/en-US/docs/Web/API/Web_Storage_API 省流说明 1️⃣两种 -- localStorage & sessionStorage 2️⃣存多久 -- local一直存到 ......
前端docx-templates生成word文档
说明 docx-templates项目地址:https://github.com/guigrpa/docx-templates 原文:https://juejin.cn/post/7170695319004315679?searchId=202312171247306E0B93A485DAE6B4E ......
助教工作11月总结(前端开发技术)
一、助教工作的具体职责和任务 作为前端课程的助教,主要职责是协助老师完成一些课外的教学任务,具体包括但不限于以下内容: 解答学生提出的问题:通过QQ群、邮件等方式与学生进行沟通,帮助他们解决在学习过程中遇到的问题和困惑。提供适当的指导和建议,引导学生找到解决问题的方法和思路。 推荐优秀资源:推荐一些 ......
vue3+vite+js中二次封装axios
一、安装axios npm i axios 二、文件结构 涉及到的文件: utils/request.sj api/index.js(可以根据不同页面在api文件下新建不同文件夹,方便管理) vite.config.js 三、request.js 对axios进行简单的二次封装 import axi ......
电脑时间不同步导致的上网报错:core/proxy/vmess/encoding: failed to read response header > websocket: close 1006 (abnormal closure): unexpected EOF
报错内容: 2023/12/16 14:08:56 [Warning] [775541588] xxxxx.com/core/app/proxyman/outbound: failed to process outbound traffic > xxxxx.com/core/proxy/vmess/ ......
前端JavaScript中,对obj对象进行劫持的方式主要有以下几种:
前端JavaScript中,对obj对象进行劫持的方式主要有以下几种: 原型劫持:通过改变对象的原型(prototype)来实现劫持。当一个对象被创建时,它的原型会被存储起来,以便在需要时进行查找。通过将一个对象的原型改为另一个对象或null,可以控制该对象的属性和方法。 属性访问劫持:通过在属性访 ......