前端response header axios
【校招VIP】校招考点之前端安全和注入
考点介绍： 随着前端的快速发展，各种技术不断更新，前端的安全问题也越来越值得我们重视。千万不要等到项目上线之后才去重视安全问题，到时候被黑客攻击一切都太晚了。今天的专题将讲述前端几大常见安全问题，在校招面试中也是高频考点。 一、考点题目 1、XSS攻击是什么？ 解答：得分点，XSS是跨站脚本攻击、向 ......
前端实现文件下载功能——文件流
前端下载文件一般使用的是blob 核心的步骤是获取后端响应的文件流，用blob创建一个临时的URL，然后创建一个隐藏的<a>标签，实现下载需求。 那就先上代码 function download(item) { axios.get(getServerUrl() + "/teacher/output/ ......
Java后端向前端返回文件流——实现下载功能
前端实现文件下载功能有多种方法，这里就不一一介绍，这里只介绍使用文件流下载的实现方法。 既然是文件流那就肯定需要给前端返回一堆二进制编码，作为后端就可以返回一个OutPutStream 后端可以使用Java中servlet提供的HttpServletResponse，核心步骤是要设置响应的数据类型， ......
vue前端几个常用的方法
1，字符串数组去重的方法 一、使用set结构去重 set是ES6中的一种数据结构，可以去除重复元素，其特征为无序且不重复，经常用于数组去重的场景。 let arr = [1, 2, 2, 3, 3, 4, 5]; let set = new Set(arr); arr = Array.from(se ......
搭建前端项目框架流程思路
从零开始一个项目，第一步就是搭建项目框架，接下来会总结一下搭建框架的基本思路 第一步确认好项目所使用的框架技术 vue2、vue3或者react,打开对应框架技术的官网，根据教程跑一个最基本的项目，当然在创建项目过程时依需勾选相应需求 第二步，完成第一步项目的基本雏形就有了，在真正开发过程中都是使用 ......
【校招VIP】前端算法考察之排序
考点介绍： 不同的场景中，不同的排序算法执行效率不同。 稳定：冒泡、插入、归并 不稳定：选择、快速、堆排序、希尔排序 一、考点题目 1、使用js实现数组的快速排序 解答：快速排序使用了冒泡+分治的思路。 每轮从数组中取出一个数作为基准；在排序过程中，小于或等于基准数的全部放到基准的左边，大于基准的全 ......
前端大数精度处理方案
问题 在我们常见的 JavaScript 数字运算中，小数和大数都是会让我们比较头疼的两个数据类型。 在大数运算中，由于 number 类型的数字长度限制，我们经常会遇到超出范围的情况。比如：后端给前端返回一个数字类型的 id，但是前端对这个 id 不做任何处理，直接使用到下一个给后端请求的时候，接 ......
【转】前端 commit 规范
【转】前端 commit 规范 什么是约定式提交 约定式提交（Conventional Commits）是一种用于代码版本控制的规范，旨在通过明确和标准化提交信息来提高代码协作质量和效率。其基本原则是通过规定提交信息的结构和语义来提高代码版本控制的可读性、可维护性和自动化程度。 约定式提交规范通常要 ......
搭建前端Vue框架的步骤，包括TypeScript、ESLint、Prettier和Vite的配置
搭建前端Vue框架需要以下步骤： 1. 安装Node.js和npm 2. 创建一个新的Vue项目 ``` vue create my-project ``` 3. 安装TypeScript ``` npm install --save-dev typescript ``` 4. 配置TypeScri ......
5个前端开源项目带你在Web上体验Windows
本文来分享五个 yyds 的开源项目，这些项目把 Windows 带到了 Web 平台上。让我们一起感受这些项目带来的回忆和创新，重温 Windows 93、98、XP 和 7 的经典界面，甚至探索现代概念中的 Windows 11 和 12！ Windows 12 使用 JavaScript、CS ......
好久没写博客 现在重新开发写博客 （封装axios）
创个tuile文件夹request.js import axios from 'axios'; //1. 创建axios对象 const service = axios.create(); //2. 请求拦截器 service.interceptors.request.use(config => { ......
vue项目axios请求 解决跨域问题
前端 添加vue.config.js文件 【【4k小白到全栈】进阶课好看登录页面Vue3+Ts+Pinia+Axios+Vue Rouyer+SpringBoot2.7+Mybatis Plus前后端分离】https://www.bilibili.com/video/BV1x14y1Z74z?p=2 ......
How to get the Axios's response file type All In One
# How to get the Axios's response file type All In One > 获取 Axios 请求响应头中的文件类型 ## Axios `API` https://www.npmjs.com/package/axios ## demos ```js import ......
使用哪种注解处理后台Map参数类型，探究前端发送请求URL限制
## 如何处理接口参数是Map类型探究URL限制 ### 法1：前端发送Get请求 需求：为了得到分页结果，我将分页时需要的参数封装到Map中进行传递 ```java @GetMapping("/page") public R queryPage(@RequestParam Map params){ ......
axios.js的使用方法
axios是一个基于Promise的HTTP客户端，可以用于浏览器和Node.js中。以下是axios的基本使用方法： 1. 安装axios模块： ``` npm install axios ``` 2. 引入axios模块： ```javascript const axios = require( ......
【校招VIP】前端校招考点之页面转换算法
考点介绍： 在地址映射过程中，若在页面中发现所要访问的页面不在内存中，则产生缺页中断。当发生缺页中断时，如果操作系统内存中没有空闲页面，则操作系统必须在内存选择一个页面将其移出内存，以便为即将调入的页面让出空间。而用来选择淘汰哪一页的规则叫做页面置换算法。 一、考点题目 1、下述（）页面淘汰算法会产 ......
移动前端不得不了解的html5 head 头标签
本文主要内容来自一丝的常用的 HTML 头部标签和百度FEX的HTML head 头标签。 移动端的工作已经越来越成为前端工作的重要内容，除了平常的项目开发，HTML 头部标签功能，特别是meta标签显得非常重要。 DOCTYPE DOCTYPE(Document Type)，该声明位于文档中最前面 ......
用AR和VR改变网页体验 - 前端黑科技大揭秘
随着科技的不断发展，前端技术也在不断演进。近年来，增强现实（AR）和虚拟现实（VR）技术的崛起，为网页体验带来了全新的可能性。本文将探讨如何利用AR和VR技术来改变网页体验，为读者带来前所未有的视觉和交互体验。 ## AR技术在网页中的应用 AR技术通过将虚拟元素叠加在现实世界中，为用户创造出全新的 ......
abp-vnext-pro 实战（九，前端vue和vben学习）
vben效果 Vben Admin (vvbin.cn) 对应的代码在 vue-vben-admin/src/views/demo/page/form/basic/data.ts at main · vbenjs/vue-vben-admin (github.com) { field: 'time' ......
js_使用axios请求图片资源, 并读取图片资源为base64格式
- 情景再现: 今天在写页面时遇到这么一个请求: 有一张图片, 默认隐藏, 要求在该图片加载完毕后, 执行取消隐藏的动画. 目的是不要在执行动画期间图片有空白的样子. 第一个想到的当然是img的onload回调函数. 但是天生反骨不爱用行内元素. 于是想到使用ajax请求图片资源, 再使用FileR ......
前端工程化实践 All In One
前端工程化实践 All In One
提高效率, 保证质量，降低成本，产生价值
前端工程化是什么
把软件工程的最佳实践应用到大型前端项目上，对大型前端项目进行工程化的开发和管理.
前端工程化本质
减少不必要的重复劳动，提高开发效率，保证代码库质量，降低后期迭代、维护的风险和成本，为公司和个人带来真正... ......
前端项目报EISDIR: illegal operation on a directory, read这个错误
背景： 我用webstorm开发前端页面时，项目用Vue3来开发，出现如下报错。 ![image-20230824171957615](https://img2023.cnblogs.com/blog/2355908/202308/2355908-20230824173234954-82254241 ......
vue-manager-system前端开发使用
github地址，感谢作者xzfxz开源 https://github.com/xzfxz/vue-manager-system 1. cnpm install 2. cnpm run dev 3. cnpm run build ......
关于前端接口的formData传参
工作中遇到个简单的问题，后端提供接口需要前端用formdata 传文件和普通对象参数拼接的参数； 本来是个简单的问题，记录一下做个简单的总结顺便梳理下相关基础性知识点： ##### 1. formdata 将数据转换成键值对进行传参, key是唯一，一个key可以对应多个value，如果是使用表单初 ......
对于用户名密码前端加密的爆破
前言 目前越来越多的网站系统在登录接口、数据请求接口中加入各式各样的加密算法，甚至有些网站在每次请求前都动态请求加密密钥等措施，对接口渗透工作造成较大障碍，简单对登录接口暴力破解时字段被加密，如何处理加密内容进行暴破来进行一个简单思路的分享。 常规思路 前端js逆向，通过对js里的加密算法进行破解， ......
前端命令——编译文件ts scss sass 等
## 1. 安装 ```bash npm install -g typescript ``` ```bash tsc --initÏ ``` ## 2. 使用方法 ### 2.1、将ts文件转化为js ```bash tsc index.ts ``` 会自动生成对应的index.js文件 ### 2 ......
node前端的流水线pipline案例
``` pipeline { agent { kubernetes { cloud 'kubernetes-dev' slaveConnectTimeout 1200 workspaceVolume hostPathWorkspaceVolume(hostPath: "/opt/jenkins/wo ......
前端页面不同屏幕适配-（postcss-pxtorem插件）
# 背景 开发中我们常用`px`作为网页的单位，但是`px`在不同屏幕下不会自适应，这样会导致网页元素在小屏幕下的话会变得相对比较大，在大屏幕下会变得相对比较小 # 解决方案 https://juejin.cn/post/7217999296263553081 https://vant-contri ......
前端开发进阶：前端开发中如何高效渲染大数据量？
在日常工作中，有时会遇到一次性往页面中插入大量数据的场景，在数栈的[离线开发](https://www.dtstack.com/dtinsight/batchworks?src=szsm)（以下简称离线）产品中，就有类似的场景。本文将通过分享一个实际场景中的[前端开发](https://www.dt ......