表头 前端 页面table
学习归纳 | 关于java后端+vue前端+app端 | 学生初入工作
1.工作感受 首先，目前所作工作主要就是看懂前人的代码，并且修改一些bug，由于对方不在维护，交由我部门进行维护。 个人所学浅薄，有许多技术知识需要学习，上学期间做的东西真是非常不成熟，所用技术栈也非常少。 纸上得来终觉浅，绝知此事要躬行。看再多开发文档，不如实际去写项目。 很多知识，学的很多，但用 ......
在el-table的表格中嵌入el-switch
<el-table :data="tableData" border style="width: 100%" class="table"> <el-table-column label="是否可用" > <template #default="scope"> <el-switch v-model=" ......
nz-table数据动态横向合并
原文链接：https://www.longkui.site/program/frontend/nz-table/4865/ 先上效果图： 环境：angular+ng-zorro 原理：遍历json数据，对相同的json数据进行计数，然后把相同的json数据统一加上rowspan的长度，然后这些相同的 ......
Nginx 做前端代理，上传文件速度慢
同一台服务器，前端部署在nginx，在上传33M的文件时，耗时36s,但是通过IIS或者swagger上传文件，只需要8s 解决方案：将Nginx配置文件中 proxy_pass http://139.196.154.85:54730/; 改为localhost ： proxy_pass http: ......
前端大文件上传如何做到刷新续传？
前言 这两天在学习阿里云oss上传。踩了不少坑，终于实现了大文件分片、断点续传的功能。这篇文章主要分享学习笔记，希望能给大家一些帮助。先看效果 技术栈 1.前端： react+Ts + axios 上传文件 2.Node部分：定义接口、阿里云 oss 3.socket.io ：实时同步上传进度 特别 ......
监听上传的服务器文件是否改变，从而刷新页面
监听上传的服务器文件是否改变，从而刷新页面=> interface Options { timer?: number; } class Updater { oldScript: string[]; //存储第一次值也就是script 的hash 信息 newScript: string[]; //获 ......
为什么不能单纯地从前端来解决跨域问题？LiteNVR安防视频系统为何需要跨域？
当然这只是举了个例子，以上情景可能只有通过cookie进行会话才会出现，现在一般都是通过前端手动维护token或者sessionId维持会话，但这同样是一个极其严重的安全问题。 ......
问题：出现404错误页面的原因
404错误原因：服务器找不到请求的网页。 可能的原因有： 1.管理员将原始的网页数据更改，导致网页失效。 2.上传到网页的文件目录或文件名称被更改，导致原网页失效。 3.上传到网页的文件被移动或被删除也可能导致原链接失效。 4.输入的网址有错误，不能连接到所需的文件。 ......
luffy前端配置，跨域问题，后端数据库迁移， 后台主页功能，后台管理
1 luffy前端配置🌄 # 1 跟后端交互：axios cnpm install -S axios 以后想发送ajax请求，必须导入，使用 可以把axios放到vue实例中，以后任意组件中 this.$axios.get() main.js中加入 import axios from 'axios ......
视频直播源码，AndroidStudio登录页面的切换
视频直播源码，AndroidStudio登录页面的切换 xml代码 <?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xml ......
前端大文件上传
整体思路 前端 前端大文件上传网上的大部分文章已经给出了解决方案，核心是利用 Blob.prototype.slice 方法，和数组的 slice 方法相似，调用的 slice 方法可以返回原文件的某个切片 这样我们就可以根据预先设置好的切片最大数量将文件切分为一个个切片，然后借助 http 的可并 ......
前端进阶系列——理解 React Ref
前端进阶系列——理解 React Ref 秦书羽 杭州@朝夕光年 关注他 17 人赞同了该文章 Ref 是 Reference(引用) 的缩写。 一、前言 在 React 中通常遵循 “自上而下” 的 “单向数据流”。父组件和子组件的通讯只能通过 Props。如果要修改一个子组件，我们要修改 Pr ......
Chrome安装后打不开任何页面 & 改名后图标变成小白块
【网上最简单】Chrome安装后打不开任何页面 & 改名后图标变成小白块[30秒解决] 自从76版本后，我发现Chrome更新后，打不开任何网页，我就再也没有升级，停留在76.0.3809.87。 最近Chrome大版本升级到了85，网上说是“史诗级”增强，我就心动了，但是升级后，然e... 还是和 ......
干货：如何在前端统计用户访问来源？
在前端统计用户访问来源是一个常见的需求，通过获取访问来源信息，我们可以了解用户是通过直接访问、搜索引擎、外部链接等途径进入我们的网站或应用。下面是一个详细的介绍，包括方法和实现步骤。 一、获取HTTP Referer HTTP Referer是HTTP请求头的一部分，它记录了用户从哪个页面跳转而来。 ......
解决前端传递Date类型时自动转换为国际时间的问题
本质原因是前端对象中使用了Data类型的属性字段，在向后端传递时会自动将JSON对象转换为JSON字符串进行传递 Date类型的属性在进行转换时会调用自身的toJSON方法，转换为国际时间的字符串表达形式 let date = new Date(); console.log(date); conso ......
Vue实现a标签点击打开新页面但不触发路由跳转的效果
概要 对于一个a标签，原生效果有点击直接当前页跳转路由，按键（windows为ctrl，ios为command）+ 点击打开路由的新页面这两种效果 注意，第一种效果是a标签自带的，第二种效果是浏览器的行为。 如图为普通a标签和部分属性，点击跳转新路由/newapi，当然同时也会触发newUrl函数 ......
前端到后端的流程
2023.10.10 1.可以从架构模式着手 最基础的，前后端分离，后面就是前端是什么技术，比如Vue，后端是什么，可能是java、php什么的 然后后端一般会提供接口文档，常用的比如swagger 2.这里先明晰一下概念 动静分离 动态资源：servlet、接口等 静态资源：image、js、cs ......
fasthttp + `page partial gziped cache`: 页面输出服务性能提升20%
作者:张富春(ahfuzhang)，转载时请注明作者和引用链接，谢谢！ cnblogs博客 zhihu Github 公众号:一本正经的瞎扯 接上一篇：http 中使用 gzip 输出内容时，如何预先压缩前一半页面？ 经过实测，对线上一个输出 html 的服务进行了改造，通过预先压缩页面前半部分的方 ......
前端如何实现大文件上传
在开发过程中，经常会遇到一些较大文件上传，如果只使用一次请求去上传文件，一旦这次请求中出现什么问题，那么无论这次上传了多少文件，都会失去效果，用户则需要重新上传所有资源。所以就想到一种方式，将一个大文件分成多个小文件，这样通过多个请求实现大文件上传。 接下来我们就来看看具体是怎么实现的~ <inpu ......
vconsole 前端调试神器，h5页面调试工具
npm install vconsole 在需要的页面引入 ，并初始化 <script> import Vconsole from 'vconsole'; export default { created() { let vConsole = new Vconsole(); } } </script ......
el-table合并单元格
1.在写项目的时候有时候会经常遇到把行和列合并起来的情况，因为有些数据是重复渲染的，不合并行列会使表格看起来非常的混乱，如下： 而我们想要的数据是下面这种情况，将重复的行进行合并，使表格看起来简单明了，如下： 1、合并行 所谓的合并行就是将多行相同的数据变成一行来显示，直接上代码，页面的布局比较简单 ......
前端讲义10_HTTP Request header
前端讲义10_HTTP Request header 把Request header 进行分类，比较清晰记忆。 监控打开 URL https://blog.csdn.net/msh2016 Cache 头域 If-Modified-Since 作用： 把浏览器端缓存页面的最后修改时间发送到服务器去， ......
前端网页sessionStorage对值的获取与传值
前端网页sessionStorage对值的获取与传值 sessionStorage主要在页面之间进行值得传输·允许跨页面。可以是单个值，以及JSON对象的传递，主要方法有这些sessionStorage[key]=val//保存一个数据sessionStorage.setItem(key,val)/ ......
若依(ruoyi)开源系统保姆级实践-完成第一个页面
一、案例描述 若依官网文档地址：http://doc.ruoyi.vip/ruoyi/document/hjbs.html 本教程主要内容，自定义数据库表，使用若依开源系统生成代码并配置权限。 若依环境配置 新建数据表t_user，利用若依代码生成工具生成服务端及页面代码。 菜单配置 权限配置 二、 ......
前端大文件上传方法
最近遇见一个需要上传百兆大文件的需求，调研了七牛和腾讯云的切片分段上传功能，因此在此整理前端大文件上传相关功能的实现。 在某些业务中，大文件上传是一个比较重要的交互场景，如上传入库比较大的Excel表格数据、上传影音文件等。如果文件体积比较大，或者网络条件不好时，上传的时间会比较长（要传输更多的报文 ......
http 中使用 gzip 输出内容时，如何预先压缩前一半页面？
作者:张富春(ahfuzhang)，转载时请注明作者和引用链接，谢谢！ cnblogs博客 zhihu Github 公众号:一本正经的瞎扯 背景是这样：要输出一个很大的动态页面，不开 gzip 压缩会使得流量很大；开了 gzip 压缩又会导致 cpu 升高。 这个页面的前半部分一般不会变化，变化的 ......
vue前端项目配置，让他人可以访问前端本地启动的项目地址
vue.config.js文件配置 devServer: { host: '0.0.0.0', //运行dev服务器时绑定的IP地址,默认为localhost //配置开发服务器的外网地址 //本机IP地址通过ipconfig查看，要保证自己和访问者在同一个局域网内，比如同连一个VPN的局域网，或者 ......
前端面试八股文 JavaScript
前端面试八股文 JavaScript 谈谈对原型链的理解 在JavaScript中，每个对象都有一个原型对象proto，指向其构造函数的原型对象prototype。 当我们创建一个新的实例对象时，这个对象会从其构造函数的原型对象prototype中继承属性和方法。如果实例对象自身没有某个属性或方法， ......
前端面试八股文 Vue
前端面试八股文 Vue 讲一下Vue框架的原理？ 我们使用Vue开发应用，实际上是编写若干Vue组件，实现模板、data、生命周期钩子等，然后执行new Vue()，将根组件挂载到指定的DOM节点上面，当我们编写的组件中生命周期钩子里面的或者在模板的元素事件中改变数据时候，视图会响应地更新。这样就实 ......