前端网页基础篇

使用 Particles.js 和 GSAP 实现炫酷的网页粒子动画效果

使用Particles.js和GSAP实现炫酷的网页粒子动画效果前言在现代网页设计中，交互动效对于提升用户体验起着重要作用。

木木黄木木·2025-03-11 21:41

基于vue3实现的聊天机器人前端（附代码）

跟它说说话吧！一个活泼的伙伴，为你提供情感支持！??发送消息！import{ref,onMounted}from'vue';import{v4asuuidv4}from'uuid';//引入UUID生成库//响应式数据constmessage=ref('');//用户输入的消息constchatbox=ref(null);//聊天记录显示区的引用constchatId=ref(uuidv4());

P7进阶路·2025-03-11 21:40

Vue-前端发展史

文章目录Vue-前端发展史二、前端发展史1、UI框架2、JavaScript构建工具3、三端同一4、后端技术5、主流前端框架混合开发微信小程序Vue-前端发展史二、前端发展史1、UI框架Ant-Design

lengzher_5601·2025-03-11 20:36

HTML5 Canvas制作雪花飘落动画

本文还有配套的精品资源，点击获取简介：HTML5引入了Canvas元素，它赋予网页设计师丰富的绘图能力，允许通过JavaScript实现复杂的动画效果。

坚持坚持那些年·2025-03-11 20:05

Poe AI推出Previews预览功能！对标Claude Artifacts！

这些内容通常是超过15行的文本、代码片段、HTML网页、SVG图像、图表和交互式React组件等。用户可以在专用窗口中查看、复制和编辑这些内容

AI信息Gap·2025-03-11 20:05

用 Claude3.5 从零写扫雷游戏-实现蜂窝地图

上一篇用Claude3.5从零写扫雷游戏-基本功能篇中，在Claude3.5的帮助下，我这前端小白也基本完成了一个完整的扫雷游戏。

selfboot0·2025-03-11 20:05

Html5学习教程，从入门到精通， HTML5超链接应用的详细语法知识点和案例代码（18）

超链接的定义超链接是指从一个网页指向一个目标的连接关系，这个目标可以是另一个网页，也可以是相同网页上的不同位置，还可以是一个图片、动画、程序、电子邮件地址、文件，甚至是一个音视频文件。

知识分享小能手·2025-03-11 20:33

Web前端发展史

静态页面阶段那是1990年的12月25日，恰是西方的圣诞节，TimBerners-Lee在他的NeXT电脑上部署了第一套“主机-网站-浏览器”构成的Web系统，这标志BS架构的网站应用软件的开端，也是前端工程的开端

王珍岩·2025-03-11 20:31

探索创新：CanvasParticles - 点燃你的网页动态效果

探索创新：CanvasParticles-点燃你的网页动态效果去发现同类优质开源项目:https://gitcode.com/是一个开源的JavaScript库，专注于在HTML5Canvas上创建引人入胜的粒子动画效果

柏赢安Simona·2025-03-11 20:31

JavaEE 项目常见错误解决方案

获取不到数据库字段值或出现意料之外的值业务中出现null或""404NOTFOUNDGET请求中文乱码form表单提交中文乱码最近的实训中，练了一个比较基础的项目，JSP+Servlet+JavaBean，完成两张表的CRUD操作，前端使用

一弦一柱·2025-03-11 20:00

前端框架的发展史

1、htmlcss+div从1990年代初HTML被发明开始样式表就以各种形式出现了，不同的浏览器结合了它们各自的样式语言，读者可以使用这些样式语言来调节网页的显示方式。

Qpeterqiufengyi·2025-03-11 20:59

前端 UI 框架发展史

上一小节我们了解了前端UI框架的作用和意义，接下来我们再来了解前端UI框架的发展历史。虽然是讲历史，但我不想讲得太复杂，也不打算搞什么编年史记录啥的，毕竟我们不是来学历史的。

之道前端·2025-03-11 20:57

我的投资组合网站：打造个性化的在线投资展示平台

网站的构建涉及网页布局、响应式设计、CSS样式控制、内容管理、数据分析、SEO优化、安全性、用户体验、个性化和社交媒体整合等多个方面，确保网站既具有吸引力又能够有效地传达投资者的专业形象和投资成就。

Tranyn.X·2025-03-11 19:55

