前端response header axios
如果后端返回上万条数据，前端如何渲染成长列表呢？
使用虚拟列表 只对可见区域进行渲染，对非可见区域中的数据不渲染或部分渲染的技术，从而达到极高的渲染性能，虚拟列表其实是按需显示的一种实现。 虚拟列表一般包含三个组成部分：可视区域、列表渲染区域、真实列表区域。列表渲染区大于等于可视区。比如容器区域需要渲染三屏的节点，当前展示区上一页下一页，滚动过程中 ......
【Web安全篇】Http Protocol && Customer Headers
概述 我们在做网站开发时，为了网站的运行安全，往往会做一些渗透测试，来观察我们部署的系统是否存在安全问题，在做完这个之后，往往会形成一套开发规则，等待系统计划上线时，一定要遵循这个规则。 以下是一些站点部署的配置的记录，往往会在web.config文件中进行配置，这样网站运行时就会遵循这些规则 <h ......
web前端（Vue2.x）接收H264实时视频码流(二进制)进行播放
1、安装 jmuxer npm install jmuxer@2.0.5 2、.vue文件中使用 <template> <div> <video id="dom_id" muted="muted" controls class="video_box"></video> <div v-if="!has ......
前端多线程处理——async/await
async 从字面上看就是“异步”，它放在函数定义之前，是使该函数在调用时开一个子线程，以不影响主线程的运行。 而 await 经常和 async 组合使用，在 async 定义的函数中来等待需要时间运行的代码（如ajax请求、Promise对象）的运行结果，以做后续的处理。 如下面的返回Promi ......
等待axios请求的返回值来使用
我们只要关心代码里面的async 和 await就行了 //api import sysConfig from '@/api/systemManagement/config' async getSysConfigInfo(id:number|string){ const coolieValue= c ......
前端大文件断点续传
昨天整理了前端实现大文件上传通过文件切片进行处理，今天继续拓展进行断点续传原理断点续传的原理在于前端/服务端需要记住已上传的切片，这样下次上传就可以跳过之前已上传的部分，有两种方案实现记忆的功能 前端使用 localStorage 记录已上传的切片 hash 服务端保存已上传的切片 hash，前端每 ......
c: chain Of Responsibility
/** * @file chainOfResponsibility.h * @author your name (geovindu) * @brief chain Of Responsibility 职责链模式 * @version 0.1 * @date 2023-10-28 * IDE: VSC ......
前端简介
什么是前端 前端是所有跟用户直接打交道的都可以称之为是前端 比如：PC页面、手机页面、平板页面、汽车显示屏、大屏幕展示出来的都是前端内容 # 能够用肉眼看到的都是前端 什么是后端? 就是一堆代码，用户不能够直接看到，不直接与用户打交道的都是后端 常见的后端：Python、Java、Go、等 为什么要 ......
前端简介
1. 前端学习哪些内容 1. HTML # 网页的骨架、只是负责显示一些内容，但是显示出来的内容不好看，没样式 2. CSS # 对网页骨架的美化、让网页变得更加的好看而已 3. JavaScript # html、css都是不能动的，静态的，js就是让网页能够动起来，变得更加的美观 4. boot ......
Protocol - Web 前端常见网络请求协议有哪些？
在 Web 开发中，常见的网络协议主要包括以下几种： HTTP（Hypertext Transfer Protocol，超文本传输协议）：用于在万维网（World Wide Web）上进行通信的协议，定义了客户端和服务器之间如何传输和处理超文本文档（例如网页）的规范。HTTP 通常使用 TCP/IP ......
axios中post请求后台req.body接收不到参数的解释
axios的get请求都是把参数放在params属性下，在post请求下有两种方法，一种是放在params属性中，适合传参较少且数据较简单的情况，另外一种是放在data属性中，如果传参中含有引号、等号、拼接的json串或传参的数据量较大时候使用； 后台的服务器的配置，node后台一般会配置中间件解析 ......
docker: Error response from daemon: Conflict. The container name "/web" is already in use by container ......
问题：docker启动docker容器时报错docker: Error response from daemon: Conflict. The container name is already in use by container You have to remove (or rename) t ......
05前端开发js
运算符 # 1.算术运算符 var x=10; var res1=x++; '先赋值后自增1' x先赋值给res1，让res变成10，x变成12 var res2=++x; '先自增1后赋值' x还是10，x加了2次后赋值给res2，res2变成12 # 2.比较运算符 弱等于:自动转换类型 '5' ......
前端多线程处理 —— Promise对象
在前端编程中，处理一些简短、快速的操作，在主线程中就可以完成。 但是，在处理一些耗时比较长以至于比较明显的事情，比如读取一个大文件或者发出一个网络请求，就需要子线程来完成，以避免只用单线程时造成页面一时无法响应的事情。 以发送网络请求为例，在以往的JavaScript中，使用多个回调函数来处理请求返 ......
记录--记录用前端代替后端生成zip的过程，速度快了 57 倍！！！
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 业务场景： 产品有个功能是设置主题。类似手机自动切换壁纸，以及其他功能颜色，icon，字体等。 管理员需要在后端管理系统多次下载不同主题，（至于要干啥就不说了...），主题中可能有 30 ~ 100个高清壁纸, icon 等。现在每次下载 ......
前后端系统部署——前端篇
在华为云耀云服务器L实例上部署前端需要经过以下几个步骤： 首先登录华为云耀云界面： https://www.huaweicloud.com/product/hecs-light.html 创建华为云耀云服务器L实例账号，购买服务器并登录控制台。 创建华为云耀云服务器L实例。在控制台界面上，选择ECS ......
飞码LowCode前端技术系列（二）：如何便捷配置出页面 | 京东云技术团队
一、配置解法 飞码LowCode前端技术（一）中飞码提出了至少需要满足2个大能力点以及对应16个细化点。在业务复杂的场景下数据具有流转性质，事件的触发会改变数据、同时也会触发其他事件等情况。飞码使用数据驱动+事件驱动的模式解决数据流转性与事件不确定性问题。数据驱动+事件驱动的模式决定了需要飞码的编辑 ......
vue3实现前端导出Excel，默认与自定义表头中文名
参考：https://blog.csdn.net/weixin_46112225/article/details/125302036 一、依赖安装 package.json文件中（版本号其实应该可以不限制，用最新的是OK的） "dependencies": { ... "xlsx": "^0.16. ......
开发实例：后端Java和前端vue实现文件上传和下载功能
首先，在Java的后端代码中，我们可以使用Spring框架来实现文件上传和下载功能。以下是一个简单的示例： 文件上传 首先，我们需要在html页面上创建一个表单，其中包含一个file类型的输入字段： <form action="/upload" method="POST" enctype="mult ......
前端模块化
1.为什么要有模块化 在网页开发的早期，js制作作为一种脚本语言，做一些简单的表单验证或动画实现等，那时候的代码还是很少的。 随着ajax异步请求的出现，慢慢的形成了前后端分离客户端需要完成的事情越来越多，代码量也与日俱增为了应对代码量的剧增，我们通常会将代码组织在多个js文件中，进行维护。但是这种 ......
027前端CMS ghost安装
一、安装命令如下 sudo adduser ghost sudo usermod -aG sudo ghost su - ghost cd /data/fe-doc-center curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39. ......
03前端开发
溢出属性 #文本内容超出了标签的最大范围 overflow: hidden; 直接隐藏文本内容 overflow： auto\scroll; 提供滚动条查看 #溢出实战案例 div{ overflow: hidden; #例如可以把头像多余溢出部分隐藏 } div img{ width: 100%; ......
前端CodeReivew实践
把Code Review 作为开发流程的必选项后，不代表Code Review这件事就可以执行的很好，因为Code Review 的执行，很大部分程度上依赖于审查者的认真审查，以及被审查者的积极配合，两者缺一不可！ ......
前端_按钮
<button> 跳转页面(html)：<button onclick="window.location.href='../routeEdit/index.html'" type="button" id="add">登录</button> 执行动作(asp)：<asp:Button runat="s ......
前端_页面跳转+获取页面数据
页面跳转： <button onclick="window.location.href='http://150.17.232.115/menu/my_menu.aspx'" type="button" id="add">登 录</button> location.href='index.html' ......
为什么一些前端不喜欢 Restful Api？
做过不少系统架构，全栈、前后端一起设计，我认为至少在部分领域restful可以扔了。 第一个被淘汰的是URI风格，主要是现在都是纯JSON请求和返回，例如post一般情况下id都和JSON放一起提交了，就没URI的必要。然后既然post都润了，那get、put、delete也一样了。且在js代码里面 ......
飞码LowCode前端技术系列（一）：数据结构设计
飞码是京东科技研发的低代码产品，可使营销运营域下web页面快速搭建。飞码是单web页面搭建工具，从创建页面到监测再到投产的一站式解决方案 ......
前端技术方案内容概述
项目介绍 技术栈信息 技术方案 总的架构图 重难点技术方案 架构图、流程图、类图等 通用沉淀 脚手架、组件库、工具函数等 组件与数据 通用组件、业务组件 接口文档、数据流 状态图 mock方案 适配 国际化 多端适配 主题等 工时评估 页面 功能 接口 优先级 UI还原 交互逻辑 联调 自测 总工时 ......
前端反卷计划-组件库-01-环境搭建
Hi, 大家好！我是程序员库里。 今天开始分享如何从0搭建UI组件库。这也是前端反卷计划中的一项。 在接下来的日子，我会持续分享前端反卷计划中的每个知识点。 以下是前端反卷计划的内容： 目前这些内容持续更新到了我的 学习文档 中。感兴趣的欢迎一起学习！ 环境搭建 组件库名字 因为我们的组件库要发布到 ......