大家好，我是Echa哥。

推荐一个轻量完备的开源前端框架：dagger.js：https://daggerjs.org

前端设计文档是什么?

• 在笔者所在的前端研发流程中, 【技术调研及方案设计】属于连接【需求阶段】和【开发阶段】的中间节点。在需求详评(三审)后了, 需求的功能和交互已经基本确定, 而在实际进入开发之前, 还有一些

这两年转项目管理了，很久没写代码。最近难得有空，打算学一学Vue3。

之前一直做后端，没用过Vue，写页面都是走的服务端渲染模板的方式。要做js操作，直接用JQuery就行，开箱即用没有学习成本。

现在前后端分离的方案已经是主流了，后端专注写API。所以涌现了很多前端框架，Vue是最热门的前端框架之一。现在我们的所有开源产品前端都是基于Vue构建的。

1、D2admin

开源地址：https://github.com/d2-projects/d2-admin

JavaScript 前端框架无疑有助于突破以前在浏览器上下文中可能实现的界限。越来越复杂的应用程序已经出现在 React、Angular 和 VueJS 之类的基础之上，仅举几例，而且有一个众所周知的笑话是关于新的前端框架似乎每天都会出现。

然而，这种发展速度对于世界各地的开发者来说是一个非常好的消息。对于每一个新框架，我们都发现了更好的处理状态的方法，或者使用影子 DOM 之类的东西有效地渲染。

然而，最新的趋势似乎是朝着用户户 JavaScript 用另外的语言编写这些框架并将它们编译到 WebAssembly 中。多亏了Lin Clark 之类的人 ，我们开始看到 JavaScript 和 WebAssembly 通信方式的重大改进，而且随着 WebAssembly 开始在我们的生活中变得更加突出，我们无疑会看到更多重大的改进。

转载本文请注明出处：微信公众号EAWorld

前端开发在程序猿中无疑是一个比较苦逼的存在，作为一个前端开发，你必须要掌握Javascript，HTML，CSS这三大基础。Javascript作为网络时代最为重要的开发语言，由于其设计上的限制，一直在演进，经历了ES3，ES5，ES6（ECMAScript 2015）... ... 而简单的CSS也无法完成你复杂的需求，你需要Less/Sass/Sytlus来增强你的CSS的功能。这些还远远只是一小部分，你还需要了解：

以前前端Web的功能非常简单，静态显示数据或者将URL指向服务器，然后它将数据混合成HTML呈现在浏览器上。随着应用场景的不断更新，结合JavaScript的动态HTML开始快速发展，各种Web框架快速出现，比如JQuery，React，Vue，angular等等，尽管这些Web框架在构建结构化的Web应用程序方面表现出色，但是它们的复杂性也给追求简单的开发者带来了巨大的负担。也让整个前端架构变得越来越复杂，中间过程变得冗长或者不透明。

【编者按】本文作者Matt Carella为我们讲解了如何构建一个良好的架构。除了选择正确的工具以外，在组织工作流中遵循清晰整洁的原则对于我们来说是非常重要的。或许有的人会觉得文中所说的是在DOS时代的标准的做法，不过本文对新入门的人来说或许会有帮助。如果您是一位资深的架构师，也欢迎您在评论中与我们一起分享您的心得与体会。

建立一个好的前端架构是开始开发Web应用或网站的一个基本步骤。良好的实践和编码常规是必不可少的，但是结构呢？我们如何在可控的时间内构思一个好的架构？但最重要的事情是，我们应该从哪里开始？

?写在前面
作为一个后端程序员，很多时候我们也想自己搞一个炫酷的前端页面出来。
无奈专精后端的我们 已经精疲力尽了，但是作为一个程序员。怎能没有一颗全栈的心呢！
目前前端比较流行的框架Vue.js，在这基础上有一批成熟的后台系统开源项目。

1、element （截止发稿前 start 51.8k）
官网：http://element.eleme.io
地址：https://github.com/PanJiaChen/vue-element-admin
2、Vue Admin
官网：https://admin.vuebulma.com
地址：https://github.com/taylorchen709/vue-admin
3、iview-admin（截止发稿前 start 14.4k）
https://github.com/iview/iview-admin
4、d2-admin（截止发稿前 start 8.4k） √
https://github.com/d2-projects/d2-admin

去年上线的可视化编辑器 H5-dooring