vue3-element-admin前端editorconfig stylelint

学习归纳 | 关于java后端+vue前端+app端 | 学生初入工作

1.工作感受 首先,目前所作工作主要就是看懂前人的代码,并且修改一些bug,由于对方不在维护,交由我部门进行维护。 个人所学浅薄,有许多技术知识需要学习,上学期间做的东西真是非常不成熟,所用技术栈也非常少。 纸上得来终觉浅,绝知此事要躬行。看再多开发文档,不如实际去写项目。 很多知识,学的很多,但用 ......
前端 学生 java app vue

Nginx 做前端代理,上传文件速度慢

同一台服务器,前端部署在nginx,在上传33M的文件时,耗时36s,但是通过IIS或者swagger上传文件,只需要8s 解决方案:将Nginx配置文件中 proxy_pass http://139.196.154.85:54730/; 改为localhost : proxy_pass http: ......
前端 速度 文件 Nginx

前端大文件上传如何做到刷新续传?

前言 这两天在学习阿里云oss上传。踩了不少坑,终于实现了大文件分片、断点续传的功能。这篇文章主要分享学习笔记,希望能给大家一些帮助。先看效果 技术栈 1.前端: react+Ts + axios 上传文件 2.Node部分:定义接口、阿里云 oss 3.socket.io :实时同步上传进度 特别 ......
前端 文件

为什么不能单纯地从前端来解决跨域问题?LiteNVR安防视频系统为何需要跨域?

当然这只是举了个例子,以上情景可能只有通过cookie进行会话才会出现,现在一般都是通过前端手动维护token或者sessionId维持会话,但这同样是一个极其严重的安全问题。 ......
视频系统 前端 LiteNVR 问题 系统

luffy前端配置,跨域问题,后端数据库迁移, 后台主页功能,后台管理

1 luffy前端配置🌄 # 1 跟后端交互:axios cnpm install -S axios 以后想发送ajax请求,必须导入,使用 可以把axios放到vue实例中,以后任意组件中 this.$axios.get() main.js中加入 import axios from 'axios ......
后台 前端 功能 数据库 数据

前端大文件上传

整体思路 前端 前端大文件上传网上的大部分文章已经给出了解决方案,核心是利用 Blob.prototype.slice 方法,和数组的 slice 方法相似,调用的 slice 方法可以返回原文件的某个切片 这样我们就可以根据预先设置好的切片最大数量将文件切分为一个个切片,然后借助 http 的可并 ......
前端 文件

前端进阶系列——理解 React Ref

前端进阶系列——理解 React Ref 秦书羽 杭州@朝夕光年 ​关注他 17 人赞同了该文章 Ref 是 Reference(引用) 的缩写。 一、前言 在 React 中通常遵循 “自上而下” 的 “单向数据流”。父组件和子组件的通讯只能通过 Props。如果要修改一个子组件,我们要修改 Pr ......
前端 React Ref

干货:如何在前端统计用户访问来源?

在前端统计用户访问来源是一个常见的需求,通过获取访问来源信息,我们可以了解用户是通过直接访问、搜索引擎、外部链接等途径进入我们的网站或应用。下面是一个详细的介绍,包括方法和实现步骤。 一、获取HTTP Referer HTTP Referer是HTTP请求头的一部分,它记录了用户从哪个页面跳转而来。 ......
干货 前端 来源 用户

解决前端传递Date类型时自动转换为国际时间的问题

本质原因是前端对象中使用了Data类型的属性字段,在向后端传递时会自动将JSON对象转换为JSON字符串进行传递 Date类型的属性在进行转换时会调用自身的toJSON方法,转换为国际时间的字符串表达形式 let date = new Date(); console.log(date); conso ......
前端 类型 时间 问题 国际

前端到后端的流程

2023.10.10 1.可以从架构模式着手 最基础的,前后端分离,后面就是前端是什么技术,比如Vue,后端是什么,可能是java、php什么的 然后后端一般会提供接口文档,常用的比如swagger 2.这里先明晰一下概念 动静分离 动态资源:servlet、接口等 静态资源:image、js、cs ......
前端 流程 端的

前端如何实现大文件上传

在开发过程中,经常会遇到一些较大文件上传,如果只使用一次请求去上传文件,一旦这次请求中出现什么问题,那么无论这次上传了多少文件,都会失去效果,用户则需要重新上传所有资源。所以就想到一种方式,将一个大文件分成多个小文件,这样通过多个请求实现大文件上传。 接下来我们就来看看具体是怎么实现的~ <inpu ......
前端 文件

vconsole 前端调试神器,h5页面调试工具

npm install vconsole 在需要的页面引入 ,并初始化 <script> import Vconsole from 'vconsole'; export default { created() { let vConsole = new Vconsole(); } } </script ......
神器 前端 vconsole 页面 工具

前端讲义10_HTTP Request header

前端讲义10_HTTP Request header 把Request header 进行分类,比较清晰记忆。 监控打开 URL https://blog.csdn.net/msh2016 Cache 头域 If-Modified-Since 作用: 把浏览器端缓存页面的最后修改时间发送到服务器去, ......
讲义 前端 Request header HTTP

前端网页sessionStorage对值的获取与传值

前端网页sessionStorage对值的获取与传值 sessionStorage主要在页面之间进行值得传输·允许跨页面。可以是单个值,以及JSON对象的传递,主要方法有这些sessionStorage[key]=val//保存一个数据sessionStorage.setItem(key,val)/ ......
前端 sessionStorage 网页

前端大文件上传方法