MySQL保姆级教程（SQL语法基础篇）从小白到高手的进阶指南，收藏这一篇就够了

本章节精心构构造SQL语法学习之旅的基石，旨在从基础出发，逐步深入，全面解析SQL语法规则并辅以丰富实例。通过这一篇章，您将循序渐进地掌握MySQL的核心语法，开启数据库操作的新境界。1：SQL语言概述SQL（StructuredQueryLanguage），简称SQL。结构化查询语言包含6个部分：类型释义范例数据查询语言DQL：DataQueryLanguage如SELECT数据操作语言DML：

网安导师小李·2025-03-11 19:51

如何在PHP中实现API版本管理：保持向后兼容性

如何在PHP中实现API版本管理：保持向后兼容性在现代Web开发中，API（应用程序编程接口）是连接前端和后端的关键桥梁。随着业务需求的不断变化，API的版本管理变得尤为重要。

奥顺互联V·2025-03-11 19:20

Web端测试时，接口返回200，页面有没显示，可能时什么原因？

需从系统架构、前后端交互、测试方法三个维度展开分析，结合具体场景给出可落地的排查方案：一、核心原因分析（按优先级排序）前端渲染异常JS脚本执行错误（如语法错误导致页面渲染中断）DOM元素未正确加载（XHR

海姐软件测试·2025-03-11 18:48

JavaScript面试宝典

DOM（文档对象模型）：用于操作HTML和XML文档的API，可以动态修改网页内容、结构和样式。

傻小胖·2025-03-11 18:44

我与DeepSeek读《大型网站技术架构》（3）

关键策略：前端优化：CDN加速静态资源、合并压缩JS/CSS、浏览器缓存。服务端优化：缓存（Redis/Memcached）、异步处理（消息队列）

诺亚凹凸曼·2025-03-11 18:11

JavaScript模块化开发的演进历程

这也解释了JS为何一开始没有模块化）JavaScript因为互联网而生，紧随着浏览器的出现而问世1990年底，欧洲核能研究组织（CERN）科学家Tim，发明了万维网（WorldWideWeb），最早的网页只能在操作系统的终端里浏览

IronKee·2025-03-11 17:09

个人NAS方案，终端字符界面浏览器

文章目录前言需求分析Linux配置smb服务-Linux服务端配置-windows客户端配置Linux安装流媒体服务在终端界面中浏览网页references前言个人nas需要满足的需求：可以通过浏览器访问

耶耶耶耶耶~·2025-03-11 17:33

Dash 简介

Dash由Plotly团队开发，旨在帮助数据分析师、数据科学家和开发人员快速创建交互式的、基于数据的Web应用，而无需深入掌握前端技术（如HTML、CSS和JavaScript）。

tankusa·2025-03-11 17:33

Zookeeper【概念（集中式到分布式、什么是分布式、CAP定理、什么是Zookeeper、应用场景、为什么选择Zookeeper 、基本概念）】(一)-全面详解（学习总结---从入门到深化）

作者简介：大家好，我是小童，Java开发工程师，CSDN博客博主，Java领域新星创作者系列专栏：前端、Java、Java中间件大全、微信小程序、微信支付、若依框架、Spring全家桶如果文章知识点有错误的地方

童小纯·2025-03-11 16:27

Yarn：包管理优化与工作空间的最佳实践

在现代前端开发中，包管理工具是不可或缺的工具之一。Yarn作为一个快速、可靠且安全的包管理工具，相对于npm，提供了一些独特的功能和优化，尤其是在工作空间管理和性能优化方面尤为突出。

·2025-03-11 15:59

数字IC前端设计究竟怎样？薪资前景如何？

数字ic前端岗位介绍：数字ic前端设计处于数字IC设计流程的前端，属于数字IC设计类岗位的一种。

IC观察者·2025-03-11 15:19

tauri + vue3 如何实现在一个页面上局部加载外部网页？

问题描述 tauriv1（1.6左右）+vue3我想在vue3前端页面上在一个页面而不是window.open打开一个新的窗口去加载外部网页我想在一个页面中局部中间加载一个外部网页（试过

bug菌¹·2025-03-11 15:18

浏览器自动复制插件-速记超人记事本V1.0

