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 = 
  • 1
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值