小程序第一部分细节前言一、自带函数的用法二、分包三、插件使用总结

前言

• 一如编程深似海，我相信所有的程序员都是这种想法。而对于我们前端来说这种情况更是愈演愈烈。
• 这些年来，前端的各种框架的更新与出现，前端人员深受其荼毒，在学习的道路无法自拔，而在去看看后端，特别是C语言，学一次用一辈子，一点创新精神都没有，呸！！
• 今天我们就来再说说小程序的一点细节但特别特别重要的东西！！

一、自带函数的用法

1. 相信大家都清楚，其实微信获取我们的权限是非常非常大的，我们就先来说说监听滚动吧！上代码：
   
   在这里,他可以监听你的页面滑动,当你的页面滑动时,执行函数

2. 回到顶部与回到固定位置,上代码:

// 回到到顶部
Top(){
	wx.pageScrollTo({
	duration:500, //回顶过程所用的时间
	scrollTop:0,  //位置  0 相当于顶部 
	})
}

//回到固定位置
Top(){
	wx.pageScrollTo({
	duration:500, //回顶过程所用的时间
	scrollTop:".item",  //位置  支持选择器  相当于锚点 
	})
}

3. 获取设置/窗口信息

wx.getSystemInfo({
  success (res) {
    console.log(res.model)  //型号
    console.log(res.pixelRatio)  //设备像素比
    console.log(res.windowWidth)  //可使用窗口宽度
    console.log(res.windowHeight) //可使用窗口高度
    console.log(res.language)    //语言
    console.log(res.version)  // 微信版本号
    console.log(res.platform)  //客户端平台
  }
})

4. 获取电量

wx.getBatteryInfoSync({
	success(){
	console.log(res)
}
})

5. 获取网络状态

 getNetworkType(){
	 wx.getNetworkType({
 	 success (res) {
   	 	const networkType = res.networkType
  	}
})
}

6. 打电话/发短信

  wx.makePhoneCall({
      phoneNumber: '13598859747',
    })

7. 下载网络图片

wx.downloadFile()

//保存到相册
wx.saveImageToPhotosAlbum()

8. 上传图片

  wx.uploadFile({
          filePath: res.tempFiles[0].tempFilePath
          success(res){
			console.log(res)  //上传成功的回调函数
			}
})

二、分包

1. 分包:优化小程序的最基本的操作,意思是把一个整体的代码,分开来加载,可以理解为代码的懒加载!
   
   打开小程序 默认只下载主包,小程序的打开速度加快,通过分包可以让项目更加庞大

2. 分包

 //在App.JSON文件中添加
	
	"subpackages": [
    {
      "root": "news",
      "pages": [
        "pages/detail/detail"
      ]
    }
  ],

3. 分包预加载

"preloadRule": {
    "pages/jok/jok": {
      "network": "all",
      "packages": [
        "news"
      ]
    }
  },

三、插件使用

作用：可以把html转换为wx的组件

1. Copy文件"wx.Parse"
2. 在页面JS导入文件

var WxParse = require('../../wxParse/wxParse.js');

3. 导入css

 @import "/wxParse/wxParse.wxss";

4. 引入数据

 var that = this;
WxParse.wxParse('article', 'html', res.result.content, that, 5);

5. 导入使用模板

 <import src="../../wxParse/wxParse.wxml"/>
<template is="wxParse" data="{{wxParseData:article.nodes}}"/>

总结

今天只讲这一点吧,剩下的有空的话我再总结一下。其实微信小程序的伟大之处不是这些，而是它竟然支持云开发，可以前后端一块做！也就是说我们前端的开发人员也可以在云开发中自己编写后端内容！！！有机会的话我会把这些内容也分享给大家！！

最后

以上就是美好指甲油为你收集整理的小程序第一部分细节前言一、自带函数的用法二、分包三、插件使用总结的全部内容，希望文章能够帮你解决小程序第一部分细节前言一、自带函数的用法二、分包三、插件使用总结所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。