前端response header axios
前端模块化开发技术的发展趋势
说起模块化开发大家想必都不陌生,特别是随着前端应用复杂化,代码呈倍数增长,我们不得不耗费大量的时间去进行管理,模块化也就逐渐的被大家所接受。 ......
【校招VIP】前端算法考察之链表算法
考点介绍: 链表是一种物理存储结构上非连续的数据结构,数据的逻辑顺序是通过链表中的指针链接次序实现相互勾连。链表相对数组而言有很多不同之处,在特定场景下能发挥独特的优势。例如链表的插入和删除操作比数组效率高,数组需要改变其他元素的位置,而链表只需要改变指针的指向。 答案详情解析和文章内容可点击下方链 ......
学习 vue.js 3.0 中遇到的前端相关网站汇总
序章 最近学习 vue.js,期间遇到不少相关网站,特整理于本文。 学习教程 菜鸟教程 https://www.runoob.com/ 阮一峰:Flex 布局教程 语法: https://www.ruanyifeng.com/blog/2015/07/flex-grammar.html 实例: ht ......
axios封装后发get请求
##ruoyi的前端对axios进行了封装,让我们发get请求或者是post请求更加方便了。ruoyi对axios的封装在下面文件中: ![](https://img2023.cnblogs.com/blog/2957868/202309/2957868-20230905204213430-5853 ......
前端编程题(一):数组
### 手写数组常见方法 ```js // 数组map Array.prototype.myMap = function (callback) { const arr = [] for (let i = 0; i { return pre.concat(Array.isArray(cur) && d ......
Axios API
Axios API Axios API参考 可以向 axios 传递相关配置来创建请求 axios(config) // 发起一个post请求 axios({ method: 'post', url: '/user/12345', data: { firstName: 'Fred', lastNam ......
Axios 实例
Axios 实例 创建一个实例 您可以使用自定义配置新建一个实例。 axios.create([config]) const instance = axios.create({ baseURL: 'https://some-domain.com/api/', timeout: 1000, heade ......
前端实现轮询
/** * * @param callback 需要轮询的函数 * @param interval 轮询的间隔时间 * @returns */ export function pollFn(callback, interval = 1000) { let timerId; //是否停止轮询 let ......
【前端】Layui动态数据表格拖动排序
目的:使用Layui的数据表格,拖动行进行排序。 使用插件:layui-soul-table 和 Layui 1.layui-soul-table文档:https://soultable.yelog.org/#/zh-CN/component/start/install 2.layui文档:Layu ......
购物车的实现 前端按钮 , 一次就是加一次数量吧
后端实现都是查询list集合 ,查询list集合条件是userID 物品id ,list集合其实查询出的就是一个 因为 物品id是唯一的 。。, 另外思想有点像批量删除,和单个删除有点类似 用in来实现 in里面传入的也是list集合, 非常的类似 看了淘宝,美团外卖,多多买菜的基本都是查询list ......
前端 文件流下载blob
1.axios请求携带 responseType: 'blob' export function getCreateReport(id) { return request({ url: `${apiPrefix}/bus/proposal/evaluation/${id}`, method: 'Ge ......
前端之外
## 编程语言 [PHP](http://php.net/):PHP(外文名:PHP: Hypertext Preprocessor,中文名:“超文本预处理器”)是一种通用开源脚本语言。语法吸收了C语言、Java和Perl的特点,利于学习,使用广泛,主要适用于Web开发领域 [NodeJS](htt ......
Web前端编程范式
## Event-Driven Programming - **[Comparison Between Different Observer Pattern Implementations](https://github.com/millermedeiros/js-signals/wiki/Comp ......
Web前端设计模式
- [CSS Modules](https://github.com/css-modules) : A CSS Module is a CSS file in which all class names and animation names are scoped locally by defaul ......
从零开始一个vue3前端项目day04-头部导航篇
在实际开发项目中通常会把头部导航栏写成一个通用组件,这里来具体说一下实现思路 1:front-header组件就是我们的头部导航栏,路由我们已经配置好了,把每个导航的首页路径,配置成navList(包含name,path),这样就通过遍历navList就能写出一个首页导航组件 2:导航的选中状态实现 ......
前端工程化
## 前端打包工具 ### Source Map - **[combine-source-map](https://www.npmjs.org/package/combine-source-map)**: Add source maps of multiple files, offset them ......
前端项目环境搭建笔记
@[toc] ## 简介 技术栈:vue3、TypeScript、vue-router、pinia、element-plus、axios、echarts等 ## 一、vue3组件通信方式 **通信仓库地址:https://gitee.com/jch1011/vue3_communication.gi ......
前端实现图片验证效果
效果图: // 页面执行 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>图形验证码</title> </head> <body> <div id="v_container" style="width: 200px;height ......
【校招VIP】前端专业课考点之CSMA/CD协议
考点介绍: CSMA/CD,载波监听多点接入/碰撞检测,是广播型信道中采用一种随机访问技术的竞争型访问方法,具有多目标地址的特点。它通过边发送数据边监听线路的方法来尽可能减少数据碰撞与冲突。采用分布式控制方法,所有结点之间不存在控制与被控制的关系。 答案详情解析和文章内容可点击下方链接即可查看 一、 ......
前端框架比较:HybridApp究竟谁更强?
HybridApp是指原生与前端语言相结合开发的应用,HybridApp可以运行在Android、iOS端上,不能用于PC端,称为混合类APP。混合开发是一种取长补短的开发模式,原生代码部分利用Web View插件或者其它框架为H5提供容器,程序主要的业务实现、界面展示都是利用与H5相关的Web技术 ......
关于前后端交互,取header的尴尬
背景: 最近在写一个接口的时候,需求是这样的,上传excel,匹配项目有多少个字段匹配上了,如果匹配上了在单元格上标注绿色背景,然后返回excel文件和匹配的详细。 首先这个excel文件,后端是不会去保存的,所以无法直接返回文件链接,然后需要返回一个json,告诉前端有多少行是匹配上了的,中匹配多 ......
前端微应用框架(qiankun)调研
一、安装 1、主应用安装qiankun(子应用只做代码配置,无需任何安装) yarn add qiankun # 或者 npm i qiankun -S 二、关键参数介绍 1、主应用注册微应用 import { registerMicroApps, start, setDefaultMountApp ......
总结流媒体服务前端的一个产品要点
总结流媒体服务前端的一个产品要点 a. 超时重连机制,当到达一定次数的时候,显示视频走丢了,请手动重试 b. 视频比例的问题,当16:9的时候大于小于这个数值时会出现一定的问题 c. 视频播放完毕的时候自动跳转页面 d. 自动播放的问题,程序自动播放的问题 研究flvjs的源代码,以及代码中的问题。 ......
从壹开始前后端开发【.Net6+Vue3】(二)前端框架
# 项目名称:KeepGoing(继续前进) ## 介绍 工作后,学习的脚步一直停停走走,希望可以以此项目为基础,可以不断的迫使自己不断的学习以及成长 将以Girvs框架为基础,从壹开始二次开发一个前后端管理框架 在这过程中一步步去学习使用到的技术点,也同时会将在此过程中遇到的问题进行分享 项目地址 ......
前端小白Step2-package.json文件详解
前文已讲过 package.json npm的配置文件,主要用于确定当前项目直接依赖的包版本的范围(例如:^1.0.0表示的是大于等于1.0.0小于2.0.0)只依赖package.json管理包会有两个缺点: * . 同一份package.json安装的依赖版本可能不同,如果依赖包有小版本更新并且 ......
Nginx解决前端history路由模式下页面刷新404
原配置: ``` server { listen 80; server_name localhost; gzip on; gzip_static on; # 需要http_gzip_static_module 模块 gzip_min_length 1k; gzip_comp_level 4; gzi ......
Windows隐藏nginx的版本,去掉header中的server后面的内容
一、隐藏nginx的版本,只需要修改nginx的配置文件,重启nginx即可 打开nginx所在文件下的conf文件夹下的 nginx.conf 修改server节点下的 server_tokens 改为server_tokens off; 如果没有,添加即可; 二、去掉header中的server ......
Jest:优雅的前端单元测试框架
### 前言 日常工作的时候,经常听到前端单元测试,但由于工作性质,还没机会写这方面的单元测试,好奇的我,就提前学习一下,在此记录下来。 常见的前端单元测试框架有 jest、mocha、jasmine、karma、tape 等,这里头 mocha 笔者是很熟悉的了,几年前在做 UI 自动化测试、后端 ......
前端犄角旮旯,非常规面试题总结(不断更新....)
前段时间面试了一个大厂,被问了一些犄角旮旯的面试题,整场下来,一脸懵逼,决定痛定思痛,把这些题总结下来,不断更新。每天一遍,每天进步。。。 1、npm cnpm yarn pnpm的区别,各自的优势是什么? 你项目中用的什么? 首先说一下Node.js,简单的说 Node.js 就是运行在服务端的 ......
vue3+ts Axios封装—重复请求拦截
创建好vue3项目 1.安装Axios与Element Plus Axios安装 npm install axios Element Plus 安装 官网入口:https://element-plus.gitee.io/zh-CN/ npm install element-plus --save E ......