uni-app小知识点记录

uni-app小知识点记录

1. require.context( )
2. vuex中 actions方法
3. HTML5+ 之 plus在代码热更新中的使用
4. App中HBuilder检查版本更新提示框的隐藏

一、require.context( )

const modulesFiles = require.context('./modules', true, /\.js$/)

文件结构示例：

语法: require.context(directory, useSubdirectories = false, regExp = /^.//);

• directory {String} -读取文件的路径
• useSubdirectories {Boolean} -是否遍历文件的子目录
• regExp {RegExp} -匹配文件的正则

返回值：require.context函数执行后返回的是一个函数,并且这个函数有3个属性

• resolve {Function}
  -接受一个参数request,request为modules文件夹(引入的那个文件夹)下面匹配文件的相对路径,返回这个匹配文件相对于整个工程的相对路径
• keys {Function} -返回匹配成功文件模块的名字组成的数组
• id {String} -执行环境的id,返回的是一个字符串

console.log(modulesFiles.keys());
console.log(modulesFiles.resolve(modulesFiles.keys()[0]));
console.log(modulesFiles.id);

使用的好处：多个文件引入时，可以直接把一个文件夹下的所有文件都一起引入，不用挨个import方法引入了
文件内容处理：

const modules = modulesFiles.keys().reduce((modules, modulePath) => {
     
	/* 数组的reduce方法：array.reduce(callback[, value])，用于对数组中的所有元素调用指定的回调函数，
	该回调函数的返回值为累积结果，并且此返回值在下一次调用该回调函数时作为参数提供
	  callback函数第一个参数是上一次回调函数的返回值，或者提供的初始值（initialValue）
	  callback函数第二个参数是当前正在处理的元素
	  reduce方法第二个参数写的是[]，modules就是数组。
	  reduce方法第二个参数写的是{}，modules就是对象。
	*/
  const moduleName = modulePath.replace(/^\.\/(.*)\.\w+$/, '$1')
  const value =