微信小程序前端开发：从基础到实战技巧

资源摘要信息:"微信小程序应用开发赛-前端开发" 1. 微信小程序概览： 微信小程序是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或搜一下即可打开应用。微信小程序也体现了“用完即走”的理念，用户不用关心是否安装太多应用的问题。应用将无处不在，随时可用，但又无需安装卸载。 2. 微信小程序开发赛事荣誉： 获得的奖项包括“中国高校计算机大赛-微信小程序开发赛华中赛区二等奖”，“挑战杯河南省三等奖”，“中国大学生计算机设计比赛河南省赛二等奖”，这些都体现了微信小程序开发技术的高水平。 3. 小程序配置详解： 小程序的配置主要通过app.json文件进行，可以配置小程序的页面路径、窗口表现、设置网络超时时间、设置多tab等。 4. 小程序生命周期与app对象使用： 小程序的生命周期包括启动、显示、隐藏、后台、卸载等状态，app对象代表小程序，可以用来监听和响应生命周期事件。 5. 页面配置与生命周期： 页面的配置主要通过page.json文件进行，可以配置窗口表现、导航条样式、底部tab等。页面的生命周期包括onLoad、onShow、onReady、onHide、onUnload等。 6. 参数传递： 在小程序中，页面间可以通过全局的getApp方法获取全局变量，也可以通过页面参数来传递数据。 7. 用户登录： 小程序提供了登录功能，可以通过微信提供的登录能力方便用户登录。 8. UI开发： UI开发主要包括布局基础、样式基础、组件的使用、视图容器的使用等。 9. 布局基础： 布局基础主要是使用微信小程序提供的各种布局方式，如flex布局、浮动布局等。 10. 样式基础： 样式基础主要是使用微信小程序提供的样式，如WXML样式的属性、WXSS的语法等。 11. 组件使用： 组件是视图层的基本组成单元，微信小程序提供了丰富的内置组件，如button、icon、input等。 12. 视图容器使用： 视图容器主要是用来包含一些其他的组件，如view、scroll-view、swiper等。 13. 基础内容组件： 基础内容组件主要包括text、rich-text、progress、media、map、canvas等。 14. 表单组件： 表单组件主要包括form、input、textarea、picker、picker-view、checkbox、radio、switch、slider等。 15. 操作反馈小工具： 操作反馈小工具主要包括 toast、loading、action-sheet等。 16. 导航： 导航主要是页面间的跳转，微信小程序提供了导航相关的组件和API，如navigator、wx.navigateTo、wx.redirectTo、wx.switchTab、wx.reLaunch等。 17. 多媒体使用： 多媒体主要是使用微信小程序提供的多媒体组件和API，如audio、image、video等。 18. 微信开发语言： 微信小程序是运行在微信平台上面的，所以需要学习微信开发语言，主要包括MVVM框架、HTML、javascript等。 19. 小程序用户画像： 小程序用户主要为本科以上、平均年龄27岁、男女均等、一线城市占比48.9%，小程序用户中65%的人至少每天登陆一次小程序，相对而言用户二次登陆频次较高，小程序的使用时间主要集中在办公时间，与微信的主要使用时间相对错开。 20. 小程序前端开发技能要求： 如果想要开发小程序的前端页面，那么，以上的前端知识是一个基础，不代表学习了以上技术就可以直接开发小程序了。由于小程序是运行在微信平台上面的，所以还需要学习一下微信开发语言。