历史背景
自上世纪90年代初万维网出现以来,Web技术开始得到发展,但早期Web技术做一些简单的浏览型页面,复杂交互则采用C/S模式,或者安装Flash以及JavaApplets插件。直到年Ajax概念出现,前端开发突飞猛进,Web技术变得越来越强大,一定程度上可以取代桌面开发实现复杂的交互功能。年左右,HTML5和ES6陆续推出,前端开发炙手可热,Flash被取代了,传统的桌面开发也渐渐被Web所取代。目前这个趋势还在蔓延中。
前端工具类库种类繁多
前端开发框架和类库有很多,早期的PrototypeJS、YUI、Mooltools、ExtJS、Dojo等风靡一时,后来jQuery独占鳌头,垄断了前端开发。左右Backbone开始流行,目前流行的有Angular以及React和Vue、Svelte。UI库就更多了,Bootstrap、MaterialDesign、AntDesign、ElementUI等,可谓非常繁荣。其他工具链就更多了,详见下图。
前端开发需要工程化
随着前端生态的繁荣发展,工具框架越来越多,让人眼花缭乱,目不暇接。那么多框架、类库、工具该如何选择呢?如何搭配才是最优组合?
前端应用的代码规模也越来越大,如何组织代码是个难题。模块划分、目录结构、分层职责以及数据流程等都需要清晰明了,否则随着时间积累代码就变得不可维护。那代码该如何组织呢?或者前端工程化应该怎么做呢?
Letjs团队开发了前端工程化体系,定义了一套目录结构和分层体系,通过工具命令一键创建代码模板,专门解决前端工程化问题。
Letjs是什么?
Letjs是一套前端工程化开发体系,通过内置UI库和各种工具,帮助你快速创建前端工程代码,同时让你的代码更简单清晰、易于维护。
Letjs能做什么?
Letjs就是来帮助前端开发更加体系化的,让前端更加清晰、简单、高效。
帮助代码初始化。前端框架眼花缭乱,代码初始化选择是个难题,这需要很多的经验。Letjs帮你选择框架与类库。
帮助代码分层。代码缺乏分层约束,书写随意,时间一久就变得不易维护,代码混乱不堪。Letjs帮你组织代码。
增强规范和提升效率。团队内部技术不统一,各种新技术和类库随意使用,项目不易维护和交接,且效率低下。Letjs提供工具来帮助统一结构,并用工具来初始化代码,提升开发效率。
Letjs工程目录结构
将代码按照展现、业务处理、接口等进行分层,并根据DDD领域驱动划分数据模型和视图模型等,业务开发围绕以领域为核心。
工程目录结构如下图所示,详细结构请参加Letjs工程代码和例子。
Letjs下载与使用
使用Letjs初始化项目代码,请安装letjs-cli工具。详见letjs-cli安装指导(