有这么一个需求，就是经常要复制某些网站的资料存到word、txt、或者excel中反复切换浏览器比较麻烦，思索再三，开发了一个浏览器插件取名为“速记超人记事本”功能如下：当我复制网页内容的时候会自动存储到浏览器插件中

铁头大蚂蚁·2025-03-11 15:17

Monorepo与pnpm：前端项目管理的完美搭档

一、什么是pnpmpnpm又称performantnpm，翻译过来就是高性能的npm。1.节省磁盘空间提高安装效率pnpm通过使用硬链接和符号链接（又称软链接）的方式来避免重复安装以及提高安装效率。硬链接：和原文件共用一个磁盘地址，相当于别名的作用，如果更改其中一个内容，另一个也会跟着改变符号链接（软链接）：是一个新的文件，指向原文件路径地址，类似于快捷方式官网原话：当使用npm时，如果你有100

秋の本名·2025-03-11 14:14

web前端期末大作业：婚纱网页主题网站设计——唯一旅拍婚纱公司网站HTML+CSS+JavaScript

‍静态网站的编写主要是用HTMLDⅣV+CSSJS等来完成页面的排版设计‍，一般的网页作业需要融入以下知识点：div布局、浮动定位、高级css、表格、表单及验证、js轮播图、音频视频Fash的应用、uli

IT-司马青衫·2025-03-11 14:11

Webpack打包构建流程

在前端有非常多的资源，如css、js、vue、vue、图片、字体等。

码上跑步·2025-03-11 13:08

webpack

他的工作方式是用各种loader将各种资源转化为js文件或者对js文件进行压缩编译亦或对静态资源进行处理.官网:webpack由来模块化存在一些问题1.ESM的兼容性问题2.模块文件过多,网络请求频繁3.前端的所有资源包括

码上跑步·2025-03-11 13:38

前端实现版本更新自动检测✅

作者简介：水煮白菜王，一位资深前端劝退师文章专栏：前端专栏，记录一下平时在博客写作中，总结出的一些开发技巧和知识归纳总结✍。

水煮白菜王·2025-03-11 13:36

什么是XSS

文章目录前言1.前端知识2.什么是XSS3.漏洞挖掘4.参考前言之前对XSS的理解就是停留在弹窗，认为XSS这种漏洞真的是漏洞吗？安全学习了蛮久了，也应该对XSS有更进一步的认识了。

藤原千花的败北·2025-03-11 13:36

springMVC RestFul接口设计模式详解，包括前后端设计详解。@GetMapping、@PostMapping、@PutMapping@DeleteMapping@PathVariable

目录1、什么是RestFul接口设计模式2、使用该接口设计模式后端还需要配置什么3、使用该接口设计模式前端需要注意什么4、Controller具体实现方式1、什么是RestFul接口设计模式RestFul

漫慢丶·2025-03-11 13:04

CSS入门指南：从零开始学习网页开发——（一）简介

CSS（CascadingStyleSheets，层叠样式表）是一种用于描述网页的外观和布局的样式表语言。

GIS小白吃·2025-03-11 13:04

【推荐项目】 043-停车管理系统

前端框架：前端选用Vue.js，打造流畅、美观的用户交互界面。管理员功能：用户信息管理：轻松管理用户信息，包括新增、编辑、删除及查询用户。界面清晰，操作便捷，确保用户数据的安全与准确。

蜗牛 | ICU·2025-03-11 12:57

QT显示网页控件QAxWidget、QWebEngineView及区别

一.QT种显示网页控件QAxWidget1.介绍QAxWidget属于QtAxContainer模块，ActiveX是微软提出的一种组件对象模型（COM）技术，允许不同的软件组件在Windows操作系统上进行交互和集成

AI+程序员在路上·2025-03-11 12:56

Garfish 源码解析 —— 一个微应用是如何被挂载的

背景Garfish是字节跳动webinfra团队推出的一款微前端框架包含构建微前端系统时所需要的基本能力，任意前端框架均可使用。

moonrailgun·2025-03-11 11:48

Vue3 基础教程：从入门到实践 (保姆级教学)

一、Vue3简介Vue.js是一款用于构建用户界面的JavaScript框架，而Vue3作为其最新的主要版本，带来了诸多令人瞩目的改进与新特性，使其在前端开发领域备受青睐。

前段技术人·2025-03-11 11:18

SpringBoot + vue 管理系统

