前端WebSocket
项目中用到的相关技术vue3、vite、js(要通过WebSocket构造函数,创建WebSocket对象)、node.js、ws(是nodejs的一个WebSocket库,可以用来创建服务)websocket实际项目开发中客户端(前端)使用websockect主要实现的功能是发送和接收信息而服务端
一篇文章理解前端中的 File 和 Blob
在js中,Blob(Binary Large Object)对象用于表示不可变的原始二进制数据,主要用于存储文件、图片、视频和音频等各种类型数据。Blob提供一种高效方式操作数据文件,不需要将数据都加载到内存中,有利于处理二进制数据或大型文件。可以使用new Blob()构造函数创建一个 Blob
【Vue】Vue3.0(二十四)Vue3.0中$refs 、$parent 的概念和使用场景
在这个新例子里面呢,通过$refs实现了父组件对子组件方法的调用呀,这样就完成了计数器的增加和减少操作啦;同时呢,子组件通过defineExpose把内部方法暴露给父组件,这也是遵循了Vue 3.0组件间交互的规范哦。// 当点击增加按钮时,调用子组件的增加方法并更新计数。// 当点击减少按钮时,调
VUE3——003、VUE 项目中的文件结构(index.html、main.ts、App.vue)
加载 index.html 后,Vite 解析 <script type="module" src="xxx"> 指向的 js 或 ts 文件。虽然是号称是小白初学,但本文只是对 VUE 小白,其它的基功还是有一丢丢的,不太懂的同学去看看一下详解,我这里记述的是自己的理解和观点。(index.htm
fastadmin 接口 写法 , 与前端 js 调用 该接口 ,代码 例子
在控制器中定义接口方法,如,并返回 JSON 格式的数据。在路由文件中配置相应的路由规则。使用fetch或axios等方法发送请求到 FastAdmin 后端的接口。处理接口返回的数据并在页面上展示。
元学习:让AI系统学会如何学习
随着深度学习技术的发展,AI系统在各个领域取得了显著进展,如语音识别、图像处理、自然语言处理等。然而,这些系统的训练往往依赖于大量标注数据,且难以处理复杂和动态的现实问题。元学习(Meta-Learning)提供了一种新的思路,让AI系统具备更强的自我学习能力和适应能力,从而在实际应用中表现得更加灵
Vue实现动态表单
动态表单的核心是:根据用户在表单中的输入,自动调整后续表单项的显示内容。例如,用户在某个表单输入特定的值时,会显示下一个问题或选项,而如果用户输入不同的值,则会跳转到另外一套问题。这种交互使得表单流程更加智能和灵活。在本文中,我们将创建一个递归的动态表单,表单项之间通过逻辑相互连接。当某个表单项的值
微信安全吗?微信MMTLS加密协议安全性分析
这个长寿命的 Longlink 连接在微信应用程序的持续时间内都是打开的,任何需要发送的加密数据都通过同一连接发送。由于微信发出的请求是双重加密的,这些问题只影响内部业务层加密,因此我们没有找到立即利用它们的方法。然而,在仅使用业务层加密的旧版微信中,这些问题是可以被利用的。其次,从业务层加密暴露未
【前端异常】JavaScript错误处理:分析 Uncaught (in promise) error
在前端开发中,JavaScript 异常是不可避免的。随着现代前端应用越来越多地使用异步操作(如 Promise、async/await 等),开发者常常会遇到 Uncaught (in promise) error 错误。这个错误是由于未正确处理 Promise 的拒绝(rejection)而导致
开源低代码平台-Microi吾码-平台介绍
开源低代码平台-Microi吾码-介绍,技术框架:.NET8 + Redis + MySql/SqlServer/Oracle + Vue2/3 + Element-UI/Element-Plus,平台始于2014年(基于Avalon.js),2018年使用Vue重构,于2024年10月29日开源。
PySpark中的StructStreaming的使用
Spark在2016年Spark2.0版本中发布了新的流计算的API:Structured streaming结构化流。Structured streaming是一个基于SparkSOL引擎的可扩展、容错的全新的流处理引擎。
前端接入海康威视web插件
VUE3接入海康威视web插件接入海康的web插件实现在网页端直接显示摄像头监控画面,此解决方案需要在用户电脑上安装exe插件。web插件下载首先在官网下载海康插件,打开demo文件夹可以看到需要用到的js和bin目录下的exe插件。插件导入安装HCWebSDKPlugin.exe到电脑中,然后在项
【element ui系列】分享几种实现el-table表格单选的方法
在实际的开发中,经常会用到从表格中选择一条记录的情况,虽然官方给出的例子,但是给人感觉看起来不明显,于是,在此基础上做了改进。2、采用单选框(radio),双击取消选中。
前端Vue自定义个性化三级联动自定义简洁中国省市区picker选择器
前端组件开发在现代前端开发中占据着至关重要的地位。随着互联网的快速发展,前端应用的规模和复杂性不断增加,传统的开发方式已经难以满足需求。前端组件开发应运而生,成为提高开发效率、代码可维护性和可复用性的关键手段。
Layui数据表格开启前端排序切换功能实现Demo
Layui数据表格开启前端排序切换功能的实现
JavaScript学习笔记(十二):JS Web API
API 指的是应用程序编程接口(Application Programming Interface)。Web API 是 Web 的应用程序编程接口。浏览器 API 可以扩展 Web 浏览器的功能。服务器 API 可以扩展 Web 服务器的功能。
你知道前端水印功能是怎么实现的吗?
你知道前端水印功能是怎么实现的吗?
Element UI 的 <el-table> 组件中选择框如何只能选择一个
在 Element UI 的组件中,事件通常用于处理表格中选择框的状态变化。:在事件处理函数中确保用户只能选择一个选项。:Element UI 表格的选择模式有两种:单选和多选。为了实现单选,你可以使用属性配合。
Electron 沙盒模式与预加载脚本:保障桌面应用安全的关键机制
沙盒模式:隔离了渲染进程,限制了直接访问系统资源和 Node.js API 的能力,提升了安全性。预加载脚本:在渲染内容加载前执行,用于暴露安全的、受限的 API 给渲染进程使用,确保渲染进程只能通过安全接口与主进程交互。:配合和 IPC 通信,实现了渲染进程和主进程之间安全的双向通信。通过沙盒和预
用自己的语言剖析react fiber,怎样实现的性能优化
前端的React框架中,在很早就引入了Fiber的概念,但是很多小伙伴搞不清楚到底是什么,怎样实现的性能优化。这篇文章会给你答案。先来点官方回答:React Fiber是React 16中引入的新协调算法(reconciliation algorithm)的核心。它是一个从头设计的React内部机制