前端项目实战开发

【HarmonyOS实战开发】鸿蒙左右拖动切换图片效果实现

介绍本示例使用滑动手势监听，实时调整左右两侧内容显示区域大小和效果。通过绑定gesture事件中的PanGesture平移手势，实时获取拖动距离。当拖动时，实时地调节左右两个Image组件的宽度，从而成功实现左右拖动切换图片效果的功能。效果图预览●更多鸿蒙最新技术知识点，请移步前往小编：https://gitee.com/使用说明点击中间按钮进行左右拖动切换图片。实现思路本例涉及的关键特性和实现方

代码改变世界996·2025-02-16 22:22

从零开始：如何用 Vue 3 和 Vite 创建现代前端项目

从零开始：如何用Vue3和Vite创建现代前端项目前言随着现代前端框架的快速发展，开发工具和构建工具也在不断进化。

全栈探索者chen·2025-02-16 13:40

react-contexify的右键菜单属性disabled不起作用

目录react-contexify的右键菜单属性disabled不起作用代码展示问题原因解决方案react-contexify的右键菜单属性disabled不起作用使用场景：使用react做前端项目时，

qq_35769971·2025-02-15 15:53

AI赋能前端开发：团队协作的全新模式

在快速迭代的互联网时代，高效的团队协作对前端项目的成功至关重要。然而，传统的前端开发团队协作常常面临沟通成本高、效率低、代码风格不一致等诸多挑战。

梦游人·2025-02-15 02:07

HarmonyOS实战开发-鸿蒙开发应用沉浸式效果实现

概述典型应用全屏窗口UI元素包括状态栏、应用界面和底部导航条。开发应用沉浸式效果主要指通过调整状态栏、应用界面和导航条的显示效果来减少状态栏导航条等系统界面的突兀感，从而使用户获得最佳的UI体验。图1界面元素示意图开发应用沉浸式效果主要要考虑如下几个设计要素：UI元素避让处理：导航条底部区域可以响应点击事件，除此之外的可交互UI元素和应用关键信息不建议放到导航条区域。沉浸式效果处理：将状态栏和导航

代码改变世界996·2025-02-14 23:18

FFmpeg + OpenGL ES 美颜相机教程大纲

教程分为理论讲解和实战开发两部分，适合有一定编程基础的开发者。

陈皮话梅糖@·2025-02-14 20:23

django入门到精通三部曲(第一部)

第一章：Django入门注意,第一章是开发基础,第二章是高级开发必备,第三章是项目实战,如果要进行第三章实战开发,必须熟练掌握第一章第二章，如有问题自行百度1.1Django简介Django简介MVC/

玉江仙。·2025-02-14 09:33

react 前端项目搭建

安装node全局安装react框架npminstall-gcreate-react-apppnpmcreatereact-app项目名称--templatetypesctiptoryarncreatereact-app项目名称--templatetypescriptcd项目名称进入项目安装eslint和prettier进行代码规范管理pnpmadd-Deslintprettiereslint-pl

weixin_44254297·2025-02-14 06:42

AI前端开发对项目管理能力提出的新挑战与应对策略

传统的项目管理方法已难以应对AI赋能的前端项目开发带来的新挑战。

·2025-02-13 10:21

＜tauri＞＜websocket＞tauri集成web端使用websocket实现数据通讯

前言本文是在websocket实现通讯的基础上，将前端项目集成到tauri中，以实现桌面窗口程序。

机构师·2025-02-13 04:11

＜tauri＞＜rust＞＜GUI＞使用tauri创建一个图片浏览器（文件夹遍历、图片切换）

前言本文是基于rust和tauri，由于tauri是前、后端结合的GUI框架，既可以直接生成包含前端代码的文件，也可以在已有的前端项目上集成tauri框架，将前端页面化为桌面GUI。

机构师·2025-02-13 04:41

【鸿蒙HarmonyOS Next实战开发】多媒体视频播放-GSYVideoPlayer

简介GSYVideoPlayer是一个视频播放器库，支持切换内核播放器（IJKPlayer、avplayer），并且支持视频截图能力、视频生成gif能力、边播边缓存能力、视频全屏能力等多种能力。效果展示：下载安装ohpminstall@ohos/gsyvideoplayerOpenHarmonyohpm环境配置等更多内容，请参考如何安装OpenHarmonyohpm包使用说明规格说明目前支持音视频

阿康2024·2025-02-12 23:06

【鸿蒙HarmonyOS Next实战开发】mp4parser库-音视频裁剪、合成、取帧等操作