SpringBoot+vue管理系统文章目录SpringBoot+vue管理系统1、成品效果展示2、项目准备3、项目开发3.1、部门管理3.1.1、前端核心代码3.1.2、后端代码实现3.2、员工管理3.2.1

m0_51274464·2025-03-11 11:17

web前端高级JavaScript - 闭包的应用及循环事件绑定的N中解决办法

闭包在循环事件绑定中的应用场景描述：在页面上有3个button按钮，当点击每个按钮时输出当前按钮的索引值，要求用循环来绑定每个按钮的事件，看下面的代码。button1button2button3varbuttons=document.querySelectorAll('button');for(vari=0;i

一笑程序猴·2025-03-11 11:16

Python Flask 在网页应用程序中处理错误和异常

PythonFlask在网页应用程序中处理错误和异常PythonFlask在网页应用程序中处理错误和异常PythonFlask在网页应用程序中处理错误和异常在我们所有的代码示例中，我们没有注意如何处理用户在浏览器中输入错误的

dowhileprogramming·2025-03-11 11:46

自助洗车小程序开发方案详解

自助洗车小程序开发设计详细扩写一、系统架构设计（一）技术栈选型1.前端：微信小程序（原生开发）：直接基于微信官方提供的开发框架，能充分利用微信的原生能力，如小程序的启动速度快、与微信生态的无缝衔接等。

ALLSectorSorft·2025-03-11 09:34

UI自动化页面性能分析与实践

对于页面的加载性能的获取还很缺失，所以为了之后对页面进行分析和优化，我们需要在进行页面操作的同时，获取到页面的加载情况2.方案1（WebPerformanceAPI）WebPerformanceAPI允许网页访问某些函数来测量网页和

lee_shaoyang·2025-03-11 08:57

Spring Cloud Alibaba微服务架构实战教程—17分布式缓存下Redis设计

通常前端使用Freemaker或Velocity、thymeleaf等模板引擎来实现页面的静态化。对

江湖一点雨·2025-03-11 08:24

前端开发使用的安卓模拟器_【译】移动开发中的仿真器与模拟器

译者注：本文主要涉及到两个概念：Emulator和Simulator。通常我们在工作中可能统统习惯称为“模拟器”，但实际上二者有所不同。为了分清概念，本文将Emulator译作“仿真器”，Simulator译作“模拟器”。听起来可能略拗口，如产生生理或心理不适，敬请谅解。仿真器(Emulator)，又称仿真程序，在软件工程中指可以使计算机或者其他多媒体平台(掌上电脑，手机)能够运行其他平台上的程序

weixin_39976748·2025-03-11 07:52

Apipost一站式API工具评测：整合Postman+Swagger+JMeter三大功能，打造全流程开发解决方案

在确保API表现符合预期后，我们会使用Swagger为前端团队生成文档。最后，再使用JMeter进行性能和负载测试，以确保API工作流顺畅且自动化。

·2025-03-11 07:42

前端的架构设计与演化实例

前言本文介绍我在实际的前端项目中的架构设计，展示因为需求变化而导致架构变化的过程。全文分为三个阶段，分别对应三次需求的变化，给出了对应的架构设计。

weixin_30677073·2025-03-11 06:42

前端的架构

2,、组件化：一般常用的组件有两个，requirejs和sea.js二、做前端架构前需要想什么1、除了技术基础外，应当了解需求，然后进行模块的边界划分；2、如何设计友好接口；3、自动化的发布和快速迭代；

so_cruel·2025-03-11 06:42

react 和 reflux

三、组成：四、react的基本概念：五、JSX语法：六、生命周期：七、简单的使用：一、介绍：react：最早来源于FaceBook,后来因为其独特的设计思想和惊人的性能被广大用户喜欢，现在是最受欢迎的前端框架之一

yunhai.du·2025-03-11 06:11

【Python爬虫实战】从多类型网页数据到结构化JSON数据的高效提取策略

个人主页：https://blog.csdn.net/2401_86688088?type=blog系列专栏：https://blog.csdn.net/2401_86688088/category_12797772.html目录前言一、数据类型及其对应的提取策略（一）文本数据（二）数值数据（三）链接（四）图像数据（五）表格数据（六）JSON数据（七）动态数据（八）元数据（九）总结二、结构化数据提

易辰君·2025-03-11 06:39

推荐频道