微信小程序知识点总结

1.窗口配置

1.页面路径配置

"pages": [ "pages/home/home", "pages/index/index", "pages/logs/logs", "pages/mine/mine", "pages/jiuItem/jiuItem", "pages/homedetatil/homedetatil", "pages/login/index" ],

2.全局的默认头部设置

"window": { "backgroundTextStyle": "light", "navigationBarBackgroundColor": "#fff", "navigationBarTitleText": "", "navigationBarTextStyle": "black", "onReachBottomDistance": 50 },

3.底部导航栏的一个切换

"tabBar": { "selectedColor": "#b60012", "list": [{ "pagePath": "pages/home/home", "iconPath": "./image/首页.png", "selectedIconPath": "./image/首页1.png", "text": "首页" }, { "pagePath": "pages/index/index", "iconPath": "./image/分类.png", "selectedIconPath": "./image/分类1.png", "text": "分类" }, { "pagePath": "pages/logs/logs", "iconPath": "./image/购物车.png", "selectedIconPath": "./image/购物车1.png", "text": "购物车" }, { "pagePath": "pages/mine/mine", "iconPath": "./image/我的.png", "selectedIconPath": "./image/我的1.png", "text": "我的" } ] },

2.小程序文件类型 每个页面由 4个文件组成

你可以留意到这个项目里边生成了不同类型的文件: . json 后缀的 JSON 配置文件，用于页面或小程序 的配置设置 .wxml 后缀的 WXML 模板文件，用于布局与内容 .wxss 后缀的 WXSS 样式文件，用于具体的样式 .js 后缀的 JS 脚本逻辑文件，用于逻辑处理

3.微信小程序页面的生命周期

小程序中的一些生命周期

onLoad ： 生命周期函数–监听页面加载 。一个页面只会调用一次onReady : 生命周期函数–监听页面初次渲染完成onShow: 生命周期函数–监听页面显示，切换前台时触发，一个页面只会调用一次onHide: 生命周期函数–监听页面隐藏或切如后台，如navigateto或底部tab切换其他页面时，小程序切入后台onUnload: 生命周期函数–监听页面卸载时触发 如redirectTo或navigateBack

4.怎么封装微信小程序的数据请求

数据请求：

wx.request({ url: 'test.php', //仅为示例，并非真实的接口地址 data: { x: '', y: '' }, header: { 'content-type': 'application/json' // 默认值 }, success (res) { console.log(res.data) } })

封装：

5.路由跳转分类 和 路由跳转传递参数

路由跳转主要分为：

wx.switchTab(Object object)，wx.navigateTo（object object），wx.redirectTo(Object object)

wx.switchTab（）跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面

wx.navigateTo（）保留当前页面，跳转到应用内的某个页面。但是不能跳到 tabbar 页面。使用 wx.navigateBack 可以返回到原页面。小程序中页面栈最多十层。

wx.redirectTo() 关闭当前页面，跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面。

6.路由配置

路由配置如下：

"pages": [ "pages/home/home", "pages/index/index", "pages/logs/logs", "pages/mine/mine", "pages/jiuItem/jiuItem", "pages/homedetatil/homedetatil", "pages/login/index" ],

7.点击获取参数

8.本地存储的几种方式

每个微信小程序都可以有自己的本地缓存

同步获取：

wx.setStorageSync //同步设置 wx.getStorageSync //同步获取 wx.removeStorageSync //同步删除 wx.clearStorageSync // 同步清空

异步获取：

wx.setStorage //异步设置 wx.getStorage //异步获取 wx.removeStorage //从本地缓存中移除指定 key wx.clearStorage //异步清空

9.微信小程序的优缺点

优点：

1. 即用即走，不用安装，省流量，省安装时间，不占用桌面 2.依赖微信流量，天生推广传播优势 3.开发成本比APP低

缺点：

1.限制较多，页面大小不能超过2M，不能打开层级较多的页面 2.入口相对传统APP要深很多

10.怎么解决小程序的异步请求问题

小程序支持大部分ES6语法

再返回成功的回调里面处理逻辑promise异步

11.哪些方法可用来提高微信小程序的应用速度

1.提高页面加载速度 2.用户行为预测 3.减少默认data的大小 4.组件化方案