前端知识点总结 -- Vue篇,Ts篇
详细步骤说明：Project name：------------------》项目名称，默认值：vue-project，可输入想要的项目名称。----------------》是否加入TypeScript组件？默认值：No。---------------》是否加入JSX支持？默认值：No。Add V
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 后端的接口。处理接口返回的数据并在页面上展示。
Vue实现动态表单
动态表单的核心是：根据用户在表单中的输入，自动调整后续表单项的显示内容。例如，用户在某个表单输入特定的值时，会显示下一个问题或选项，而如果用户输入不同的值，则会跳转到另外一套问题。这种交互使得表单流程更加智能和灵活。在本文中，我们将创建一个递归的动态表单，表单项之间通过逻辑相互连接。当某个表单项的值
【前端异常】JavaScript错误处理：分析 Uncaught (in promise) error
在前端开发中，JavaScript 异常是不可避免的。随着现代前端应用越来越多地使用异步操作(如 Promise、async/await 等)，开发者常常会遇到 Uncaught (in promise) error 错误。这个错误是由于未正确处理 Promise 的拒绝(rejection)而导致
前端接入海康威视web插件
VUE3接入海康威视web插件接入海康的web插件实现在网页端直接显示摄像头监控画面，此解决方案需要在用户电脑上安装exe插件。web插件下载首先在官网下载海康插件，打开demo文件夹可以看到需要用到的js和bin目录下的exe插件。插件导入安装HCWebSDKPlugin.exe到电脑中，然后在项
前端Vue自定义个性化三级联动自定义简洁中国省市区picker选择器
前端组件开发在现代前端开发中占据着至关重要的地位。随着互联网的快速发展，前端应用的规模和复杂性不断增加，传统的开发方式已经难以满足需求。前端组件开发应运而生，成为提高开发效率、代码可维护性和可复用性的关键手段。
Layui数据表格开启前端排序切换功能实现Demo
Layui数据表格开启前端排序切换功能的实现
JavaScript学习笔记（十二）：JS Web API
API 指的是应用程序编程接口（Application Programming Interface）。Web API 是 Web 的应用程序编程接口。浏览器 API 可以扩展 Web 浏览器的功能。服务器 API 可以扩展 Web 服务器的功能。
你知道前端水印功能是怎么实现的吗？
你知道前端水印功能是怎么实现的吗？
前端知识点---字符串的8种拼接方法(Javascript)
运算符：最基础、常见，适用于简单的字符串拼接。+= 运算符：适用于追加字符串。concat() 方法：连接两个或多个字符串，返回新字符串。模板字面量（`）：最现代的拼接方式，推荐使用，适合插入变量和表达式。join() 方法：用于将数组元素拼接成字符串，适合多个字符串或数组中的字符串拼接。reduc
iframe内嵌网页放大或缩小的处理方案
iframe内嵌网页放大或缩小的处理方案
若依 Vue3 前端分离 3.8.8 版实现去除首页，登录后跳转至动态路由的第一个路由的页面
本文介绍了如何在若依 Vue3 前端分离框架的3.8.8版本中实现去除首页，并根据用户角色动态跳转至相应角色的第一个路由页面的功能。若依框架默认没有提供这一功能，因此需要开发者自行实现。文章详细阐述了实现过程，包括动态路由的设置以及登录后的页面跳转逻辑，旨在为需要此类功能的开发者提供指导和参考。
vue项目打包自动更新版本号且自动刷新缓存
vue项目打包自动更新版本号且自动刷新缓存
纯前端PDF预览插件：pdfjs-dist的使用教程 js解析pdf文件实现预览，并获取pdf文件中的内容
pdfjs-dist 是 Mozilla 提供的一个 JavaScript 库，用于在浏览器中解析和渲染 PDF 文档。它基于 HTML5 和 Canvas 技术，可以高效地在网页上展示 PDF 文件。使用pdfjs-dist可以轻松实现纯前端的 PDF 预览功能。上述示例展示了如何加载和渲染 PD
