前端ruoyi
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 ......
前端大文件断点续传
昨天整理了前端实现大文件上传通过文件切片进行处理，今天继续拓展进行断点续传原理断点续传的原理在于前端/服务端需要记住已上传的切片，这样下次上传就可以跳过之前已上传的部分，有两种方案实现记忆的功能 前端使用 localStorage 记录已上传的切片 hash 服务端保存已上传的切片 hash，前端每 ......
前端简介
什么是前端 前端是所有跟用户直接打交道的都可以称之为是前端 比如：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 ......
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组件库。这也是前端反卷计划中的一项。 在接下来的日子，我会持续分享前端反卷计划中的每个知识点。 以下是前端反卷计划的内容： 目前这些内容持续更新到了我的 学习文档 中。感兴趣的欢迎一起学习！ 环境搭建 组件库名字 因为我们的组件库要发布到 ......
前端踩坑记录
element UI: el-table组件，在插槽slot=“header“内，数据不更新的问题将slot="header"改成#header就可以了 el-popover关闭不了的问题，需调用内置的doClose方法：this.$refs.filterPop.doClose() ......
前端api接口随机图片
樱花：https://www.dmoe.cc/random.php 晓晴博客：https://acg.toubiec.cn/random.php Unsplash Image API： https://source.unsplash.com/random 夏沫博客： https://cdn.seov ......
使用星火chatGPT接入vue前端页面
接入科大讯飞的星火chatGPT大模型首先需要有token(现在可以免费领取10万字符) 然后就可以开始接入了，这里无非就是配置自己的 apiKey，apiSecret，appId，然后进行发送WebSocket并且拼接返回值进行显示（注意星火大模型的v1和v2链接有点不一样）： 页面： <temp ......
浅析微前端框架 qiankun 的实现
微前端简介 Techniques, strategies and recipes for building a modern web app with multiple teams that can ship features independently. -- Micro Frontends 前端 ......
被突然出现的前端比赛打了个猝不及防
今天晚上突然得知我要去参加一个网页制作比赛，可恶，我连后端的Django都还没怎么整明白，有要开始学前端的内容了 只能硬着头皮上了，还好有学长发的ppt，先可以大概规划一下学习路线和时间吧（零基础的我感觉瑟瑟发抖） 额，刚刚退出去看了看PPT，感觉有好多东西，麻了。 大概就是三部分吧 html cs ......
BUG：net::ERR_CONNECTION_REFUSED（前端Vue2、后端FastAPI）
BUG场景 一个前后端分离的项目，前端使用Vue2框架，后端使用FastAPI，前端想要传输图片给后端，使用的相关接口为： 'http://10.96.67.161:8081/uploadImg/' 后端FastAPI运行的代码为： if __name__ == '__main__': uvicor ......
前端框架 Astro
Astro 是一款集多功能于一体的 Web 框架，主要用于构建快速、以内容为中心的网站。它不仅支持使用 React 框架，而且支持 Vue、Solid 等在内的各种前端框架，灵活性更高。根据其在 GitHub 上的评级，Astro 已经获得了 35k+的 star，可以算得上是一个热门的框架。 一个 ......