java web前端（总结）前端要求和流行几个框架

Posted 2023-04-03

1. 掌握各种修图软件，如PSFireworksAI，不要求专业设计师水平，但要会用会改，今天是一专多能的时代，光会编程讨不好饭碗的；
2. 精通javascript、jQuery、vue、 react、angular等页面效果框架，这是前端工程师的最核心技能，是专做页面效果的技术。其实精通了JavaScript，后端编程语言，如.NET、php、Ruby都很容易掌握，因为其原理是一样的；
3. 精通一二种模板语言，并能修改，如织梦或wordpress的模板；
4. 掌握thinkphp与zend框架，能修改此类开源源码；
5. 掌握html5与sencha，这是做手机等移动设备的页面前端技术；
6. 掌握一二种后端编程语言，如PHP、.NET、JAVA，能读懂后端源码，实际上其原理跟JS差不多；
7. 掌握node.js，熟悉各种自动化部署工具；
8. 前端是重视用户体验的，不是靠美工给的页面 做出来就行了，那样不是一个合格的前端。 参考技术A react vue 这几年火的 参考技术B Bootstrap，Foundation，Semantic UI，Pure，UIkit等

推荐几个精致的前端web UI框架

1.Aliceui

Aliceui是支付宝的样式解决方案，是一套精选的基于 spm 生态圈的样式模块集合，是 Arale 的子集，也是一套模块化的样式命名和组织规范，是写 CSS 的更好方式。

gitHub地址：https://github.com/aliceui/aliceui.github.io

2.Amazeui

Amaze UI 是一个轻量级、 Mobile first 的前端框架, 基于开源社区流行前端框架编写的。

官网地址：http://amazeui.org/

3.sui

SUI是一套基于bootstrap开发的前端组件库，同时她也是一套设计规范。 
通过SUI，可以非常方便的设计和实现精美的页面。

官网地址：http://sui.taobao.org/

同时sui还有移动端版本msui，msui是阿里巴巴共享业务事业部UED团队的作品。目的是为了手机H5页面提供一个常用的组件库，减少重复工作。

地址：http://m.sui.taobao.org/

4.FrozeUI

Frozen UI是一个开源的简单易用，轻量快捷的移动端UI框架。基于手Q样式规范，选取最常用的组件，做成手Q公用离线包减少请求，升级方式友好，文档完善，目前全面应用在腾讯手Q增值业务中。

官网地址：http://frozenui.github.io/

5.uiKit

uiKit是一款轻量级、模块化的前端框架，可快速构建强大的web前端界面。

官网地址：http://www.getuikit.net/

6.H-ui

H-ui是轻量级前端框架，简单免费，兼容性好，适用于中国网站。

官网地址：http://www.h-ui.net/

7.Weui

weUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信 Web 开发量身设计，可以令用户的使用感知更加统一。包含button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素。

官网地址：https://github.com/weui/weui

8.layui

Layui 诞生于2016年金秋，是一款带着浓烈情怀的国产前端UI框架，她追求极简，又不失丰盈的内在，说她是史上最轻量的结晶，似乎并不为过。一切都源自于她对原生态的执着，对前端社区的那些噪杂声音的过滤，以及她本身的精心雕琢。

官网地址：http://www.layui.com/

9.YDUI Touch

YDUI Touch 专为移动端打造，在技术实现、交互设计上兼容主流移动设备，保证代码轻、性能高;使用 Flex 技术，灵活自如地对齐、收缩、扩展元素，轻松搞定移动页面布局;实现强大的屏幕适配布局，等比例适配所有屏幕。什么？用得不开心？轻松切换 px;自定义Javascript组件、Less文件、Less变量，定制一份属于自己的YDUI;

官网地址：http://www.ydui.org/

10.组件库

• 1.基于vuejs

基于vuejs的精致组件库很多，专门写了篇文章介绍：vuejs组件库

• 2.基于React

推荐antd,阿里的React开源库，地址：https://ant.design/

注：红色代表个人推崇。