- 博客(10)
- 收藏
- 关注
RSS订阅原创 DAY10微信小程序项目开发技术总结
一.每日实习任务1．网页基础知识(html,css,js)今天老师为我们介绍讲解了网页基础知识(html,css,js)。首先，我们安装了谷歌浏览器及sublime text。老师为我们介绍了html网页格式、块级元素、行内块级元素、行内元素、各种标签的功能及用法、css引入方式、css基础样式属性、css定义及作用、五种css选择器等基础知识，此外，老师着讲解了var语句、for循...
2019-06-28 09:38:13
1851
1
原创 DAY09 微信小程序电商项目业务功能实现
今天为美团外卖页面添加商铺名、实现将商品添加进购物车、添加收货地址等功能，并继续进行了页面的排版及设计。这其中涉及到了自定义遮罩层组件的知识。为了实现页面跳转，首先应该新建相应的页面。1.将商品添加至购物车1.1实现方法tab切换：这个界面最主要的功能就是tab切换，和点菜功能。其中tab切换其实用的还是swiper，因为swiper有一个current属性表示的是swipe...
2019-06-28 09:31:35
331
原创 DAY08 微信小程序电商项目页面外观实现
今天做了美团外卖的首页。首先，我们编写了位置定位的地址栏。下拉功能需要自己编写，微信公众平台的官方文档未提供。然后我们要实现页面跳转，编写搜索商品的页面 ，完善搜索功能，并让综合排序这一栏也固定到顶部且紧跟着搜索框。1.美团外卖首页1.1实现方法swiper控件应用：首先是两页标签的滑动切换,这里使用的是swiper，它是一款小程序自带的滑块组件。swiper标签就是滑块组件...
2019-06-28 09:21:16
402
原创 DAY07 微信小程序项目第三方接口应用（天气查询）
今天做的是天气预报小程序的收尾工作，需要添加天气的详情以及生活小贴士，并设计好样式和布局，在页面中展示出来。引入并实例化SDK核心类，声明一个全局变量。页面初始化完整后调用接口，表单触发后先声明this，调用方法（该方法需要获取到经纬度），进行逆地址解析。1.获取其他城市天气（例：北京市）1.1实现方法①要获取其他的城市的天气数据，需要传入经纬度。为了获取其他城市的经纬度，这里使用的地...
2019-06-28 09:06:54
472
原创 day06微信小程序项目API讲解
今天继续编写天气预报这个小程序，老师检查了我们提交的作业，发现大多数同学做出来的页面都是把文字堆叠在一起，虽然实现了天气查询的功能，但是界面看起来不美观，且内容繁杂。所以今天老师要求我们做出导航栏顶部的搜索栏，实现各地天气的查询；并作出左右滑动的框，实现左右滑动查看实时天气情况。因为数据内容众多，上网搜索相关天气预报小程序的示例代码，我借鉴了其中的方法及语句。输入框搜索功能编写.js文件...
2019-06-24 23:21:35
144
原创 DAY05 微信小程序项目第三方接口应用（天气查询）
一.“我的”页面头像、昵称、设备信息展示1.用弹性布局实现文本的两端对齐<view><text>型号</text><text>{{model}}</text></view>2.用open-data直接获取用户信息3.写样式，在主轴左右居中，在交叉轴上下居中.system.view{/*弹性布...
2019-06-24 08:45:20
241
原创 DAY04 微信小程序项目框架应用
1.实现mine页面不点击button实现自动获取用户权限得到用户头像和名称。mine.wxml<open-data type="userAvatarUrl"></open-data><open-data type="userNickName"></open-data>小程序预览遇到的问题：实现了用户头像及昵称垂直居中的...
2019-06-21 10:12:12
363
原创 DAY03 微信小程序项目结构分析
1.在“我的” 页面调用微信小程序里的方法，把用户头像、用户名称做一个列表。mine.wxml<view class="btn-area"><view class="logo"><open-data type="userAvatarUrl" class="userinfo" id="userinfo"></open-data>...
2019-06-19 23:09:23
144
原创 DAY2 微信小程序项目环境搭建
一．安装微信开发者工具的步骤1.进入微信公众平台官网首页2.在开发工具中找到普通小程序微信开发者工具并点击进入3.点击微信开发者工具4.下载Windows64位的稳定版 Stable Build (1.02.1904090)需要注意的信息：①成员管理②AppID(小程序ID) 二.小程序简介|微信开发1.小程序与普通网页开发...
2019-06-19 08:07:54
264
原创 DAY01 网页基础知识(html,css,js)
DAY01 网页基础知识(html,css,js)一．HTML1.html网页格式<!DOCTYPE html><html><!--头部--><head><meta charset=”utf-8”><title></tittle><!--样式--><style type...
2019-06-18 08:34:16
202
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人