- 博客(19)
- 收藏
- 关注
RSS订阅原创 添加按钮跳转页面并且根据网站的用户状态判断是否显示按钮
本文介绍了如何为网站添加动态订阅按钮的实现过程。首先在HTML页面中复制退出按钮代码并修改为订阅按钮，通过JavaScript控制默认不显示，通过fetch请求后端验证VIP状态并设置跳转链接。对于React框架的页面，则利用已有API获取订阅数据，通过对象长度判断订阅状态，使用window.open实现跳转。作者反思当前开发依赖AI辅助，强调坚持实践的重要性。整个方案实现了根据用户VIP状态动态显示订阅按钮并跳转指定页面的功能。
2025-06-06 19:57:15
466
原创 关于项目多语言化任务的概述
摘要：本文介绍了i18n多语言功能的实现方式。传统方法需要手动复制粘贴不同语言文本，效率低下。通过i18n框架，开发者可以使用useTranslation API和JSON文件管理多语言文本，只需切换语言选择即可自动更新页面内容。具体任务包括：在多语言表格中添加新文本，使用工具自动匹配JSON文件，提交更改并发送pull request。这一流程简化了多语言开发，提高了工作效率。
2025-06-04 20:44:58
241
原创 项目任务，修改svip用户的存储空间。
本文详细介绍了如何将存储空间从3GB修改为5GB的实现过程。首先通过分析API接口发现后端返回的3GB数值，在后端项目中找到定义存储空间的位置将数字3改为5。前端只需全局搜索替换3GB为5GB。开发注意事项包括：1)本地需创建Supabase数据库并同步数据表；2)正确配置.env文件中的数据库连接信息；3)前端需设置正确的本地服务器端口和API路径。最后将修改后的前后端代码分别上传即完成任务。整个流程涵盖了从接口分析到前后端修改的完整实现方案。
2025-06-03 17:36:02
508
原创 集成测试的流程总结
本文介绍了iOS项目的自动化测试流程，主要使用GitHub Actions和Maestro CLI工具。首先创建Xcode项目并上传至GitHub仓库，然后配置.github/workflows/maestro.yml文件定义测试流程，包括构建.app文件、设置兼容性参数（iOS 16.2）、安装Maestro CLI等步骤。通过设置API密钥和项目ID，将构建产物上传至Maestro云端进行测试。文中还演示了使用Pull Request触发自动化测试并合并代码的完整流程。最后作者总结了集成测试的核心在于掌
2025-06-02 16:52:50
743
原创 Pull Request Integration 拉取请求集成
文章摘要：作者尝试通过修改yaml文件配置自动化测试流程，让main分支下的其他分支在拉取请求时自动测试并将结果上传云端。虽然成功设置了测试流程，但遇到.xcodeproj文件报错问题（文件存在但编译器无法识别）。目前理解了通过yaml配置可以实现拉取后自动测试和云端上传的基本流程，但具体报错原因尚未解决。计划继续完善整个测试流程，再研究如何实现更多需求。
2025-06-01 20:50:23
286
原创 Maestro CLI云端测试以及github cl，bitrise原生cl的测试流程
摘要：本文介绍了三种移动应用自动化测试方法。首先通过Maestro CLI云端测试，详细说明了Xcode项目打包、上传流程以及测试命令的使用。其次讲解了GitHub CI集成测试，包括项目上传到GitHub仓库，通过.github/workflows目录下的YAML文件实现自动化测试。最后介绍Bitrise平台测试，展示了无需编写YAML文件，通过可视化界面选择测试步骤库即可完成测试配置的简便方法。文章指出，集成测试的核心是根据不同工具的特性选择合适的测试方式，YAML文件可根据测试需求进行自定义编写。
2025-05-31 20:01:15
1599
1
原创 集成测试 maestro-我的第一个flow以及第一次云端测试
摘要：本文介绍了移动应用UI测试框架Maestro的基本使用方法。作为适用于Android和iOS的测试工具，Maestro需要Java环境支持（OpenJDK 17）。作者通过创建TestApp项目，编写flow.yaml测试脚本（包含启动应用、点击按钮、输入文本等操作），并使用Maestro CLI执行测试。文章还介绍了Maestro Studio的可视化测试功能和云端测试服务，演示了如何将测试脚本和APK文件上传到云端进行自动化测试。虽然作者在实践过程中遇到了一些问题，但整体呈现了Maestro框架从
2025-05-30 20:44:24
1355
1
原创 修复提示框没有显示内容，换个思路，更加逻辑切符合要求
本文探讨了错误处理优化方式。作者最初通过判断错误类型转为字符串显示，但发现这种做法不合理。通过检查发现错误对象包含message属性，于是改用直接输出error.message的方式。在TypeScript项目中，作者通过重构代码，移除了try/catch块，改为直接处理错误和状态更新，使代码更加简洁高效。文章强调了要从整体代码结构思考问题，而不仅局限于局部代码，并分享了这种向上追溯错误的思维方式对编程思维的改进作用
2025-05-29 15:34:03
460
原创 第一次上手项目，修复提示框error无法显示内容。
本文描述了在项目开发中遇到的错误提示显示为"[object object]"的问题。通过分析发现，这是由于错误对象被直接拼接成字符串导致的。作者提出了使用JSON.stringify()方法将错误对象转换为字符串的解决方案，并在TypeScript环境下实现了严格类型定义的getErrorMessage函数。该函数能够处理各种错误对象类型，将其转换为可读的字符串形式。最终修改后的代码成功显示出完整的错误信息，解决了原始问题。这个例子展示了在错误处理中正确转换对象为字符串的重要性。
2025-05-28 15:56:00
567
原创 使用react进行用户管理系统
本文介绍了使用React和Supabase构建用户管理系统的实现思路。首先在Supabase平台创建数据库和profiles表，然后通过CLI工具将云端数据库拉取到本地。接着创建React项目并配置Supabase客户端连接。核心功能包括：1）登录页面通过Supabase的OTP API实现邮箱验证码登录；2）账户页面使用useEffect获取用户信息，并通过表单更新数据；3) App组件监听用户状态切换页面。系统利用了Supabase提供的内置后端功能，开发者只需关注前端业务逻辑实现。
2025-05-27 18:27:50
670
原创 next.js全栈框架与数据库之间的连接，以及简单的增删改查
本文介绍了如何使用Next.js全栈框架结合Supabase数据库进行前后端开发。作者通过创建Supabase数据库表和Next.js项目，演示了如何配置环境变量连接数据库，并实现基础CRUD操作。文章详细展示了查询、插入、删除和更新数据的代码实现，强调了理解框架API设计思路的重要性。作者认为掌握工具的使用逻辑和持续练习是技术学习的关键，通过这种模式可以高效完成全栈开发。
2025-05-26 20:30:23
993
原创 理解expo图像选择器，创建模态框，添加手势，以及屏幕截图。
本文总结了Expo开发中几个核心功能的实现思路：1) 图像选择器通过launchImageLibraryAsync方法实现，返回图片URL并更新状态；2) 模态框通过布尔值控制显示/隐藏，结合三元表达式切换布局；3) 表情选择器使用FlatList渲染表情数组，点击选择后更新状态；4) 手势动画通过GestureDetector和Animated实现，包括双击缩放和拖拽效果；5) 屏幕截图功能利用captureRef获取视图引用并保存到相册。文章详细描述了各功能的技术实现方案和关键代码片段。
2025-05-25 19:15:19
911
原创 理解expo导航。
本文介绍了使用ExpoRouter实现嵌套导航的具体方法。首先在app目录下创建tabs文件夹并添加页面文件，通过index.tsx重定向到/tabs路径。关键点包括：1)在app/layout.tsx中隐藏上层导航栏(headerShown:false)；2)使用带下划线的_layout.tsx文件约定；3)用<Tabs>组件创建底部导航栏，可自定义激活状态颜色(tabBarActiveTintColor)、图标(tabBarIcon)等样式属性。文章提供了完整的代码示例，展示了如何设置导航栏背景色(he
2025-05-24 20:23:58
1055
原创 expo教程过一遍后，我会了什么？
本文分享了作者在学习React Native开发过程中的一些关键知识点和实践经验。首先，作者介绍了如何使用tabs底层导航栏进行页面切换，并为每个页面添加文本和链接跳转功能。接着，作者详细讲解了异步操作（Async）的使用，特别是在图像选择器（ImagePicker）中的应用，通过await关键字确保异步函数执行完成后再进行下一步操作。此外，作者还探讨了如何创建模态框（Modal）并实现动态效果，包括通过点击按钮切换模态框内容、选择表情并将其显示在页面上。最后，作者回顾了如何使用FlatList组件展示表情
2025-05-23 19:53:34
725
原创 expo？关于我react刚起步就需要熟悉expo。然后就要上手做项目这件事。
本文主要介绍了作者在学习前端React框架和Expo框架过程中的实践经验和学习心得。作者首先通过创建Expo应用StickerSmash，并运行reset-project脚本删除样板代码，启动项目。接着，作者详细讲解了如何在Expo应用中实现导航栏功能，包括创建tabs文件、设置导航栏标题和页面切换等。此外，作者还介绍了如何构建屏幕，使用UI组件如按钮和图片，并通过参数控制样式。作者强调，通过动手操作和代码实践，能够更清晰地理解框架的使用方法和开发思路。最后，作者鼓励读者在遇到问题时积极评论交流，共同进步。
2025-05-22 19:58:38
1144
原创 项目中登录页面的复刻（只是静态复刻）
本文主要介绍了如何使用MUI组件和主题（theme）来复刻一个登录页面的静态样式，并实现主题切换功能。首先，通过createTheme函数定义两种主题模式（默认和暗夜模式），并配置颜色方案。接着，使用ThemeProvider将自定义主题应用到页面布局组件中。通过useState钩子管理主题状态，并实现按钮点击事件来动态切换主题。文章还提到，未自定义的样式将使用默认值，且颜色格式需符合特定要求。最终，成功复刻了登录页面的静态样式，为后续动态效果的实现奠定了基础。
2025-05-21 21:10:08
1009
原创 从零开始练习主题切换功能的页面案例
本文介绍了在TypeScript模板的React项目中使用Material-UI库进行前端开发的过程。首先，通过定义函数组件const Login: React.FC实现登录功能，并引入useTheme()处理主题样式。接着，详细说明了Material-UI库的组件和图标的使用方法，如Button、TextField等，并展示了如何在JSX中直接编写样式。最后，通过创建自定义主题createTheme和使用ThemeProvider，演示了如何在组件中切换主题。文章通过具体代码示例，帮助读者理解如何高效地使
2025-05-20 17:01:48
892
原创 从项目入手学习前端？拿到成品拆分零件再拼装？从小功能开始入手拆分项目。从登录页面开始。
作为一个前端初学者，从项目入手是高效的学习方法，但面对复杂的项目文件和功能，往往无从下手。文章以登录界面为例，探讨了如何通过搜索找到相关文件，并遇到了.tsx文件类型的问题。通过搜索了解到.tsx是TypeScript文件，是JavaScript的升级版，增加了静态类型检查。文章进一步对比了JavaScript和TypeScript组件的编写方式，并介绍了创建TypeScript项目的命令及其与普通React项目的区别。最后，文章详细解释了TypeScript项目中的核心文件如tsconfig.json和r
2025-05-20 16:16:56
1066
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人