1. ui框架有哪些，web前端开源框架
推荐几个精致的web UI框架及常用前端UI框架
1.Aliceui
Aliceui是支付宝的样式解决方案，是一套精选的基于 spm 生态圈的样式模块集合，是 Arale 的子集，也是一套模块化的样式命名和组织规范，是写 CSS 的更好方式。
2.Amazeui
Amaze UI 是一个轻量级、 Mobile first 的前端框架, 基于开源社区流行前端框架编写的。
3.sui
SUI是一套基于bootstrap开发的前端组件库，同时她也是一套设计规范。
通过SUI，可以非常方便的设计和实现精美的页面。
同时sui还有移动端版本msui，msui是阿里巴巴共享业务事业部UED团队的作品。目的是为了手机H5页面提供一个常用的组件库，减少重复工作。
4.FrozeUI
Frozen UI是一个开源的简单易用，轻量快捷的移动端UI框架。基于手Q样式规范，选取最常用的组件，做成手Q公用离线包减少请求，升级方式友好，文档完善，目前全面应用在腾讯手Q增值业务中。
5.uiKit
uiKit是一款轻量级、模块化的前端框架，可快速构建强大的web前端界面。
6.H-ui
H-ui是轻量级前端框架，简单免费，兼容性好，适用于中国网站。
7.Weui
weUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信 Web 开发量身设计，可以令用户的使用感知更加统一。包含button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素。
8.layui
Layui 诞生于2016年金秋，是一款带着浓烈情怀的国产前端UI框架，她追求极简，又不失丰盈的内在，说她是史上最轻量的结晶，似乎并不为过。一切都源自于她对原生态的执着，对前端社区的那些噪杂声音的过滤，以及她本身的精心雕琢。
9.YDUI Touch
YDUI Touch 专为移动端打造，在技术实现、交互设计上兼容主流移动设备，保证代码轻、性能高;使用 Flex 技术，灵活自如地对齐、收缩、扩展元素，轻松搞定移动页面布局;实现强大的屏幕适配布局，等比例适配所有屏幕。什么？用得不开心？轻松切换 px;自定义Javascript组件、Less文件、Less变量，定制一份属于自己的YDUI;
10、后台UI开发框架MuseUI
一款基于bootstrap风格，兼容于主流浏览器（包括IE6）的后端UI开发组件。
2. 前端开发应该学什么看完这篇不在迷茫
初级阶段：从零基础到网页大师
HTML5标签
HTML5表单
CSS3页面美化
CSS3页面布局
CSS3动画
浏览器兼容和SEO
Bootstrap响应式框架
项目管理和原型设计
UI设计及切图技巧
JavaScript入门
HTML 相当于盖房子的原材料。学习了HTML之后，我们只是掌握了各种“原材料”的制作方法，要想盖一幢楼房就还需要把这些“原材料”按照我们设计的方案组合布局在一起并进行一些样式的美化。
而css就是做这些工作的。
CSS是英文Cascading Style Sheets的缩写，叫做层叠样式表，是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言其样式是可以复用的，这样就极大地提高了我们开发的速度，降低了维护的成本。
学完css，我们就可以顺利完成“一幢楼房”的建设。
“楼房”建设完成之后，我们可以交给用户使用，但是如果想让用户获得更佳的体验，我们还可以对“楼房”进行更深一步的“装修”，让它看起来更“豪华”一些。就要我们就用到了JavaScript。
基础阶段：从网页大师到前端开发工程师
JavaScript语言基础
JavaScript核心对象
DOM、BOM、事件驱动编程
闭包、原型、面向对象编程
jQuery、插件、Underscore
Promise、Defferred异步编辑
Ajax、RESTful
SVG、Chart图表
Node.JS服务端和应用接口设计
GIT源代码管理
JavaScript是一种在客户端广泛使用的脚步语言，在JavaScript当中为我们提供了一些内置函数、对象和DOM操作，借助这些内容我们可以来实现一些客户端的特效、验证、交互等，使我们的页面看起来不那么呆板，屌丝瞬间逆袭高富帅!
刚学会JavaScript，你会沉浸在JavaScript给你带来的惊喜之中不能自拔，产生一种“天下你有”的错觉。但这个时候你去找一份工作，你的项目经理会经常对你大吼道：
这个效果在××浏览器下不兼容，重新搞……”
“不兼容?”瞬间石化！“我擦，坑爹啊!那可是花了我一个晚上写了几百行代码搞定的啊，吐血了都!”
JavaScript的兼容性和复杂性有时候的确让我们头疼，还好有“大神”帮我们做了封装。
jQuery 是一个免费、开源的轻量级的JavaScript库，并且兼容各种浏览器(jQuery2.0及后续版本放弃了对IE6/7/8浏览器的支持)，同时现在有很多基于jQuery的插件可供选择，这样在我们实现一些丰富的动态效果时更方便快捷，大大节省了我们开发的时间，提高了开发速度，这也充分体现了其 write less,do more的核心宗旨。这个Feel倍儿爽!有么有?
“豪华大楼”至此拔地而起，但是每天这样日复一日，年复一年的盖楼，好繁琐！能不能将大楼里面每一个单独部件模块化，当需要盖楼时就像堆积木一样组合在一起，这样岂不是爽歪歪？
可以实现吗？答案是肯定的。
这种思想在Web前端开发中也是适合的，于是乎就出现了各种前端框架。在项目开发过程中，我们可以借助框架提供的CSS样式、组件、JavaScript插件等快速的完成页面布局和样式设置，然后再有针对性的微调样式，这样基于框架进行开发大大缩短了开发周期。站在巨人的肩膀上就是爽！
进阶阶段：前端高级开发工程师
HTML5存储、多线程
HTML5 Canvas
PHP服务端
SUI、HTML模版化
HTML模板化引擎
AMD、RequireJs模块化
设计模式与MVC架构
Backbone高级编程
Angular高级编程
自动化构建、测试、缺陷管理
基础的东西以完成，到了本阶段，就是量变到质变的过程。学完本阶段可以掌握大型网站、管理系统、Web应用的整体架构体系，能够独立完成或带领团队完成中大型前端项目的研发工作。
项目实施：经验丰富的业界高手
Java及.NET服务端技术
新浪微博/腾讯第三方OAuth登录
网络地图 JS SDK
支付宝在线支付集成
Web Socket即时通讯
React高级编程
微信平台、微网站开发
HTML5游戏开发
项目管理技术
全栈综合项目实战
学完本阶段可以极大地丰富前端开发经验、掌握到当前前端开发领域中最热门、最具商业价值的前沿技术和高端技术，在前端开发方面达到专家级别，成为市场上炙手可热的高端人才。
以上每个阶段均会有1~2个真实项目实操训练，帮助同学熟练掌握并运用所学知识，以解决具体项目、具体问题出发，在见招拆招中提高。
当然，从菜鸟到大牛，路很长。前端是一个看似入门门槛不高，但要学好很难的领域。前端的知识体系庞杂又松散，技术演进快，如果摸不清脉络的话很容易陷入盲人摸象的困境甚至跑偏。
经常在前端的论坛上看到有人说，“前端都是自学的，一点都不难”。我毫不怀疑，95% 的想学前端的人都可以通过网络组建自己的关于前端的“超级无敌”学习资料包。用不了多久你的网页收藏夹里就会堆满互联网上丰富的前端学习资源，你的购物车里也会多出几本待付款的经典教材，你甚至还会兴冲冲地跑去注册一些在线课程。
提前恭喜你，即将从“编程小白”成功蜕变为“准程序员”。
但是，如果你没有掌握正确的学习方法和循序渐进的学习路线，你将处于并将长期处于“学习前端”的阶段。所以，我更期待剩余的5% 的人，能够体会到上文一直在强调的方法：以解决某个具体问题为出发点，直接上手一个小项目，在见招拆招的过程中提高学习的效率。
掌握了正确的方法，“学习前端”和“学好前端”就只是个时间问题。
3. 有什么软件可以学钢琴吗
可以学钢琴的软件有：
free piano(电脑键盘模拟钢琴软件)、全键盘模拟钢琴软件、DreamPiano、
1，free piano(电脑键盘模拟钢琴软件)：是一款使用电脑键盘演奏钢琴音曲的开源软件。
特点：
完全免费的，您不需要购买就可以使用全部的功能。
直接调用VSTi音源，不需要安装虚拟MIDI设备。
支持多种音频输出方式，包括DirectSound, WASAPI和ASIO。
可以定义键盘上任意一个按键的功能与显示。
多套键盘配置可以在演奏中任意切换。
可将录制的乐曲导出成视频MP4文件。
2，《全键盘模拟钢琴软件》：是一款休闲益智类游戏，运行环境支持Android 1.6。启动软件会自动切换到横屏状态，由于屏幕大小限制并考虑到玩家手指大小，软件采用3屏来显示钢琴键盘。与之前的一些软件不同，xPiano支持连弹，而且手指划过键盘也会产生相应效果；
按“Menu”键调出设置菜单，可以选择“全屏显示”激活连弹“自动切换键盘”等多种模式方便玩家操作；单击界面上方的“Acoustic Grand Piano”还可在“枪声”鸟叫“电话铃”等十几种音效中任意选择，充分发挥你的想象力和创造力。
3，DreamPiano：是一款模拟钢琴软件，用它可以在电脑键盘上弹出美妙的乐曲。它音色逼真，并且可以实时演奏（无延迟）。 还有小提琴、二胡等其他常见乐器的音色。支持录音、放音、乐谱显示、移调、8度音区调整等多项功能，是您学习音乐和业余娱乐的好工具。
(3)钢琴前端开源项目扩展阅读
钢琴（意大利语：pianoforte）是西洋古典音乐中的一种键盘乐器，有“乐器之王”的美称。由88个琴键（52个白键，36个黑键）和金属弦音板组成。意大利人巴托罗密欧·克里斯多佛利（Bartolomeo Christofori，1655-1731）在1709年发明了钢琴。
钢琴音域范围从A0（27.5Hz）至 C8（4186Hz），几乎囊括了乐音体系中的全部乐音，是除了管风琴以外音域最广的乐器。钢琴普遍用于独奏、重奏、伴奏等演出，作曲和排练音乐十分方便。演奏者通过按下键盘上的琴键，牵动钢琴里面包着绒毡的小木槌，继而敲击钢丝弦发出声音。钢琴需定时的护理，来保证它的音色不变。
参考资料
网络-全键盘模拟钢琴软件
网络-free piano
网络-iDreamPiano
4. web前端开源框架有哪些
web前端开源框架有很多，给你举例几个：
1、Bootstrap是最流行的前端开发框架，可以让不是前端工程师也能开发出优美的页面，更加快捷、方便的开发web页面和移动端应用。也能开发响应式web页面，上手也非常快。
2.React 是Facebook 开发的框架，用于构建页面、javascript库。主要功能是对DOM操作，声明式设计，更快的开发出web应用系统
3、Semantic UI是一个完全语义化的前端CSS界面开发框架，跟 Bootstrap 比起来更加丰富些，不那么单一，在用户体验、样式都很丰富
4、Foundation by ZURB是开发适应各种设备上的前端框架，主要开发响应式web应用框架，提供很丰富的DEMO实例，学起来也非常方便上手，也提供丰富的图标库。
5、Amaze UI是轻量级的前端应用框架，是国内比较流行的框架，比较适用于移动端响应式开发框架，可以按照项目要求生成专属的UI框架库进行使用，组件非常丰富，可以构建出漂亮的web页面。
5. Web前端项目开发
常用的web前端开发工具web前端开发工具有哪些： 1、Bootstrap Bootstrap 是快速开发 Web 应用程序的前端工具包。它是一个 CSS 和HTML 的集合，它使用了最新的浏览器技术，给你的 Web 开发提供了时尚的版式，表单，buttons，表格，网格系统等等。 2、Foundation Foundation 是一个易用、强大而且灵活的框架，用于构建基于任何设备上的 Web 应用。提供多种 Web 上的 UI 组件，如表单、按钮、Tabs 等。 3、Cloud9 IDE Cloud9 IDE 是一个基于 Node.JS 构建的 JavaScript 程序开发 Web IDE。它拥有一个非常快的文本编辑器，支持为 JS，HTML，CSS 和这几种的混合代码进行着色显示。Cloud9 IDE 还为 node.js 和 Google Chrome 集成调试器，可以在IDE 中启动、暂停和停止。 4、Notepad++ Notepad++ 是一款非常有特色的编辑器，是开源软
6. 前端独立在github上做几个开源项目可以找到好工作嘛
可以的。
因为你有着丰富的经验，在社会中找工作经验往往是非常重要的。而且独立在github上做几个开源项目，说明你的能力也是非常不错的，是肯定可以找到好的工作的。
7. 请问：有没有适合新手的前端开发项目
分享千 锋的几个前端项目：
1、小程序全栈开发之喵喵交友
2、NodeJS+Express+MongoDB实战项目
3、uniApp视频全套资料配源码
4、实战项目之拉勾网
5、实战项目之网易云
6、实战项目之头条
7、实战项目之幸福西饼
8、一小时开发996.ICU
9、Vue实战项目之喵喵电影
这9个Web前端项目合集包含了前期准备、项目开发、多账号测试、项目发布等多个环节。通过这些项目实战，可以手一步步带大家搭建自己的小程序项目、构建一个完整的Web系统、熟悉静态页面和移动端布局的一些方法、加深了对HTML和CSS的了解以及了解整个项目演示与开发流程。
8. 请问市场上大多数开源前台框架bootstrap、easyUI、 ligerUI等，这些框架有哪些共同点啊
bootstrap是全能的，重量级的，提供的功能比后两者丰富的多，也复杂的多。第三个我第一次听说。
第二个easyui是轻量级的，比jquery ui多了内置的与后台交互的部分，jquery ui更偏向于纯粹的前端处理。easyui我用过，挺好用的，CMS系统需要的都能提供。
第三个没听过，第一次听说。
1 这种前端UI是封装了很多的东西，让你以很简单的调用就能实现较为复杂的UI效果。
你可以自己处理事件，最简单的就是tree，你点击时获得URL，在右侧打开URL的内容。
两种做法，一种是调用UI的单机事件，得到控件传递过来的conent，包括了URL等信息，你很容易就能做一些自己想要做的事。
另一种是用.class的选择器，写一溜，获取到html中的内容，跟控件没有任何关系。复杂。但是很多人都这么用，因为第一种用法需要一定的学习时间，哪怕只是两个小时。
再比如控件提供的button，你可以通过button的属性，定义单机事件，你也可以自己加一个ID，自己用jquery绑定单机事件，或者html中加onclick。三种都可以。但是第一种是与控件交互式的，单击时会提供一些特定的参数，帮助你做一些事情。
2 不是，你也可以自己加一些css样式，自己打上class，自己控制某些东西。用于实现某些特定的效果。
只是你既然用了这种东西，就代表了前端实力较弱，否则不会用这种东西的。那么对于CSS的处理也不够强。
你用别人的东西，也就意味着如果要自己修改，则会比较困难，无法做到随心所欲，你要看别人的源码。
他们都不是开源的。。
9. 有哪些好用的前端开发软件
1、Bootstrap
Bootstrap是快速开发Web应用程序的前端工具包。它是一个CSS和HTML的集合，它使用了新的浏览器技术，给你的Web开发提供了时尚的版式，表单，buttons，表格，网格系统等等。
2、蓝湖
蓝湖用于查看标注和切图下载非常方便
3、Cloud9IDE
Cloud9IDE是一个基于Node.JS构建的JavaScript程序开发WebIDE。它拥有一个非常快的文本编辑器，支持为JS，HTML，CSS和这几种的混合代码进行着色显示。Cloud9IDE还为node.js和GoogleChrome集成调试器，可以在IDE中启动、暂停和停止。
4、Notepad++
Notepad++是一款非常有特色的编辑器，是开源软件，可以免费使用。我们开发人员都是必备的。支持的语言:C,C++,Java,C#,XML,HTML,PHP,Javascript!
5、VisualStudioCode
VisualStudioCode是一个运行于OSX，Windows和Linux之上的，针对于编写现代web和云应用的跨平台编辑器。
6、GIMP
GIMP是GNU图像处理程序(GNUImageManipulationProgram)的缩写。包括几乎所有图象处理所需的功能，号称Linux下的PhotoShop。GIMP在Linux系统推出时就风靡了绘图爱好者圈。
7、SecureHeaders
SecureHeaders是Twitter送给Web开发者的一份大礼，作为一款Web安全开发工具，Secureheaders能够自动实施安全相关的header规则，包括内容安全政策(CSP)，防止XSS、HSTS等攻击，防止火绵羊(Firesheep)攻击以及XFO点击劫持等。
8、Fontello
Fontello是个图标字体生成器。这个工具允许用户把这些图标web字体放到自己的项目中。主要特性如下：缩小字形集合，减小字体大小;合并一些字体标记到单个文件中；访问大量专业级的开源图标。