- 什么是事件
事件是渲染层到逻辑层的通讯方式。通过事件可以将用户在渲染层产生的行为,反馈到逻辑层进行业务的处理。
- 小程序中常用的事件 (更多…)
- 数据绑定的基本原则
1. 在data中定义数据
2. 在WXML中使用数据 - 在data中定义页面的数据
在页面对应的.js文件中,数据定义到data对象中即可。
- Mustache 语法的格式
在data中的数据绑定到页面中渲染,使用Mustache 语法(双大括号)将变量名包起来即可。语法格式如下: (更多…)
- 小程序API概述
小程序中的API是由宿主环境提供的,通过这些丰富的小程序API,开发者可以方便的调用微信提供的能力,例如:获取用户信息,本地存储,支付功能等。 - 小程序API的3大分类
小程序官方把api分为了如下3大类:
1. 事件监听api:
特点:以on开头,用来监听某些事件的触发。
举例:wx.onWindowResize(function callback)监听窗口尺寸变化的事件
2. 同步api
特点1:以Sync结尾的api都是同步api
特点2:同步api的执行结果,可以通过函数返回值直接获取,如果执行出错会抛出异常
举例:wx.setStorageSync(‘key’,’value’)向本地存储中写入内容
3. 异步api
特点:类似于jQuery中的$.ajax(options)函数,需要通过success、fail、complete接收调用的结果
举例:wx.request() 发起网络请求,通过success 回调函数接收数据
- 小程序中组件的分类
小程序中的组件也是由宿主环境提供的,开发者可以基于组件快速搭建出漂亮的页面结构。
官方把小程序的组件分为9大类,分别是:
1. 视图容器、2. 基础内容、3.表单组件、4.导航组件、5.媒体组件、6.map地图组件、7.canvas画布组件、8.开放能力、9.无障碍访问 - 常用的视图容器类组件
1. view:普通视图区域、类似于HTML中的div,是一个块级元素,常用来实现页面的布局效果
2. scroll-view:可滚动的视图区域,常用来实现滚动列表效果 (更多…)
- 小程序启动的过程
1. 把小程序的代码包下载到本地
2.解析 app.json 全局配置文件
3. 执行 app.js 小程序入口文件,调用 App()创建小程序实例
4. 渲染小程序首页
5. 小程序启动完成 - 小程序页面渲染的过程
1. 加载解析页面的 .json配置文件
2. 加载页面的 .wxml 模板 和 .wxss 样式
3. 执行页面的.js文件,调用 Page()创建页面实例
4. 页面渲染完成
-
- 什么是宿主环境
宿主环境(host environment)指的是程序运行所必须的依赖环境。
例如:安卓系统 和 iOS系统 是两个不同的宿主环境。
安卓版的微信app是不能在ios环境下运行的,所以安卓是安卓软件的宿主环境,脱离了宿主环境的软件是没有任何意义的 - 小程序的宿主环境
手机微信是小程序的宿主环境。
小程序借助宿主环境提供的能力,可以完成许多普通网页无法完成的功能,例如:
微信扫码,微信支付、微信登录、地理定位、etc等等 - 小程序宿主环境包含的内容
1. 通信模型、2.运行机制、3.组件、4. api
- 什么是宿主环境
- 小程序中的 .js文件
一个项目仅仅提供界面展示是不够的,在小程序中,我们通过.js文件来处理用户的操作。
例如:响应用户的点击、获取用户的位置等等。 - 小程序中 .js文件的分类
1. app.js:是整个小程序项目的入口文件,通过调用 APP() 函数来启动整个小程序
2. 页面的 .js 文件:是页面的入口文件,通过调用 Page() 函数来创建并运行页面
3. 普通的 .js 文件:是普通的功能模块文件,用来封装公共的函数或属性供页面使用
- 什么是WXML
WXML(WeiXin Markup Language)是小程序框架设计的一套标签语言,用来构建小程序页面的结构,其作用类似于网页开发中的HTML。 - WXML 和 HTML 的区别
1. 标签名称不同
HTML(div,span,img,a)
WXML(view,text,image,navigator)
2. 属性节点不同
<a href=”#”>超链接</a>
<navigator url=”/pages/home/home”></navigator>
3. 提供了类似于 Vue 中的模板语法 (更多…)
- json配置文件的作用
json是一种数据格式,在实际开发中,json总是以配置文件的形式出现,小程序项目中也不例外:通过不同的.json配置文件,可以对小程序项目进行不同级别的配置。
小程序项目中有4种json配置文件,分别是:
1. 项目根目录中的 app.json 配置文件
2. 项目根目录中的 project.config.json 配置文件
3.项目根目录中的 sitemap.json 配置文件
4.每个页面文件夹中的 .json 配置文件 - app.json 文件
app.json 是当前小程序的全局配置,包括了小程序的所有页面路径、窗口外观、界面表现、底部tab等。app.json 配置文件内容如下: (更多…)
- 小程序目录结构
Pages用来存放所有小程序的页面
Utils用来存放工具性质的模块(例如:格式化时间的自定义模块)
app.js 小程序项目的入口文件
app.json 小程序项目的全局配置文件
app.wxss 小程序项目的全局样式文件
project.config.json 项目的配置文件
Sitemapjson 用来配置小程序及其页面是否允许被微信索引
成品图片

下面来看下我们写的代码

先开始我们写css初始化,*清除所有边距,然后给a标签清除文本样式,再给ul清除黑圆点,之后给每个li标签左浮动上下间距20px,左右15px。其实也可以给a标签加上颜色。
定义顶部样式.top宽度百分百,高90像素,背景图片设置为微信官方的背景图,然后x轴进行水平平铺,然后给下面的a设置背景图,最左侧的,用ps量下,然后用背景定位,背景不平铺,不能给宽度,我们要的就是宽度自适应,所以不能给宽度,只能给左侧内边距,设置了行高就没必要设置高度,高度多少行高就是多少,所以高度没必要设置。然后给a标签左浮动。
a标签包裹着span标签,目的就是鼠标放上去可以点击,现在给span设置样式,背景图跟a标签的背景图一样,就是背景定位不一样,可以用px也可以用单词right,然后y轴的0,背景不平铺,左浮动,右侧内边距20px,目的就是让文本居中,可以自适应撑开盒子。
原标题:微信头像尺寸多少
有许多人问,微信头像尺寸多少,也有人问朋友圈封面尺寸多少,微信运动封面尺寸多少等。
下面就来解答这个问题。
微信头像尺寸建议是300*300的像素。
微信朋友圈封面官方建议尺寸是720*720像素。但截取图片内容尺寸为480*360像素。
微信运动封面尺寸为300*480像素。
上面就是为大家解答微信封面和头像尺寸的相关问题,好了。