原生JS和CSS,HTML实现开屏弹窗

代码内的obj仅为示例,后续可更改为任意数据或者直接从其他地方引用,本篇文章仅仅在前端并未与其他服务器等交互的前提下,使用原生JS和CSS,HTML来完成类似的开屏弹窗示例,后续可更改CSS样式代码让样式变得更好看。开屏弹窗常应用于打开游戏,或者打开网站的时候,跳出来在正中间,来显示一些信息,并可以

Web Workers 学习笔记

最近在开发中遇到了一个需求,一大堆的图片都需要调用两个接口。这对单线程的 JavaScript 运行环境构成了挑战,容易影响用户体验。所以决定学习 Web Workers 并记录一下。Web Workers 的作用就是提供一个多线程环境,允许将一些繁重任务(涉及大量计算或网络请求时)从主线程分离出来

前端vue解决跨域问题(适用于开发环境)

跨域问题的存在主要是由于浏览器的安全策略所导致的。具体来说,有以下几个主要原因:1.同源策略 (Same-Origin Policy):浏览器的安全机制,要求请求必须来自相同的协议、域名和端口。2.安全性和隐私保护:防止恶意网站访问其他网站的数据,避免 CSRF 和 XSS 攻击。服务器可以通过设置

前端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 服务器的功能。

你知道前端水印功能是怎么实现的吗?

你知道前端水印功能是怎么实现的吗?

登录可以使用的更多功能哦! 登录
作者榜
...
资讯小助手

资讯同步

...
内容小助手

文章同步

...
Deephub

公众号:deephub-imba

...
奕凯

公众号:奕凯的技术栈