mp4parser简介一个读取、写入操作音视频文件编辑的工具。下载安装ohpminstall@ohos/mp4parserOpenHarmonyohpm环境配置等更多内容，请参考如何安装OpenHarmonyohpm包使用说明视频合成import{MP4Parser}from"@ohos/mp4parser";import{ICallBack}from"@ohos/mp4parser";/***视

阿康2024·2025-02-12 23:36

深入浅出Vue.js：从入门到实战开发指南

文章目录一、Vue.js简介1.1什么是Vue.js？1.2Vue生态体系1.3框架对比二、环境搭建与项目创建2.1安装方式2.2项目结构分析三、Vue核心语法3.1模板语法3.2生命周期钩子四、组件化开发4.1组件基础4.2组件通信五、Vue进阶特性5.1CompositionAPI5.2状态管理（Vuex）5.3路由管理（VueRouter）六、实战案例：TodoList应用6.1组件结构6.

chenNorth。·2025-02-12 09:01

Vue项目：Failed to load resource: the server responded with a status of 404 (Not Found)

一、问题描述在写Vue的前端项目时，调试发现无法取得资源文件的问题。代码：资源文件位置：报错：二、解决办法将‘…/public/1.glb’改成‘/1.glb’即可。

小卡规划·2025-02-10 21:32

【Vue2】vue2项目中如何使用mavon-editor编辑器，数据如何回显到网页，如何回显到编辑器二次编辑

参考网站：安装使用参考：vue2-常用富文本编辑器使用介绍html网页展示、编辑器回显二次编辑参考：快速搞懂前端项目如何集成Markdown插件mavon-editor，并回显数据到网页安装命令npminstallmavon-editor

fruge365·2025-02-10 04:02

【鸿蒙HarmonyOS Next实战开发】视频压缩库VideoCompressor

ohos_videocompressor介绍videoCompressor是一款ohos高性能视频压缩器，可以用在openHarmony和HarmonyOS系统。目前实现的能力：支持视频压缩下载该工程有两种方式可以下载该工程源码：开发者如果想要下载该工程源码,可以使用git命令gitclonehttps://gitee.com/openharmony-sig/ohos_videocompresso

阿康2024·2025-02-08 06:55

前端项目实战肆佰贰拾壹react-admin和material ui-@emotion/styled操作

constSkillLi=styled('li')({'&:hover':{backgroundColor:'#cdcdcd'}})styled元素名加样式

前端歌谣·2025-02-08 03:37

课程知识图谱生成系统设计与实现

期待与各位高校教师、企业讲师以及同行交流合作主要内容：Java项目、Python项目、前端项目、PHP、ASP.NET、人工智

编程千纸鹤·2025-02-07 12:02

前端（vue）数据存储方案

引言本需求文档旨在明确前端项目中的数据存储需求，包括数据类型、数据结构、数据交互方式等。它定义了前端项目中需要存储和处理的数据，以及对这些数据进行访问和操作的要求。

CuiXg·2025-02-07 08:01

[nginx] 一个CORS的漏洞修复

前端项目被扫描出了一个CORS漏洞，记录一下漏洞的复现和修复。首先要明确，这个问题出在哪里。我负责的系统是一个前后端分离的应用，前端部署使用Nginx做反向代理。

·2025-02-06 21:59

前端项目技术点总结：React项目创建

（一）webpack基本使用和配置项目初始化；安装webpack和其脚手架webpack-cli；新建webpack.config.js文件，并且配置；安装插件html-webpack-plugin，并且配置；安装webpack-dev-server，配置热启动；安装对应loader（css，js，图片等等）；创建webpack.config.js，配置入口、出口、插件和loader；然后在pac

jimson_zhu·2025-02-06 04:47

2025年SSM框架的毕业设计推荐

目前专注于大学生项目实战开发,讲解,毕业答疑辅导✌主要服务内容：选题定题、开题报告、任务书、程序开发、文档编写和辅导、文档降重、程序讲解、答辩辅导等，欢迎咨询~文末获取源码+数据库+文档感兴趣的可以先收藏起来

yh1340327157·2025-02-05 14:41

鸿蒙实战开发（HarmonyOS）音视频边缓存边播放案例

鸿蒙NEXT开发实战往期必看文章：一分钟了解”纯血版！鸿蒙HarmonyOSNext应用开发！“非常详细的”鸿蒙HarmonyOSNext应用开发学习路线！（从零基础入门到精通）HarmonyOSNEXT应用开发案例实践总结合（持续更新......）HarmonyOSNEXT应用开发性能优化实践总结（持续更新......）介绍OhosVideoCache是一个支持边播放边缓存的库，只需要将音视频的

你我皆是牛马星人·2025-02-04 23:19

第28节课：前端项目实战—从需求分析到开发流程的全方位指南

本节课将通过一个完整的前端项目实战案例，详细介绍项目需求分析与设计，以及项目开发流程，帮助

学问小小谢·2025-02-03 20:45

npm启动前端项目时报错（vue) error:0308010C:digital envelope routines::unsupported

vue启动项目时，npmrunserve报下面的错：error:0308010C:digitalenveloperoutines::unsupportedatnewHash(node:internal/crypto/hash:67:19)atObject.createHash(node:crypto:133:10)atFSReqCallback.readFileAfterClose[asoncom

华如锦·2025-02-03 07:30

.net core + vue 搭建前后端分离的框架

目录步骤一：创建.NETCore后端项目步骤二：创建Vue.js前端项目步骤三：集成后端和前端项目步骤一：创建.NETCore后端项目安装.NETCoreSDK：确保你的开发环境中已安装了最新版本的.NETCoreSDK

战族狼魂·2025-02-03 03:53

鸿蒙OH实战开发：基于webview拉起自定义键盘

往期学习笔录：鸿蒙应用开发与鸿蒙系统开发哪个更有前景？嵌入式开发适不适合做鸿蒙南向开发？看完这篇你就了解了~鸿蒙岗位需求突增！移动端、PC端、IoT到底该怎么选？记录一场鸿蒙开发岗位面试经历~持续更新中……场景描述在特殊的H5场景下需要应用拉起自定义键盘进行输入。场景一：使用jsBridge拉起自定义弹窗写自定义键盘，再通过jsBridge传参实现输入。场景二：使用web的同层渲染将原生textI

彭家大少·2025-02-02 17:12

优化冗余代码：提升前端项目开发效率的实用方法

目录前言代码复用与组件化模块化开发与代码分割工具辅助与自动化结束语前言在前端开发中，我们常常会遇到代码冗余的问题，这不仅增加了代码量，还影响了项目的可维护性和开发效率。还有就是有时候会接到紧急业务需求，要求立马完成上线，这时候多人协作开发，代码质量不会很高，很多都是复制粘贴;亦或是接手的代码比较老旧，公共组件里面写了大量冗余代码，这种情况下时间越久，开发起来就越难受。那么本文将结合实际项目案例，分

三掌柜666·2025-02-01 00:31

【零散技术】MAC 安装多版本node

时间是我们最宝贵的财富,珍惜手上的每个时分不同前端项目运行的node版本不一致，会导致无法运行，就像Odoo也需要依据版本使用对应的python环境。

Odoo穆尘·2025-01-30 16:29

Vue前端项目构建

目录1、安装Vue脚手架1.1安装node.js1.2安装npm1.3安装Vue脚手架2、通过Vue脚手架创建项目2.1基于3.x版本的脚手架创建vue项目，这里使用图形界面方式创建。3、启动项目4、项目初始化文件结构5、Vue脚手架自定义配置6、安装Element-UI插件7、使用Element-UI

踏浪·2025-01-29 03:41

如何设计一个合理的vue前端项目架构

在前端开发中，我学习的是vue的开发路线。在最初的学习中，除了学习理论知识，还有就是看一些开源项目学习如何将vue应用到实际开发中。合理的项目架构设计是项目成功的基础之一。一个好的架构不仅可以提升代码的可读性和可维护性，还能提高开发效率，并降低项目的长期维护成本。所以，本文将以构建项目为起点，探讨如何设计关于vue的前端架构。1.项目初始化1.1创建项目vue不是在IDE中创建项目，而是使用工具在

叫我阿柒啊·2025-01-29 02:34

由于直接提供完整的游戏商城代码超出了简单回答的范围，并且游戏商城的实现可以相当复杂，涉及前端展示、后端逻辑、数据库设计等多个方面，我会分别用几种流行的编程语言和技术栈概述如何开始搭建一个基本的游戏商城

/CSS/JavaScript+React）React示例:fengbaoshun.com首先，你需要安装Node.js和npm（Node包管理器），然后使用CreateReactApp来快速启动你的前端项目

编程小飞侠a·2025-01-28 11:40

点餐系统开题报告

目前专注于大学生项目实战开发,讲解,毕业答疑辅导✌主要服务内容：选题定题、开题报告、任务书、程序开发、文档编写和辅导、文档降重、程序讲解、答辩辅导等，欢迎咨询~文末获取源码+数据库+文档感兴趣的可以先收藏起来

JAVA编码选手·2025-01-27 13:32

基于SpringBoot+Vue码头船只货柜管理系统

期待与各位高校教师、企业讲师以及同行交流合作主要内容：Java项目、Python项目、前端项目、PHP、ASP.NET、人工智能与大数据、单片机开

qq_469603589·2025-01-27 08:28

Vite + Vue3 + TS项目配置前置路由守卫

前置条件在开始配置项目前置路由守卫前，博主希望你能够先达成以下前置条件：1.完成Vue3前端项目搭建:Vite创建Vue3+TS项目2.引入

洛*璃·2025-01-26 08:32

Vue全家桶 - 电商后台管理系统项目开发实录（详）

目录1.项目概述1.1电商项目基本业务概述1.2电商后台管理系统的功能1.3电商后台管理系统的开发模式（前、后端分离）2.项目初始化2.1前端项目初始化步骤码云相关操作2.2后台项目的环境安装配置3.登录

←か淡定☆ ヾ·2025-01-24 00:16

基于 Github Actions 和 Docker 的前端项目CI/CD

一、项目背景最近在写一个管理系统项目的时候出现了一些比较麻烦的问题，由于进度比较赶，项目虽然上线了，但是还需要继续开发，这就涉及到频繁的构建和部署。首先讲一下没使用CI/CD之前的部署方式:首先使用pnpmbuild，拿到项目的打包产物.output文件夹将.output文件夹压缩，并通过服务器可视化工具宝塔，将压缩包上传到指定文件夹下第一次部署时使用pm2命令pm2start./.output/

Single·2025-01-22 21:52

Axios封装一款前端项目网络请求实用插件

前端项目开发非常经典的插件axios大家都很熟悉，它是一个Promise网络请求库，可以用于浏览器和node.js支持的项目中。

smart_ljh·2025-01-20 12:03

【学习总结|DAY028】后端Web实战(部门管理)

在这种模式下，前端项目和后端项目的开发、部署相互独立。其开发流程包括需求分析、接口设计、前后端并行开发、测试以及联调等环节。

123yhy传奇·2025-01-19 14:33

基于vue.js+element-ui组件开发的博客blog详细步骤

vue学习笔记一、前端项目初始化步骤1、通过vuecli3创建项目2、配置vue路由3、配置element-ui组件库4、配置axios库5、初始化git远程仓库6、将本地项目托管到GitHub或码云上二

perfect-code-hzy·2025-01-19 00:00

【2025最新计算机毕业设计】基于SSM的旅游与自然保护平台【提供源码+答辩PPT+文档+项目部署】

✌主要内容：Java项目、Python项目、前端项目、PHP、ASP.NET、人工智能与大数据、单片机开发、物联网设计与开发设计、简历模板、学习资料、面试题库、技术互助、就业指导等。

万码堂源码·2025-01-18 11:01

【源码+文档】基于SpringBoot+Vue旅游网站系统【提供源码+答辩PPT+参考文档+项目部署】

✌主要内容：Java项目、Python项目、前端项目、PHP、ASP.NET、人工智能与大数据、单片机开发、物联网设计与开发设计、简历模板、学习资料、面试题库、技术互助、就业指导等。

万码堂源码·2025-01-18 11:31

vite-ant-design-pro 使用指南

项目地址:https://gitcode.com/gh_mirrors/vi/vite-ant-design-pro项目介绍vite-ant-design-pro是一个基于Vite和AntDesign的现代前端项目模板

裴若音Nola·2025-01-18 06:58

基于 React 和 Vite 的前端项目自动化测试方案

背景前端自动化测试在工程化的研发体系中不可或缺。前端领域的自动化测试常被忽略，原因在于人们认为编写测试用例成本高且意义不大，本质是觉得投资回报率低。但当收益大于支出时，引入前端自动化测试是必要的。例如在表单功能从简单到复杂的迭代过程中，手动测试成本会指数级增长且可能无法完成所有测试，此时引入自动化测试能提升效率、保证测试覆盖范围、减少误差和遗漏、实现用例重复使用等。成本初始成本，引入自动化测试框架

·2025-01-17 10:27

了解 UNPKG：前端开发者的包管理利器

不过，随着前端项目复杂性的增加，有时候我们希望快速引入外部依赖，而无需本地安装和构建。此时，CDN（内容分发网络）成为了一种方便快捷的解决方案，而UNPKG就是这种方式中的佼佼者。什么是UNPKG？

小于负无穷·2024-09-15 20:33

系列3：【深入】qiankun动态与按需加载子应用—像电影一样控制出现时机

假设你的微前端项目就像一场电影，而子应用是场景或演员。在不同的情节中，我们只需要特定的场景和演员出现，而不需要所有场景和演员一开始就站在舞台上等待。

rabbit_it·2024-09-15 17:12

nginx部署前端项目的一些配置【刚入门】

前期准备：在linux上安装nginx，我用的是腾讯云centos7服务器，具体的安装过程可以到腾讯云的开发者实验室里体验，自己先试试水。修改nginx.conf配置文件，我用到的修改只是以下的部分。1.端口号2.项目的存放位置server{listen8088default_server;#访问的端口号。listen[::]:8088default_server;server_name_;#ro

weixin_30847271·2024-09-15 04:10

rsync exited with code 255.Load key “...“: invalid format Permission denied, please try again.

在配置githubactions自动部署前端项目到服务器上时，登录服务器使用的是秘钥登录。

沧州刺史·2024-09-15 01:16

【VSCode扩展】通义灵码运行提示“此应用无法在你的电脑上运行”

coderYYY·2024-09-15 01:45

推荐频道