前端实用知识学习第5页

年末福利丨2024年哔哩哔哩技术精选技术干货

2024年我们共精心打造了99篇原创技术文章，全方位、多角度地剖析了各类前沿技术与实用业务应用。

哔哩哔哩技术·2025-03-08 05:55

vue2前端使用图片展现视频,无法销毁请求

实现思路，使用canvas绘制图像，然后使用动画帧刷新页面exportdefault{props:{info:{type:Object,default:()=>({url:'',index:''}),},},data(){return{currentImage:null,isFullScreen:false,canvas:null,ctx:null,canvasStyle:{height:'100

贾宝玉单臂擒方腊·2025-03-08 04:23

【AI】如何理解与应对AI中的敏感话题：详细分析与实用指南

引言随着人工智能（AI）技术的不断发展，我们在与AI交互时，可能会遇到敏感话题的讨论限制。在许多情况下，AI系统为了避免触及社会、政治或文化敏感点，会对用户输入进行一定的筛选和过滤。那么，这些敏感话题是如何定义的，AI如何识别并避免这些话题，以及作为开发者和用户，我们该如何应对这一问题？本文将详细探讨这些问题，并通过表格、图示等方式帮助大家更好地理解。目录引言一、AI中的敏感话题分类与处理策略1.

丶2136·2025-03-08 04:47

【Docker】Docker容器无法连接 Docker Hub 下载镜像的详细排查与解决方案

本文将详细分析如何排查和解决这些问题，并通过表格、图示和示例代码提供清晰、实用的解决方案，帮助你顺利从DockerHub拉取镜像并运行容器。

丶2136·2025-03-08 04:47

【CTF比赛Web题目快速探测】

CTF比赛Web题目快速探测一、快速信息收集1.基础信息扫描2.工具自动化辅助二、快速漏洞探测1.高频漏洞靶向测试2.前端相关漏洞三、工具链组合利用1.BurpSuite自动化2.专用工具链3.编码/解码辅助四

D-river·2025-03-08 03:02

前端vue用jsmind写思维导图

1、下载依赖npm安装npminstall--savejsmindyarn安装yarnjsmind版本:"jsmind":"^0.4.6",2、完整代码：查看节点删除节点-->放大缩小展开：主题：名称：{{obj.topic?obj.topic:'-'}}部门：{{obj.orgName?obj.orgName:'-'}}描述：{{obj.jobType?obj.jobType:'-'}}状态：正

Tan-玛卡巴卡·2025-03-08 02:44

使用 Spring Boot 实现前后端分离的海康威视 SDK 视频监控

使用SpringBoot实现前后端分离的海康威视SDK视频监控系统，可以分为以下几个步骤：1.系统架构设计前端：使用Vue.js、React或Angular等前端框架实现用户界面。

William Dawson·2025-03-08 01:01

npm 常用指令指南

以下是一些常用的NPM（NodePackageManager）指令，它们在前端开发中非常实用：#NPM常用指令大全##包管理###安装依赖```bashnpminstall安装package.json

风干牛肉巴旦木·2025-03-08 00:28

python实用库

转自：https://github.com/jobbole/awesome-python-cn环境管理管理Python版本和环境的工具p–非常简单的交互式python版本管理工具。pyenv–简单的Python版本管理工具。Vex–可以在虚拟环境中执行命令。virtualenv–创建独立Python环境的工具。virtualenvwrapper-virtualenv的一组扩展。包管理管理包和依赖的

依山临水·2025-03-08 00:57

超实用计算机网络面试题，快来学习一下

引言计算机网络作为程序员的内功，不仅要做到深入理解，面试题也要详细掌握，跟着作者的节奏好好复盘一下吧1.OSI模型和TCP/IP模型的区别是什么？各层的主要功能是什么？考察点：网络分层架构、协议栈理解答案方向：OSI分为7层（物理层→数据链路层→网络层→传输层→会话层→表示层→应用层），TCP/IP简化为4层（网络接口层→网络层→传输层→应用层）。关键区别：OSI是理论模型，TCP/IP是实际工业

优人ovo·2025-03-08 00:26

工程化与框架系列（22）--前端性能优化（中）

前端性能优化（运行）引言运行时性能直接影响用户交互体验和应用流畅度。本文将深入探讨前端运行时性能优化的各种策略和技术，包括渲染优化、内存管理、计算优化等关键主题，帮助开发者构建高性能的Web应用。

一进制ᅟᅠ ‌‍‎‏ ·2025-03-07 23:48

Vue.js 开发入门指南

Vue.js开发入门指南Vue.js是一款流行的前端框架，它轻量、高效且易于上手，非常适合构建交互式Web应用。本文将介绍Vue.js的基础概念，并带你实现一个简单的Vue应用。

2401_89793006·2025-03-07 23:16

npm、Yarn 与 pnpm：选择最适合你的包管理工具

在前端项目中，npm、pnpm和yarn都是包管理工具，主要用于管理JavaScript依赖。它们的核心功能类似，但在性能、依赖管理方式、磁盘空间占用等方面有所不同。

奶凶的小熊崽·2025-03-07 23:44

深入解析 Vue3 核心架构与实战范式：从响应式原理到 Composition API 设计哲学

引言：框架演进的必然选择在2020年发布的Vue3并非简单的版本迭代，而是对前端工程化痛点的系统性解决方案。

嘉图明·2025-03-07 22:05

【前端知识】Web Components开发框架quarkC介绍

文章目录概述**QuarkC简介****核心特性****QuarkC的使用方法****1.安装QuarkC****2.创建一个简单的QuarkC组件****3.使用组件****QuarkC的优势****1.更低的学习成本****2.更好的开发体验****3.跨框架兼容性****4.性能优化****5.社区支持与生态****6.开放性和灵活性****QuarkC的适用场景****总结**构建复杂We

问道飞鱼·2025-03-07 21:57

Github 2024-07-12 Java开源项目日报Top10

根据开发语言中项目的数量，汇总情况如下：开发语言项目数量Java项目10Android开源轻量级流媒体前端创建周期：3158天开发语言：Java协议类型：GNUGeneralPublicLicensev3.0Star

老孙正经胡说·2025-03-07 20:11

vue计算属性源码解读

在Vue.js中，计算属性是一个非常实用的特性，它允许你根据其他数据动态计算出新的值，并且会缓存计算结果，只有当依赖的数据发生变化时才会重新计算。下面我们来深入解读Vue计算属性的源码实现。

新茶十九·2025-03-07 18:19

Java 大视界 -- Java 大数据在智能安防入侵检测与行为分析中的应用（108）

这里为你呈上趣味与实用兼具的知识，也期待你毫无保留地分享独特见解，愿我们于此携手成长，共赴新程！

青云交·2025-03-07 17:18

DHLSP15·2025-03-07 17:17

Java 大视界 -- 基于 Java 的大数据分布式任务调度系统设计与实现（117）

这里为你呈上趣味与实用兼具的知识，也期待你毫无保留地分享独特见解，愿我们于此携手成长，共赴新程！

青云交·2025-03-07 17:46

碰一碰发视频获客系统源码搭建全攻略，支持OEM

本文将深入剖析该系统的源码搭建过程，助力开发者打造高效实用的获客利器。二、系统架构设计（一）整体架构碰一碰发视频获客系统采用分层架构，包括硬件交互层、数据处理层、业务逻辑层和展示层。

余~~18538162800·2025-03-07 17:15

出现 defineProps is a compiler macro and no longer needs to be imported. 解决方法

目录1.问题所示2.原理分析3.解决方法1.问题所示执行前端代码的时候，出现如下问题：[@vue/compiler-sfc]definePropsisacompilermacroandnolongerneedstobeimported

码农研究僧·2025-03-07 17:42

使用Lua和lua-resty-http-simple库的爬虫程序爬取图片

使用Lua和lua-resty-http-simple库编写爬虫程序来下载图片是一个很实用的任务。

q56731523·2025-03-07 17:10

python中的numpy库有什么优缺点_python中关于numpy库的介绍

NumPy包含很多实用的数学函数，涵盖线性代数运算、傅里叶变换和随机数生成等功能。这个库的前身是1995年就开始开发的一个用于数组运算的库。

weixin_34938347·2025-03-07 17:39

前端小食堂 | Day10 - 前端路由の时空裂隙

️今日穿梭指南：两种维度の路由宇宙1.Hash模式：锚点の量子隧道//手动创建路由监听器window.addEventListener('hashchange',()=>{constpath=location.hash.slice(1)||'/';console.log('进入哈希宇宙:',path);renderComponent(path);});//编程式导航functionnavigate

喵爪排序·2025-03-07 16:29

前端流式输出深度解析：技术原理、实战应用与性能优化

一、流式输出的革命性意义1.1传统数据加载的痛点白屏等待：根据Google核心性能指标统计，页面加载时间超过3秒会导致53%的用户流失内存压力：单次加载10MBJSON数据会使内存占用飙升300MB+响应延迟：金融行业实时行情系统要求数据延迟{renderTableRow(data);});3.2Server-SentEvents(SSE)//客户端consteventSource=newEven

斯~内克·2025-03-07 15:48

【前端进阶】Web Worker性能优化实战：解码10万条数据不卡顿

为什么需要WebWorker？JavaScript是单线程语言，当处理大量数据（如解析10万条JSON数据）时，主线程会被阻塞，导致页面卡顿、无法响应点击事件。WebWorker是浏览器提供的多线程解决方案，可以将耗时任务放到后台执行，解放主线程！实战目标主线程流畅渲染，10万条数据解码不卡顿！代码案例与分步解析1.模拟10万条数据//生成10万条模拟数据functiongenerateMockD

爱上大树的小猪·2025-03-07 14:22

微前端父子应用及兄弟应用间组件或方法共享方案

作者：京东物流刘微微背景我们的很多web应用在持续迭代中功能越来越复杂，参与的人员、团队不断增多，导致项目出现难以维护的问题，这种情况PC端尤其常见，微前端为我们提供了一种高效管理复杂应用的方案。

·2025-03-07 12:38

Dockerfile 深入浅出：从基础到进阶全解析

这份教程非常实用，建议大家

TechStack 创行者·2025-03-07 11:52

华为OD-不限经验，急招，机考资料，面试攻略，不过改推，捞人

超星(学习通)-Java后端一面网易互娱40min（感觉是G了）一篇不太像面经的面经2023总结，前端大二上进小红书秋招面经第一波海康红外图像算法实习（微影）面经测试工程师社招-测试面试题大厂在职傻屌。

2301_79125642·2025-03-07 10:54

希音(Shein)前端开发面试题集锦和参考答案

用Node写过什么工具或npm包在实际开发中，使用Node编写过多种实用工具和npm包。自动化构建工具开发了一个简单的自动化构建工具，用于处理前端项目的资源压缩和合并。

大模型大数据攻城狮·2025-03-07 10:52

前端React篇之哪些方法会触发 React 重新渲染？重新渲染 render 会做些什么？

目录哪些方法会触发React重新渲染？重新渲染render会做些什么？setState()案例需求总结forceUpdate()案例需求总结props改变案例需求总结context改变案例需求总结哪些方法会触发React重新渲染？重新渲染render会做些什么？在React中，以下方法会触发重新渲染：setState()：当调用组件的setState方法并传入新的状态值时，React会触发重新渲染

m0_74823705·2025-03-07 07:50

React基础教程（06）：条件渲染

注意这里的Empty是前端框架Antd的组件，如果安装了antd直接使用即可，如果没有安装可以用div代替也是可以的。这里为了更直观，所以使用了前端框架antd的Empty组件。

叁拾舞·2025-03-07 07:18

电商智能客服实战（三）-需求感知模块具体实现

电商智能客服实战（一）—概要设计电商智能客服实战（二）需求感知模块模型微调实现一、整体架构设计1.1模块定位需求感知模块作为智能客服系统的前端处理单元，负责对用户输入进行多维度解析，输出结构化语义理解结果

power-辰南·2025-03-07 06:08

前端本地储存的方式汇总

JavaScript本地存储是Web开发中用于在客户端存储数据的重要技术，以下是常见方式及其区别和应用场景：一、WEB浏览器本地存储方式及特点1.1储存方式1.Cookie存储容量：约4KB（每个域名）。生命周期：可设置过期时间；默认随会话结束失效。作用域：同源页面共享。访问方式：通过document.cookie读写，每次HTTP请求自动携带。特点：支持服务器端操作（通过HTTP头），但存储效率

懒羊羊我小弟·2025-03-07 06:06

前端基础之全局事件总线

用于实现任意组件中的通信，我们可以将数据放入到Vue原型中，这样就能实现vc与vm都能访问该数据我们需要一个能使用去使用$on或是$emit这里方法的东西，vc与vm都能调用这个方法，但是vm与vm最终在创建时都需要去寻找Vue的原型对象，所以说我们可以直接把Vue的原型对象当作是这个中间人bus在beforeCreate中我们就能去申明这个中间人将Student.vue中的信息发送给School

青红光硫化黑·2025-03-07 06:04

自己的网页加一个搜索框，调用deepseek的API

一切源于一个学习黑马程序员视频的突发奇想在网页悬浮一个搜索按钮，点击可以实现调用deepseek文本模型回答你的问题前端实现前端使用vue实现的首先是整体页面：AIWidget.vue搜索{{item}

Lkkkkkkkcy·2025-03-07 06:34

利用golang embed特性嵌入前端资源问题解决

embed嵌入前端资源，配置前端路由的代码如下funcStartHttpService(portstring,assetsFsembed.FS)error{//r:=gin.Default()gin.SetMode

Iam0x17·2025-03-07 05:30

【编程实践】Golang 生成PDF

Golang生成PDF一个简单但是非常实用的pdf生成器！

AI天才研究院·2025-03-07 05:58

pythonvue自动化_Vue项目的自动化测试

很多后端开发人员可能写过很多自动化的单元测试代码，但是对前端测试一头雾水。这是因为相对于后端开发人员的自动化单元测试，前端的自动化测试成本更高。自动化测试就是通过自动化脚本将一个又一个测试用例串

weixin_39617669·2025-03-07 04:18

Springboot应用json数据传给前端首字母大写变小写的问题

对接.net数据，属性首字母大写传给前端后自动转成了小写。

珠峰日记·2025-03-07 03:57

前有vika维格表后有飞书多维表格，打破传统的项目管理工具！

作为一款集科技、颜值、性能、实用于一身的多维智能表格，vika维格表还可以

Eva洞小仙·2025-03-07 01:46

React生态、Vue生态与跨框架前端解决方案

React生态系统1基础框架React.js是一个用于构建UI的JavaScript库。2应用框架Next.js是基于React.js的完整应用框架。主要负责应用如何工作：应用架构：路由系统、页面结构渲染策略：服务端渲染(SSR)、静态生成(SSG)、客户端渲染性能优化：代码分割、图片优化、字体优化开发体验：热模块替换、TypeScript支持部署：Vercel平台集成、自托管选项3UI组件库MU

Coder LM Wang·2025-03-07 00:38

vue3导入excel并解析excel数据渲染到表格中，纯前端实现。

需求用户将已有的excel上传到系统，并将excel数据同步到页面的表格中进行二次编辑，由于excel数据不是最终数据，只是批量的一个初始模板，后端不需要存储，所以该功能由前端独立完成。

m0_74825526·2025-03-06 23:56

Spring Boot 实战：生成条形码的高效方案

今天我们要来动手实践一个非常实用的功能——使用SpringBoot生成条形码。如果你是一名对后端开发感兴趣的开发者，并且希望在项目中集成条形码生成功能，那么这篇文章绝对不容错过！

墨夶·2025-03-06 23:22

Three.js 入门(补间动画Tween.js)

TweenJS是一个由JavaScript语言编写的补间动画库，如果需要tweenjs辅助你生成动画，对于任何前端web项目，你都可以选择tweenjs库。

庸俗今天不摸鱼·2025-03-06 21:11

ThreeJS入门（140）：THREE.Mouse 知识详解，示例代码

作者：还是大剑师兰特，曾为美国某知名大学计算机专业研究生，现为国内GIS领域高级前端工程师，CSDN知名博主，深耕openlayers、leaflet、mapbox、cesium，webgl，ThreeJS

还是大剑师兰特·2025-03-06 20:01

浏览器发请求不携 cookie （加了跨域失败）

但由于跨域了不自动携带cookie2.加withCredentials所以在前端加上了：myAxios.defaults.withCredentials=true3.出现了跨域的错误，CORS请

Wdc_12·2025-03-06 17:30

网络空间安全（13）上传验证绕过

客户端验证绕过是指攻击者通过禁用JavaScript或修改前端代码，绕过这些验证。绕过方法：禁用JavaScript：直接在浏览

IT 青年·2025-03-06 15:48

0基础学前端---品优购项目Day14

0基础学前端—品优购项目Day14视频参考：B站Pink老师本节重点：all项目链接：完整的项目已放到品优购完整项目大家可以自行下载强调内容这里主要强调两个知识点：(1)网站TDK三个标签SEO优化(2

学代码的小前端·2025-03-06 15:45

推荐频道

前端实用知识学习