最近遇见一个需要上传百兆大文件的需求,调研了七牛和腾讯云的切片分段上传功能,因此在此整理前端大文件上传相关功能的实现。 在某些业务中,大文件上传是一个比较重要的交互场景,如上传入库比较大的Excel表格数据、上传影音文件等。如果文件体积比较大,或者网络条件不好时,上传的时间会比较长(要传输更多的报文 ......
前端 文件 方法

vue前端项目配置,让他人可以访问前端本地启动的项目地址

vue.config.js文件配置 devServer: { host: '0.0.0.0', //运行dev服务器时绑定的IP地址,默认为localhost //配置开发服务器的外网地址 //本机IP地址通过ipconfig查看,要保证自己和访问者在同一个局域网内,比如同连一个VPN的局域网,或者 ......
前端 项目 地址 vue

前端面试八股文 JavaScript

前端面试八股文 JavaScript 谈谈对原型链的理解 在JavaScript中,每个对象都有一个原型对象proto,指向其构造函数的原型对象prototype。 当我们创建一个新的实例对象时,这个对象会从其构造函数的原型对象prototype中继承属性和方法。如果实例对象自身没有某个属性或方法, ......
八股文 八股 前端 JavaScript

前端面试八股文 Vue

前端面试八股文 Vue 讲一下Vue框架的原理? 我们使用Vue开发应用,实际上是编写若干Vue组件,实现模板、data、生命周期钩子等,然后执行new Vue(),将根组件挂载到指定的DOM节点上面,当我们编写的组件中生命周期钩子里面的或者在模板的元素事件中改变数据时候,视图会响应地更新。这样就实 ......
八股文 八股 前端 Vue

前端面试八股文 工程化+性能优化+计算机基础

前端面试八股文 工程化+性能优化+计算机基础 前端页面性能如何优化? 以下是一些前端性能优化的常用方法: 减少资源加载时间:这可以通过多种方式实现,比如压缩和合并CSS和JavaScript文件,使用CDN(内容分发网络)来快速传输资源,以及使用浏览器缓存来避免重复下载。 优化图片:图片通常是网页中 ......
八股文 八股 前端 性能 计算机

我在前端写Java SpringBoot项目

本篇文章主要是使用 NestJs + Sequelize + MySQL 完成基础运行, 带大家了解 Node 服务端的基础搭建,也可以顺便看看 Java SpringBoot 项目的基础结构,它俩真的非常相似,不信你去问服务端开发同学。 ......
前端 SpringBoot 项目 Java

vue前端有数据,但是eharts图标不显示的问题(待解决)

问题描述 vue前端能够获取到array数据,模式如图: echarts图表不能显示数据; 问题解决 还没解决~ ......
前端 图标 数据 eharts 问题

luffy前端配置、跨域问题、后端数据库迁移、后台主页功能、轮播图表、后台管理

luffy前端配置 再在vue中使用时,就不需要导入,直接使用this.$,,,就可以了 1、跟后端交互:axios cnpm install -S axios 以后想发送ajax请求,必须导入,使用 可以把axios放到vue实例中,以后任意组件中 this.$axios.get() main.j ......
后台 前端 图表 功能 数据库

luffy前端配置、跨域问题、后端数据库迁移、后台主页功能、后台管理

luffy前端配置 # 1 跟后端交互:axios cnpm install -S axios 以后想发送ajax请求,必须导入,使用 可以把axios放到vue实例中,以后任意组件中 this.$axios.get() main.js中加入 import axios from 'axios' Vu ......
后台 前端 功能 数据库 数据

记录--前端换肤方案 - element+less无感换肤(无需页面刷新)

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 前端换肤方案 - element+less无感换肤(无需页面刷新) 前言 前不久在改造一个迭代了一年多的项目时,增加了一个换肤功能。通过自己的探索,总结出了一套比较合适的改造方案供大家参考,如有更好的方案欢迎评论区踊跃评论😄 先上效果: ......
前端 element 页面 方案 less

后端结合前端 模板渲染 显示列表

最终效果 背景知识 将HTML文件放在"templates"文件夹中可以确保Flask能够自动找到和加载它们,我没建这个文件夹所以报错了,图中是查了资料改正后的 工程结构 python文件需要放到工程的子目录 html代码 <!DOCTYPE html> <html lang="en"> <head ......
前端 模板

9.前端初步设计

空了挺长时间没写了。一些琐事耽误,然后另一方面就是在写前端。因为我不是学前端出身,所以前端相对比较弱,一下子我也搞的不是很全面,最主要的是没法讲的很细致,前端这东西吧,都说简单,但是想做的很好看那还是需要一些深入学习的。上一篇的文章是邮箱发送,意在做注册的时候发送验证码。现在页面基本完成了,毕竟登录 ......
前端

【前端开发】前端开发者谷歌浏览器操作技巧

谷歌浏览器技巧 $_ 上次执行结果 opt键 + click 展开最外层元素 ctr+ shift + p 执行Command命令输入Capture full size screenshot 按下回车 截图全屏网页 ......
前端 开发者 浏览器 技巧

前端处理分页

html页面结构 <div class="pagingInfo"> <span class="page pre">上一页</span> <span class="num"><em class="curPage">1</em>/<em class="totalPage">5</em></span> < ......
前端

WebForm后端调用前端JS

/*注意:定义的js方法一定要放在head里面,不能放下面,否则不生效*/ <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebFormBackEndCallFrontJsD ......
前端 WebForm

前端判断视频格式(H264、H265,解决谷歌chrome浏览器无法播放mp4问题)

chrome浏览器对某些mp4文件不支持,播放时只有声音没有画面。 这种情况一般是因为视频文件为H265编码,而chrome浏览器只支持H264编码的文件(谷歌没买H265的使用专利)。 解决方法一: 使用软件(格式工厂或命令行库ffmpeg)对文件进行转换,将H265转换成H264。 格式工厂: ......
前端 浏览器 格式 chrome 问题