一.每日实习任务

1．网页基础知识(html,css,js)

今天老师为我们介绍讲解了网页基础知识(html,css,js)。首先，我们安装了谷歌浏览器及sublime text。老师为我们介绍了html网页格式、块级元素、行内块级元素、行内元素、各种标签的功能及用法、css引入方式、css基础样式属性、css定义及作用、五种css选择器等基础知识，此外，老师着讲解了var语句、for循环语句以及三种获取元素的方式。我顺利完成了老师布置的四道课后习题：在不声明第三个变量的条件下交换变量值、用for循环语句打印乘法口诀表以及如何通过脚本控制样式、获取输入框的值

2．微信小程序项目环境搭建

今天老师为我们讲解了微信小程序项目环境搭建。老师演示了微信开发者工具的安装步骤，介绍了小程序简介，具体介绍了小程序的开发历程以及小程序与普通网页开发的区别，我们还通过扫二维码的方式浏览了小程序云开发展示。今天的学习重点是微信小程序项目环境搭建。老师为我们介绍了微信开发者工具中各个文件的功能，操作演示删除非必需文件以得到最基本的小程序模板，再根据微信公众平台官网上的文档，进行全局配置，实现了页面的下拉刷新以及跳转功能。老师布置了有关骰子布局的课后作业，通过上网查找资料，我已大致掌握了实现骰子布局的语句。

3.微信小程序项目结构分析

今天继续做项目，将用户头像及昵称在页面上显示，我尝试了多种方法，传统接口wx.getUserInfo的效果会弹出一个给用户的弹窗，需要用户授权，经过测试传统的wx.getUserInfo目前还是能用的，但是在使用时候会有官方log提醒你，这个方法需要升级。所以我又尝试了官方提供的最新方法Open-data标签，使用这个标签可以不用用户授权直接获得头像和昵称。后通过这些方法我得到了用户头像，可是发现图片不清晰且规格太大，使页面看起来不美观，于是我修改了图片规格，并添加了将头像图片修改为圆形的方法。预览后发现用户头像及昵称没在页面居中，具体我也不知该如何调整。

4.微信小程序项目框架应用

今天学习了微信小程序中自动获取用户头像、昵称的方法，了解了设置微信小程序背景图片的三种方式以及在实现过程中遇到的问题，巩固了在地图中获取当前定位并显示光标的具体方法。遇到的问题：实现了用户头像及昵称垂直居中的布局，但昨天编写的修改头像为圆角的语句却不适用了。

5.微信小程序项目组件应用

今天老师首先温习了在“我的”页面上显示头像、昵称、设备信息等功能的方法、布局，然后为我们演示了“一言”这个小程序的编写。先在微信公众平台设置域名（注意：每个月可修改域名的次数是有限的），然后调用接口、编写api文档，实现请求和响应。老师课后让我们完成可实现天气查询的页面，在这过程中，我不断查找网上小程序的源代码，再结合http://www.tianqiapi.com中的示例代码，通过修改、完善，我大致做出了这个页面，但是也仍有未解决的问题：如添加背景图片后，文本的格式发生了改变、小程序的四周出现留白等。

6.微信小程序项目API讲解

今天继续编写天气预报这个小程序，老师检查了我们提交的作业，发现大多数同学做出来的页面都是把文字堆叠在一起，虽然实现了天气查询的功能，但是界面看起来不美观，且内容繁杂。所以今天老师要求我们做出导航栏顶部的搜索栏，实现各地天气的查询；并作出左右滑动的框，实现左右滑动查看实时天气情况。因为数据内容众多，上网搜索相关天气预报小程序的示例代码，我借鉴了其中的方法及语句。

7.微信小程序项目第三方接口应用（天气查询）

今天做的是天气预报小程序的收尾工作，需要添加天气的详情以及生活小贴士，并设计好样式和布局，在页面中展示出来。引入并实例化SDK核心类，声明一个全局变量。页面初始化完整后调用接口，表单触发后先声明this，调用方法（该方法需要获取到经纬度），进行逆地址解析。

8.微信小程序电商项目页面外观实现

今天做了美团外卖的首页。首先，我们编写了位置定位的地址栏。下拉功能需要自己编写，微信公众平台的官方文档未提供。然后我们要实现页面跳转，编写搜索商品的页面 ，完善搜索功能，并让综合排序这一栏也固定到顶部且紧跟着搜索框。

9.微信小程序电商项目业务功能实现

今天为美团外卖页面添加商铺名、实现将商品添加进购物车、添加收货地址等功能，并继续进行了页面的排版及设计。这其中涉及到了自定义遮罩层组件的知识。为了实现页面跳转，首先应该新建相应的页面。

10.微信小程序项目开发技术总结

十天的实训已经进入尾声，首先非常感谢实训老师在这十天里耐心的教学。在这十天里，每天都有明确的学习任务，老师一步步地为我们演示语句的编写以及所要实现的功能，此外，老师每天都会布置课后作业并在第二天上课之时验收、检查并讲评。实训的时间有些短，我对知识点的掌握还不够牢固，但是，在一次次编译程序的过程中，我体会到了语句的严谨逻辑性，也收获了程序调试成功后的成就感。这十天的实训，让我初步了解了微信小程序的开发，也在一定程度上激起了我对开发微信小程序的兴趣。

二.天气预报

三.美团外卖