一带一路金砖————小程序赛项备考分享
一、背景
当时正处于刚上大三,没学过前端(可以说对小程序开发是0基础),正处疫情严重时期,当我和我的同学我们俩知道有这个比赛我俩一开始是有点畏惧的,但是我俩没有害怕,虽然时间紧但是还是要相信自己可以拿下的~,但是后来因为说要线下去,我就直接放下了这个比赛,但是其中领导老师还一直没放弃一直催促我们这点我确实很敬畏,是一个让我感悟深厚值得我学习的地方,距离比赛还有半个月的时候临时通知线上,所以实际准备时间半个月,所以距我们前车之鉴还是不要怕踏踏实实的准备吧。
二、那么对于我们没接触过小程序的该如何准备?
2.1分析当下处于什么样的环境下
对于我当时准备来说,可以用两个词概况:时间紧、基础差
2.2针对以上环境如何准备呢?(这里是我的观点)
我认为重点是我们要知道#考什么(样题)
#下面我把我备赛的去年的样题放在这里
样题链接:http://www.brskills.com:8068/2022一带一路暨金砖国家技能发展与技术创新大赛小程序应用开发国内赛竞赛_样题.pdf
2.3分析针对样题准备对策
- 1.比赛软件
要知道我们需要使用哪些软件(哪些软件不可以使用)⭐我把各个软件的下载方法放在文末
- 2.样题分析
2.3.1 A :需求分析(15分)
A需求分析一共两题。这两题是送分题,一定要把分拿下并且时间要短
任务一(5分):
- 答案分析:
- 此题根据业务背景写,我的理解就是给业务背景换种说法,然后一定要写出我下面圈的几个功能下面任务二
任务二(5+5 分):
- 第一问是画功能结构图(很简单这里用软件 亿图图示画,画成下面这种样子,一共5分 写5个功能就够了)
- 第二问要写成流程图样式的文字(按照赛前解说会讲述的方法,下面是我当时解说是写法)
格式:功能1->功能2->
下面给的样题答案:
2.3.2 B:初步设计(25分)
这个题主要考察:Adobe XD 这个软件
-
注意: 这个题也是必拿分的题目一共25分,五个任务都是画原型图很简单。
-
这里任务五需要注意下,就是任务一~任务四花的原型图需要交互,这五个任务是一定要把分数拿下的
样题答案:
1;原型图:![img](file:///C:\Users\南非时髦哥\Documents\Tencent Files\2443284460\Image\C2C\UK$~3Q]WO$[PO34_Z4%BK0P.png)
2.交互图
⭐多说一句题外话~
任务A B都满分拿下 基本已经稳定三等奖了呦(近几年形势来看
2.3.3 C:模块功能开发(60分)
这个模块就是看自己的真实力了。我当时基础比较差,认真准备了半个月的样子。能力只能完成任务一、二。这时基本都能拿到55分左右 (看形势基本稳定而等级 冲一等奖)。
C: 任务一(10分)
- ⭐这里我只拿任务一讲一下功能模块开发大概需要准备哪些技能!
一.第一步需要熟练使用微信开发者工具
1. 比如申请注册微信开发者工具 2. 记住自己ID号 3. 熟悉每个页面对应的结构文件(.json .ts .wxml .wxss文件)
二、接下来我们就需要学习小程序的结构(javasprint 、 wxml、 wxss 、json)
我推荐一下我当时准备时看的视频:
【黑马程序员前端微信小程序开发教程,微信小程序从基础到发布全流程_企业级商城实战(含uni-app项目多端部署)】 https://www.bilibili.com/video/BV1834y1676P/?share_source=copy_web&vd_source=2a8b4a2f3fe27c55b9cac5f48a62a2e0
- 学习途中由于时间比较紧,不可能全都学完。
1.主要一定要记住常用的组件:view、image等等 ⭐⭐⭐
2.还有wxss 常用的渲染模块⭐⭐⭐
三、总结
心态:这个比赛完全不用怕,其实对手没强敌!!!
备赛:抓住样题进行备赛,好好研究样题,比赛前一定要把样题过一遍,描述题也要手敲一遍留个印象(一定要踏踏实实的准备,不放过一次可以轻易得分的点。难题大家都不会,只能靠简单题拉开差距)
比赛:重点!!! 一定要看清题目要求 按照要求提交答案。 我那次比赛就有好多选手没按要求最后0分
加油!!!
四、比赛软件的部署方法
2022 一带一路暨金砖国家技能发展与技术创新大赛小程序应用开发
相关软件安装指引
一、Google浏览器:97.0.4692.71版本以上
1、下载地址:https://www.google.cn/intl/zh-CN/chrome/(官网可能会比较慢)
![img](file:///C:/Users/南非时~1/AppData/Local/Temp/msohtmlclip1/01/clip_image002.jpg)
或者http://www.51xiazai.cn/soft/4782.htm
![img](file:///C:/Users/南非时~1/AppData/Local/Temp/msohtmlclip1/01/clip_image004.jpg)
2、点击下载按钮下载安装包
3、双击安装包(ChromeSetup.exe)
4、等待下载完成
![img](file:///C:/Users/南非时~1/AppData/Local/Temp/msohtmlclip1/01/clip_image006.jpg)
二、微信开发者工具
1、软件下载地址:
https://developers.weixin.qq.com/miniprogram/dev/devtools/stable.html
![img](file:///C:/Users/南非时~1/AppData/Local/Temp/msohtmlclip1/01/clip_image008.jpg)
2、双击下载完成的exe文件进行安装
![img](file:///C:/Users/南非时~1/AppData/Local/Temp/msohtmlclip1/01/clip_image010.jpg)
3、点击下一步
![img](file:///C:/Users/南非时~1/AppData/Local/Temp/msohtmlclip1/01/clip_image012.jpg)
4、点击我接收
![img](file:///C:/Users/南非时~1/AppData/Local/Temp/msohtmlclip1/01/clip_image014.jpg)
5、选择安装路径并点击安装按钮
![img](file:///C:/Users/南非时~1/AppData/Local/Temp/msohtmlclip1/01/clip_image016.jpg)
6、等待安装完成
![img](file:///C:/Users/南非时~1/AppData/Local/Temp/msohtmlclip1/01/clip_image018.jpg)
三、EdrawMax(亿图图示)
1、下载地址:https://www.onlinedown.net/soft/613985.htm
https://www.edrawsoft.cn/ad/ytts-maker-edrawmax.html?channel=baidu&bd_vid=7911874236247094341
2、点击免费下载
![img](file:///C:/Users/南非时~1/AppData/Local/Temp/msohtmlclip1/01/clip_image020.jpg)
3、双击下载完的edraw-max_cn_setup_full5676.exe文件
![img](file:///C:/Users/南非时~1/AppData/Local/Temp/msohtmlclip1/01/clip_image022.jpg)
4、点击开始安装
![img](file:///C:/Users/南非时~1/AppData/Local/Temp/msohtmlclip1/01/clip_image024.jpg)
5、等待安装
![img](file:///C:/Users/南非时~1/AppData/Local/Temp/msohtmlclip1/01/clip_image026.jpg)
6、安装完成点击立即启动可以启动程序
![img](file:///C:/Users/南非时~1/AppData/Local/Temp/msohtmlclip1/01/clip_image028.jpg)
四、Adobe xd V40以上版本
1、下载地址:https://www.xitongzhijia.net/soft/192474.html
2、目前XD只能通过用Adobe Creative Cloud安装,没有独立的安装包。由于我们下载的是CreativeCloudSet-Up,Adobe Creative Cloud的安装器,而不是Adobe Creative Cloud的安装包,接着安装器会从服务器下载安装包来安装。
![img](file:///C:/Users/南非时~1/AppData/Local/Temp/msohtmlclip1/01/clip_image030.jpg)
3、填写完所有信息,等待较长时间的安装。
![img](file:///C:/Users/南非时~1/AppData/Local/Temp/msohtmlclip1/01/clip_image032.jpg)
4、安装完毕后,即可使用了。
![img](file:///C:/Users/南非时~1/AppData/Local/Temp/msohtmlclip1/01/clip_image034.jpg)
常见问题
Win10 Adobe XD打开后白屏,3秒后闪退?
关机重启,重新安装,尝试把win10家庭版换成专业版1803,尝试安装vc2018运行库。
XD跟Axure、墨刀有什么区别?
XD对标Sketch,与Axure、墨刀不是同一类软件,如果你以前只用Axure、墨刀这类软件,那么不建议你使用XD。
Adobe XD CC安装失败如何破?
安装失败万能解决方法
1、查看/修改hosts,重新安装。
2、重启Adobe Creative Cloud重新安装。
3、重启Adobe Creative Cloud并重启电脑重新安装。
4、使用Cleanapp删除Adobe Creative Cloud全部文件重新下载Adobe Creative Cloud安装。
5、重装系统,重新安装。
五、Postman
2、双击“Postman-win32-Setup.exe”安装包
![img](file:///C:/Users/南非时~1/AppData/Local/Temp/msohtmlclip1/01/clip_image036.jpg)
5、等待安装
![img](file:///C:/Users/南非时~1/AppData/Local/Temp/msohtmlclip1/01/clip_image038.jpg)
6、关掉弹窗
![img](file:///C:/Users/南非时~1/AppData/Local/Temp/msohtmlclip1/01/clip_image040.jpg)
7、创建账户或者登录
![img](file:///C:/Users/南非时~1/AppData/Local/Temp/msohtmlclip1/01/clip_image042.jpg)
六、WPS办公软件V4.2.0版本以上
1、下载地址:https://wps.cn
2、点击立即下载,选择对应版本下载
![img](file:///C:/Users/南非时~1/AppData/Local/Temp/msohtmlclip1/01/clip_image044.jpg)
3、选择wps_setup.exe文件,右键以管理员身份运行
![img](file:///C:/Users/南非时~1/AppData/Local/Temp/msohtmlclip1/01/clip_image046.jpg)
4、点击运行
![img](file:///C:/Users/南非时~1/AppData/Local/Temp/msohtmlclip1/01/clip_image048.jpg)
5、勾选阅读同意,然后点击立即安装
![img](file:///C:/Users/南非时~1/AppData/Local/Temp/msohtmlclip1/01/clip_image050.jpg)
6、等待安装
![img](file:///C:/Users/南非时~1/AppData/Local/Temp/msohtmlclip1/01/clip_image052.jpg)
7、安装完成,登录
![img](file:///C:/Users/南非时~1/AppData/Local/Temp/msohtmlclip1/01/clip_image054.jpg)
七、FSCapture
下载地址:https://www.onlinedown.net/soft/614155.htm
2、点击立即下载,点击通用网络下载
![img](file:///C:/Users/南非时~1/AppData/Local/Temp/msohtmlclip1/01/clip_image056.jpg)
3、解压下载的rar包
![img](file:///C:/Users/南非时~1/AppData/Local/Temp/msohtmlclip1/01/clip_image058.jpg)
4、双击FSCapture.exe
![img](file:///C:/Users/南非时~1/AppData/Local/Temp/msohtmlclip1/01/clip_image060.jpg)
5、得到如下工具栏
![img](file:///C:/Users/南非时~1/AppData/Local/Temp/msohtmlclip1/01/clip_image062.jpg)
八、EV录屏
1、下载地址:ieway.cn
2、点击下载EV录屏(下载win版本)
![img](file:///C:/Users/南非时~1/AppData/Local/Temp/msohtmlclip1/01/clip_image064.jpg)
3、双击EVCapture_v4.2.2.exe安装
4、点击一键安装按钮
![img](file:///C:/Users/南非时~1/AppData/Local/Temp/msohtmlclip1/01/clip_image066.jpg)
![img](file:///C:/Users/南非时~1/AppData/Local/Temp/msohtmlclip1/01/clip_image068.jpg)
九、腾讯会议
1、下载地址:https://meeting.tencent.com/download?mfrom=OfficialIndex_TopBanner1_Download
2、点击立即下载Windows版本
![img](file:///C:/Users/南非时~1/AppData/Local/Temp/msohtmlclip1/01/clip_image070.jpg)
3、双击TencentMeeting.exe文件进行安装
4、选择中文(简体)点击OK
![img](file:///C:/Users/南非时~1/AppData/Local/Temp/msohtmlclip1/01/clip_image072.jpg)
5、点击我接受许可证协议
![img](file:///C:/Users/南非时~1/AppData/Local/Temp/msohtmlclip1/01/clip_image074.jpg)
6、点击安装
![img](file:///C:/Users/南非时~1/AppData/Local/Temp/msohtmlclip1/01/clip_image076.jpg)
7、完成
![img](file:///C:/Users/南非时~1/AppData/Local/Temp/msohtmlclip1/01/clip_image078.jpg)
十、压缩包工具
1、下载地址:https://www.onlinedown.net/soft/5.htm
2、点击立即下载
![img](file:///C:/Users/南非时~1/AppData/Local/Temp/msohtmlclip1/01/clip_image080.jpg)
3、选择通用网络下载
![img](file:///C:/Users/南非时~1/AppData/Local/Temp/msohtmlclip1/01/clip_image082.jpg)
4、双击下载的winrarx64.exe,点击安装
![img](file:///C:/Users/南非时~1/AppData/Local/Temp/msohtmlclip1/01/clip_image084.jpg)
5、选项都默认,点击确定完成安装
![img](file:///C:/Users/南非时~1/AppData/Local/Temp/msohtmlclip1/01/clip_image086.jpg)
标签:Users,img,金砖,clip,二等奖,2022,file,msohtmlclip1,Local From: https://www.cnblogs.com/nfsmg/p/16926877.html