复盘总结

总结与经验

1.学习路线

• 前端基础（html,css,js）html+css推荐课程 js推荐课程
• 前端框架（Vue.js）vue推荐课程
• 移动应用开发（uniapp）uniapp推荐课程

2.比赛开发注意事项

• 调试

  1. 打开夜神模拟器根目录，找到nox_adb.exe

  2. 打开hbuilderx uniapp项目, 点击 运行 -> 运行到手机或模拟器 -> ADB路径设置

     

  3. 将你找到的nox_adb.exe路径复制到设置中，并填写默认端口62001

     

  4. 重启hbuilderx

  5. 打开hbuilderx uniapp项目, 点击 运行 -> 运行到手机或模拟器 -> 运行到Android App基座

     

  6. 就可以自动检测到模拟器了
     

• 练习

  1. 多找找公共的页面写熟,比如登录注册这些应为不管题目咋变，都会有这些页面

     [按照比赛回忆画的登陆图](https://js.design/v?i=LLD7MN&p=zAek-1JxvI&f=0:2 邀请您查看「无标题」，点击链接开启协作)

  2. 另外要背一些常用的正则表达式，比如邮箱验证、手机号验证

     
     // 邮箱正则
     //  ^[a-zA-Z0-9._%+-]+：匹配用户名部分（允许字母、数字、.、_、%、+、-）。
     //  @：必须包含 @ 符号。
     //  [a-zA-Z0-9.-]+：匹配域名部分（允许字母、数字、.、-）。
     //  \.[a-zA-Z]{2,}$：确保顶级域名（如 .com）至少有 2 个字母。
     
     const emailRegex = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
     console.log(emailRegex.test("user.name@example.com")); // true
     console.log(emailRegex.test("invalid@.com"));          // false
     
     
     //  手机号正则
     //  ^1：以数字 1 开头。
     // [3-9]：第二位是 3-9 之间的数字（覆盖常见运营商号段）。
     // \d{9}$：剩余 9 位数字，总长度为 11 位。
     const phoneRegex = /^1[3-9]\d{9}$/;
     console.log(phoneRegex.test("13123456789")); // true
     console.log(phoneRegex.test("12012345678")); // false
     
     
     

• 打包

  1. 当你项目写完的时候，在模块二文件夹中有一个离线打包文档，参照它将uniapp项目打包成本地app资源,vue2,vue3有一点点差别

  2. 打包完会有dist文件夹，然后找到离线打包框架一个名字叫 HBuilder-Integrate-AS 的文件夹，找不到就直接举手问

  3. AppId在你的uniapp项目中有一个manifest.json文件，打开即可看到你的AppId

     

  4. 在dist文件中找到你项目有一个名字叫你的AppId的文件夹，将他里面的东西替换进 HBuilder-Integrate-AS中的相同 AppId的文件夹里面

  5. 用AndroidStudio打开 HBuilder-Integrate-AS文件夹，在依次点击build -> Generate Signed App Bundle / APK

     

  6. 点完之后他会弹出一个框，勾选APK选项,再点next

     

  7. 找到密钥文件（jks）和KeyPassword，在文档中都有

  

  8. 之后他就会生成一个apk文件，拖到夜神模拟器中运行即可

3.资源下载

HBuilderX

下载 Android Studio 和应用工具 - Android 开发者 | Android Developers