低代码 - 爪哇

1.什么是低代码

低代码平台(LCDP)- Do MORE WITH LESS

低代码 - 爪哇_第1张图片
不管有多复杂的,都是按照这样的步骤呈现的:
低代码 - 爪哇_第2张图片
低代码 - 爪哇_第3张图片

2.低代码的兄弟姐妹

1)Low code

  1. 预置组件实现全集功能
  2. 可视化配置降低开发门槛
  3. 支持定制&扩展

2)No code

  1. 完全可视化配置
  2. 不支持扩展,一切需求规范化

3)Pro code

  1. 组件化抽象
  2. 框架层规范 -VUE REACT

3.使用require.context实现前端工程自动化

1)require.context是什么

一个webpack的api,通过执行require.context函数获取一个特定的上下文,主要用来实现自动化导入模块,在前端工程中,如果遇到从一个文件夹引入很多模块的情况,可以使用这个api,它会遍历文件夹中的指定文件,然后自动导入,使得不需要每次显式的调用import导入模块

2)什么时候需要用到require.context

如果有以下情况,可以考虑使用require.context替换
低代码 - 爪哇_第4张图片
低代码 - 爪哇_第5张图片
在Vue写的项目中,我把路由通过不同的功能划分成不同的模块,在index.js中一个个导入(原谅ide的警告-.-),但是如果项目变大了之后,每次手动import会显得有些力不从心,这里可以使用require.context函数遍历modules文件夹的所有文件一次性导入到index.js中

3)分析require.context

require.context函数接受三个参数

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

内容选自:https://www.jianshu.com/p/c894ea00dfec

35:54

你可能感兴趣的:(学习,前端)