- 博客(4)
- 收藏
- 关注
原创 用沙盒游戏的方式打开Vue
本文通过将Vue框架类比为沙盒游戏,帮助初学者理解Vue的核心概念。作者将main.js比作游戏主世界入口,App.vue是基础地图,组件是各类建筑和家具,VueRouter是传送门网络,Pinia/Vuex则是中央政务系统管理全局状态。文章详细解释了组件树、CompositionAPI、指令等概念在沙盒世界中的对应关系,并以天气系统插件为例说明如何扩展Vue功能。这种趣味性的类比方式使抽象的前端概念更易理解,强调在技术学习中保持创造力和游戏精神,将复杂的框架知识转化为形象生动的游戏元素。
2025-09-04 12:25:48
1030
原创 解决HBuilder终端无响应、无法输入指令问题
HBuilderX终端空白问题解决方案:修改main.js文件中的shell路径为PowerShell路径即可恢复。具体步骤:1)找到plugins/builtncef3terminal/script/main.js文件;2)将所有shell路径改为"C:/Windows/System32/WindowsPowerShell/v1.0/powershell.exe";3)保存后重启HBuilderX即可正常显示终端。默认安装用户可直接复制该路径使用。
2025-08-10 20:17:55
453
原创 模拟接口获取数据--前端小白必会技能
本文介绍了使用json-server搭建前端Mock接口的方法。通过安装Node.js和json-server,开发者可以快速创建本地RESTful API服务,支持增删改查等操作。文章详细演示了服务启动、数据监测和axios请求等步骤,并指出json-server虽然简单易用,但缺乏业务逻辑处理能力的局限性。作者预告将在后续分享功能更强大的Mock接口开发技术。该方案适用于前端开发中的数据模拟和接口测试场景。
2025-08-04 19:00:32
268
原创 [Element]组件-Form表单的使用--常用校验规则篇
本文介绍了ElementUI表单组件的使用方法及常见校验规则。首先说明如何通过unplugin插件安装和使用el-form组件,包括表单容器、表单项和输入框的基本配置。重点讲解了表单校验规则的实现,包括必填项验证、长度限制、手机号正则校验和邮箱格式验证等常见场景的校验方式。文章提供了完整的代码示例,展示如何通过rules属性定义校验逻辑,并通过validator函数实现自定义验证规则,帮助开发者快速实现表单验证功能。
2025-08-01 20:34:38
576
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人