- 博客(116)
- 资源 (13)
- 收藏
- 关注
RSS订阅原创 CSS Grid 布局示例 - grid-template-areas
本文演示了如何使用CSS Grid的grid-template-areas属性创建直观的网页布局。通过一个包含header、nav、main和footer的典型网页结构，展示了如何通过可视化方式定义网格区域。关键点包括：1)使用grid-template-areas字符串定义布局结构；2)配合grid-template-columns/rows设置行列尺寸；3)通过grid-area将元素分配到指定区域。文章还提供了响应式设计示例，在移动端切换为单列布局，并附有完整的代码实现和样式说明。这种布局方法让网格设
2025-09-20 18:53:27
326
原创 CSS Display Grid布局 grid-template-columns grid-template-rows
通过和属性明确指定项目起始和结束的网格线：使用和grid-row简写属性，语法为：使用span关键字指定项目跨越的轨道数量，而不是指定结束线：页面底部展示了网格线编号系统，帮助你理解网格布局的定位原理。
2025-09-20 18:49:51
552
原创 UniApp中的pages.json 和 tabBar
摘要：本文介绍了uni-app项目配置的核心要点。重点讲解了pages.json文件的作用，包括页面路由配置、导航栏样式设置和tabBar配置规范，强调静态资源必须存放在static目录。详细说明了页面创建流程、tabBar最少需配置2项的要求，以及manifest.json中APP ID的必要性。文章还总结了三大配置块（pages、globalStyle、tabBar）的优先级关系，指出页面样式会覆盖全局样式。特别提醒tabBar图标路径、页面注册等易错点，为开发者提供了完整的项目配置指南。（150字）
2025-07-08 07:25:21
600
原创 HBuilderX创建uni-app项目
本文详细介绍了使用HBuilderX创建uni-app项目的完整流程。主要内容包括：HBuilderX工具的下载安装与特点介绍、uni-app框架的跨平台优势、项目创建的具体步骤（选择Vue3模板、安装编译器插件）、微信开发者工具的配置方法（路径设置和服务端口开启）、以及开发调试技巧（窗口分离和热更新功能）。文章还总结了uni-app项目结构特点，并强调了各环节的注意事项。通过HBuilderX与微信开发者工具的配合使用，开发者可以高效完成uni-app项目的创建和调试工作。
2025-07-08 07:21:01
1200
原创 小程序导航设置更多内容的实现方法
小程序导航栏设置--更多--功能可通过四种方式实现：1)原生导航栏自定义按钮，在json配置中添加右侧按钮；2)自定义导航栏组件，通过设置navigationStyle为custom并编写WXML/WXSS实现；3)使用第三方UI组件库提供的现成导航组件；4)通过下拉菜单形式展示更多选项。开发时需注意处理状态栏高度、iOS安全区域及设备兼容性问题，可根据需求单独或组合使用这些方法。
2025-07-04 18:16:10
1155
原创 微信小程序如何实现再多个页面共享数据
微信小程序数据共享方案总结： 全局变量（App.js）：适用于简单非响应式数据共享 本地缓存（Storage）：适合需要持久化的数据存储 事件总线（EventBus）：实现跨页面实时通信 状态管理库（如MobX）：推荐用于复杂应用的响应式数据管理 页面传参：适合简单数据传递到下一页 云数据库：实现多端实时数据同步 最佳实践建议： 简单数据用App.globalData或Storage 复杂状态管理推荐MobX 跨页面通信使用EventBus 敏感数据应加密存储 根据项目规模选择合适的方案
2025-07-04 18:13:05
1319
原创 Vue 3 父子组件通信完全指南：8种通信方式详解
本文全面讲解Vue 3中父子组件通信的8种主要方式，帮助开发者根据具体场景选择最佳实践方案。📌 主要内容包含：基础通信方式：Props（父传子）和自定义事件（子传父）的标准用法高级特性：v-model双向绑定、插槽内容分发、依赖注入特殊场景方案：模板引用访问子组件、事件总线实现非父子通信状态管理：Pinia在复杂场景下的应用
2025-06-25 17:23:36
508
原创 简单的Vue3的入门
新手的Vue 3完整入门教程，涵盖：✅ 环境搭建 - 使用Vite快速创建Vue 3项目✅ 核心概念 - 单文件组件/SFC结构、Composition API与Options API对比✅ 响应式编程 - ref/reactive的使用方法和原理✅ 实战演示 - 通过Todo应用示例讲解数据绑定、事件处理和组件通信✅ 进阶路线 - 路由、状态管理等后续学习方向
2025-06-25 17:18:35
741
原创 Vue3 hooks
这段代码展示了一个自定义 Vue3钩子 useName 的实现和使用。钩子定义了一个闭包变量 name 和一个获取函数 getName，并返回这些值。使用时通过解构赋值获取这两个返回值。该钩子实现了简单的状态封装，可用于组件间共享名称数据。代码简洁，体现了 React 钩子的基本用法和闭包特性。
2025-06-07 01:21:12
204
原创 Vue router router-link router-view keep-alive
Vue router -- router-link router-view keep-alive
2024-12-27 02:07:45
181
原创 Vue slot 插槽 v-slot属性具名插槽
1.slot 插槽ComponentB slot2.v-slot属性具名插槽 简写 v-slot #2.1具名插槽2.2 v-slot 简写插槽数据
2024-11-13 07:58:47
383
原创 Vue 动态组件 :is
Vue 动态组件 :is :is="tabComponent"return {tabComponent:"ComponentA" //must be string}
2024-11-13 00:35:41
349
原创 Vue组件保持存活 / 异步组件
Vue组件保持存活 / 异步组件组件保持存活 异步组件 defineAsyncComponentdefineAsyncComponent()
2024-11-13 00:30:16
342
原创 Vue 依赖注入 provide inject
Vue 依赖注入 provide inject 静态provide ：{msg:"halo"}动态provide(){return {msg:this.message}inject:["msg"]
2024-11-12 23:49:14
273
原创 Vue 事件阻止 e.preventDefault()；click.prevent
Vue 事件阻止Vue 事件阻止 e.preventDefault();click.prevent
2024-11-01 09:07:53
370
经典版本 方便下载 源码 旧版本 3.7 官网找不到了 cocos2d-x-3.7.zip
2022-03-14
经典版本 方便下载 源码 旧版本 3.8 官网找不到了 cocos2d-x-3.8.zip
2022-03-14
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人