- vite5-webchat原创实战vite5+vue3+vue-router+sass+pinia+element-plus搭建网页仿微信聊天系统。包含了聊天、通讯录、朋友圈、短视频、我的等模块。支持收缩侧边栏、桌面主题壁纸、锁屏等功能。 vite5-webchat原创实战vite5+vue3+vue-router+sass+pinia+element-plus搭建网页仿微信聊天系统。包含了聊天、通讯录、朋友圈、短视频、我的等模块。支持收缩侧边栏、桌面主题壁纸、锁屏等功能。
- install vue clinpm install -g @vue/cli create vue projectvue create project_name install electronnpm install --save-dev electron@latest 书写main.jsconst { app, BrowserWindow } = require('electron')c... install vue clinpm install -g @vue/cli create vue projectvue create project_name install electronnpm install --save-dev electron@latest 书写main.jsconst { app, BrowserWindow } = require('electron')c...
- 1、业务需求需要加一个按钮,调用第三方API,按钮十分钟之内只能点击一次,刷新页面也只能点击一次 2、思路加一个本地缓存的时间戳,通过时间戳计算指定时间内不能点击按钮 3、实现 1)vue页面<template> <el-row :gutter="15"> <el-col :span="4"> <el-button type="danger" icon... 1、业务需求需要加一个按钮,调用第三方API,按钮十分钟之内只能点击一次,刷新页面也只能点击一次 2、思路加一个本地缓存的时间戳,通过时间戳计算指定时间内不能点击按钮 3、实现 1)vue页面<template> <el-row :gutter="15"> <el-col :span="4"> <el-button type="danger" icon...
- 示例代码托管在:http://www.github.com/dashnowords/blogs博客园地址:《大史住在大前端》原创博文目录华为云社区地址:【你要的前端打怪升级指南】Vue中拆分视图层代码的5点建议一.框架的定位二. Vue开发中的script拆分优化1.组件划分2.剥离业务逻辑代码3. 剥离数据转换代码4. 善用computed和filters处理数据展示5. 使用direct... 示例代码托管在:http://www.github.com/dashnowords/blogs博客园地址:《大史住在大前端》原创博文目录华为云社区地址:【你要的前端打怪升级指南】Vue中拆分视图层代码的5点建议一.框架的定位二. Vue开发中的script拆分优化1.组件划分2.剥离业务逻辑代码3. 剥离数据转换代码4. 善用computed和filters处理数据展示5. 使用direct...
- 做了三年前端,发现自己还停留在"调用API"的层面?想突破瓶颈却找不到方向?本文从实际项目出发,梳理了前端进阶的关键技术节点:框架底层原理、全栈开发能力、工程化思维,以及那些面试官真正关心的技术深度。 📚 介绍前端全栈技术体系深度解析本技术资料系统梳理了现代Web前端开发的完整技术栈,适合有一定基础的开发者进行系统性学习和技术深度提升。技术覆盖范围基础夯实部分 从JavaScript核心机... 做了三年前端,发现自己还停留在"调用API"的层面?想突破瓶颈却找不到方向?本文从实际项目出发,梳理了前端进阶的关键技术节点:框架底层原理、全栈开发能力、工程化思维,以及那些面试官真正关心的技术深度。 📚 介绍前端全栈技术体系深度解析本技术资料系统梳理了现代Web前端开发的完整技术栈,适合有一定基础的开发者进行系统性学习和技术深度提升。技术覆盖范围基础夯实部分 从JavaScript核心机...
- 1. 低代码平台概述低代码平台是一种应用程序开发方法,通过可视化建模、模块化设计和拖放式操作减少编码需求。其开发界面集成了业务逻辑建模、数据处理和用户界面设计,帮助企业降低开发门槛,实现更高效的应用创建。低代码平台通过自动化流程实现了从需求到成品的快速交付,使开发周期显著缩短,响应市场变化的速度大大提升,尤其适合需要快速迭代的业务环境。低代码平台架构图2. 技术模型:描述式编程与模型驱动开发... 1. 低代码平台概述低代码平台是一种应用程序开发方法,通过可视化建模、模块化设计和拖放式操作减少编码需求。其开发界面集成了业务逻辑建模、数据处理和用户界面设计,帮助企业降低开发门槛,实现更高效的应用创建。低代码平台通过自动化流程实现了从需求到成品的快速交付,使开发周期显著缩短,响应市场变化的速度大大提升,尤其适合需要快速迭代的业务环境。低代码平台架构图2. 技术模型:描述式编程与模型驱动开发...
- Vue ElementUI 和 Axios 内容分享。 Vue ElementUI 和 Axios 内容分享。
- Vue CLI脚手架搭建和分析 详解。 Vue CLI脚手架搭建和分析 详解。
- Vue 组件化编程 和 生命周期 详解。 Vue 组件化编程 和 生命周期 详解。
- Vue 条件渲染与列表渲染 介绍及演示。 Vue 条件渲染与列表渲染 介绍及演示。
- 首先找到login文件夹下面的index.vue页面 找到登录对应的方法 登录方法中:表单校验通过之后将表单信息发送到了vuex中的user.js文件中的login方法进行接收 找到vuex中的user.js文件 看一下在这个login方法中具体做了... 首先找到login文件夹下面的index.vue页面 找到登录对应的方法 登录方法中:表单校验通过之后将表单信息发送到了vuex中的user.js文件中的login方法进行接收 找到vuex中的user.js文件 看一下在这个login方法中具体做了...
- 目录 1,分析 1.1:环境搭建 1.1.1:数据库 1.1.2:后端:环境 1.1.3:后端:基本模块 1.1.4:前端:课程板块 2,查询所有课程 2.1:后端实现 2.2:前端ajax发送 2.3:前端实现 1,分析 1.1:环境搭建 1.1.1:数据库 CREATE DATABASE zx_... 目录 1,分析 1.1:环境搭建 1.1.1:数据库 1.1.2:后端:环境 1.1.3:后端:基本模块 1.1.4:前端:课程板块 2,查询所有课程 2.1:后端实现 2.2:前端ajax发送 2.3:前端实现 1,分析 1.1:环境搭建 1.1.1:数据库 CREATE DATABASE zx_...
- 点击上方“青年码农”关注 回复“源码”可获取各种资料 本文主要介绍如何在 Vue3+TS 的项目中使用 NProgress 进度条,示例代码非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友往下看。 介绍 NProgress 是一个轻量级的进度条组件,它的原理非常简单,就是页面启动的时候,构建一个方法... 点击上方“青年码农”关注 回复“源码”可获取各种资料 本文主要介绍如何在 Vue3+TS 的项目中使用 NProgress 进度条,示例代码非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友往下看。 介绍 NProgress 是一个轻量级的进度条组件,它的原理非常简单,就是页面启动的时候,构建一个方法...
- 作为一个Java后端开发者,小编已经将近3年没有写过前端了,当年在学校学习时候,H5刚出来, 我们都是用纯html标签+bootstrap样式来写网页的,还记得第一个网页写的是小米的官网。 时隔3年... 作为一个Java后端开发者,小编已经将近3年没有写过前端了,当年在学校学习时候,H5刚出来, 我们都是用纯html标签+bootstrap样式来写网页的,还记得第一个网页写的是小米的官网。 时隔3年...
- 点击上方“青年码农”关注 回复“源码”可获取各种资料 我们知道 ref 函数和 reactive 函数用于实现数据的响应性。但是开发中如何选择使用 ref 和 reactive 呢?下面我们就详细说说 ref 和 reactive 的区别。 回顾 在 Vue3 版本之前,响应数据在 data 函数中定义 <... 点击上方“青年码农”关注 回复“源码”可获取各种资料 我们知道 ref 函数和 reactive 函数用于实现数据的响应性。但是开发中如何选择使用 ref 和 reactive 呢?下面我们就详细说说 ref 和 reactive 的区别。 回顾 在 Vue3 版本之前,响应数据在 data 函数中定义 <...
上滑加载中
推荐直播
-
华为云码道Agent集成与鸿蒙实战2026/08/11 周二 19:00-21:00
王一男-华为云码道产品规划专家;李炎-华为云码道产品专家;彭江敏-华为云鸿蒙端云一体化开发专家
本次直播带你解读华为云码道7月份产品新特性、新功能。更有专家演示码道Agent Space × 钉钉机器集成实战,从0到1打通消息通道;码道鸿蒙端云一体化实战,快速搭建员工签到系统。
回顾中 -
华为云开发者AI素养直播课·第五期2026/09/04 周五 16:00-18:00
林华鼎-华为云AI开发者运营负责人;蒋春阳-华为云AI开发者案例开发专家
本期直播内容: AI工具体验营 · 第5-8课连讲。Agent-Team 多智能体协作完成毕业设计实践
回顾中 -
华为云开发者AI素养ClassRoom·第六期2026/09/08 周二 19:00-20:00
樊渊-2026华为软件挑战赛冠军
高手来了:看软挑高手解析二维排样问题—从工业难题到算法突破
回顾中
热门标签