作为一名在前端死缠烂打6年并且懒到不行的攻城士，这几年阅过很多从知名到很知名的前端框架，本来想拿15-20个框架来分享一下，但在跟几个前辈讨教写文章的技巧时果断被无情的打击了，所以这里我还是低调的只拿出10个框架来个大锅乱炖，凑够字数也就全剧终了。下面的框架也没有什么先后顺序之分，我想到啥就写啥啦(作为前端，我一向都这么的任性^_^ )。
Bootstrap
首先说Bootstrap，估计你也猜到会先说或者一定会有这个(呵呵了)，这是说明它的强大之处，拥有框架一壁江山的势气。自己刚入道的时候本着代码任何一个字母都得自己敲出来挡我者废的决心，来让自己成长。结果受到周围各种基友的引诱开始了Bootstrap旅程。本人虽然是个设计+前端的万里有一的人才，但是老天只让我会用PS和各种设计工具却不给我跟设计妹子一样的审美，所以这也是我最初选择Bootstrap的原因之一，它让我做出来的东西好歹能在妹子面前装个逼，不过时间长了难免觉得Bootstrap美的让人烦躁，但好在它的每个版本都会有很大的改变，不会让人觉得自己做的网站会跟很多网站撞脸。Bootstrap的用法及其简单(这也可能就是Bootstrap作者阅攻城士无数，了解他们痛的结果)，以至于是个小前端都可以快速上手，几乎没什么学习成本。
官网：http://getbootstrap.com/
Github：https://github.com/twbs/bootstrap/
作者：Mark Otto和Jacob ThorntonStar：93,112
总结：Bootstrap最大的优势就是它非常流行，流行就代表你有问题就有很多人帮你解决问题，就代表装逼它就是利器，还有就是界面比较和谐，容易上手，关注它的童鞋应该发现最新V4版也开始支持FlexBox布局，这是非常好的升级体验。劣势是class命名不够语义化，并且各种缩写，以至于我离了文档就是个菜，最近开始整混合APP，选框架的时候首选就是它，但之前搞PC一直没注意，后来搞混合右键属性看它的时候，瞬间一阵凉风袭来，Bootstrap好小，小到我只好选择别的框架。
AUI
第三个是最近刚起来的AUI，虽然作者声称是专为APICloud开发者设计的一套UI框架，但实际它还是解决了很多移动前端开发的普遍问题，是主要面向混合开发的CSS框架。看起来作者比较猖狂，各种高级CSS3遍地使用，这让我也不得不去查查这些个CSS3的兼容性。不负众望果然选的都是兼容不错的属性，哈哈了一顿激动从前辈手上大胆认识了几个好东西，并且框架还提供了聊天界面、计数列表等组件，解决了很多复杂的让我骂娘的布局，现在可以直接拿走就用。
Github：https://github.com/liulangnan/aui
官网：http://www.auicss.com/
作者：流浪男Star：92
总结：这个框架对我来说有个优点就是纯CSS框架，自己以前也就用过Pure，自己有点JS能力，如果不是复杂的效果，找个纯CSS框架自己随便改改就可以，而现在CSS3也已经能够做到动画，效率、质量、高效全兼顾，所以还是选择了这种CSS框架。有一点觉得不满的是这框架的文档真的好那什么，说好的高大上呢。
Amaze UI
第二个介绍的是妹子UI，最初使用它是因为本尊遇到了一个爱纠结细节设计士，有一次她跟我的字体较上真了，结果一句顶万句的BOOS夸了她，我只好根据她的想法去解决，结果最后找到了Amaze UI框架(我不介意你叫我懒淫)，按照官方的话说就是“基于社区开源项目构建的一个跨屏前端框架，以移动优先，从小屏到大屏，最终实现所有屏幕适配，适应移动互联潮流”。但其实我就是看中它能解决国内浏览器存在的跨屏适配和兼容性问题。
官网：http://amazeui.org/
Github：https://github.com/amazeui/amazeui
所属公司：云适配Star：6710
总结：Amaze UI总的来说加入更多符合中国市场特性的元素，框架对跨屏、适配都做了比较好的处理并且准备了一系列的常用网页组件，为减少搞兼容、适配各种敲键盘的加班狗们的工作时间做了不小的贡献。框架还对中文排版优化，兼容中国本土主流浏览器、轻量化，不仅适用于桌面端，更适合移动端。
Frozen UI
有段时间看到QQ瞬间高大上了，后来四处打听，原来QQ客服端也用了混合开发，其中QQ会员前端用的是Frozen UI，并且这套框架开源，欣喜若狂耐不住心里的寂寞直接上手试了一遍，初体验感觉基础样式效果简单色调清爽，有个比较活跃的社区所以组件什么的也比较丰富。
Github：https://github.com/frozenui/frozenui
官网：http://frozenui.github.io/
作者：QQVIP FD Team Star：1,067
总结：如果拿Frozen UI配合一些如APICloud用来做混合APP感觉就太酷了，或者原生的火鸡们拿去嵌套在应用中做前端开发，这个框架对android 2.3 +、ios 4.0 +做了兼容，或者拿来做Web App也是极好的选择，劣势的话从UI层面就可以看到了，谁让它是出生在QQ会员前端的呢。
WeUI
WeUI和FrozenUI都属于比较专一的框架，WeUI比FrozenUI更专一，话说连个官网都不搞，所有答疑都在gitHub Issues解决了，这个框架极其简单，体积当然就不用说了，模块也就7个左右，不过体量小做的却不错，口碑看star就够了，框架从16/1/23发版至今github star超过7K,不过也不排除用户没地方发泄所以都跑到git上来，哈哈。
Github：https://github.com/weui/weui
DEMO：http://weui.github.io/weui/
Star：7,129
总结：看完微信设计团队设计的这套DEMO，如果要做微信公众，这个二话不说必然是首选了。框架不好的地方简而言之就是框架本身应该就没考虑过让用户用到非微信的场景之下。
SUI
“SUI是一套基于bootstrap开发的前端组件库，同时它也是一套设计规范。通过SUI，可以非常方便的设计和实现精美的页面”。果然还是直接引用官方给的枯燥无味广告要节省自己的脑细胞(囧…)，当然了就像广告说的，如果你之前用过Bootstrap，那么可以轻松转向SUI，这可能就是淘宝给前端屌丝们的福利了。
Github：https://github.com/sdc-alibaba/sui
官网：http://sui.taobao.org/sui/docs/index.html
Star：120
Semantic UI
倒数第三个是Semantic UI，接触这个框架还是因为Bootstrap，Semantic UI刚上线github就受到大量开发者的关注，以至于很多人拿它俩对比各种挑刺各种夸，是好是坏不能单凭别人三句四句就抬起手指开始赞，用了以后感觉UI上跟Bootstrap没太多的区别，不过代码命名规范上却相差甚大，本人认为Semantic UI是不是就想做的不一样，它的命名全是采用复合的方式，类名特别的离散，用的时候你得很小心自己扩展或者新增的class命名与它的类名冲突。
官网：http://www.semantic-ui.cn/
Github：https://github.com/semantic-org/semantic-ui/
Foundation
Foundation算是框架界的元老啦，都说框架去的早，而这个框架一直到现在依然这么的热门，如果你比较介意Bootstrap开发撞脸的尴尬事情，那么你可以考虑使用Foundation。即使你使用预定义的UI元素,也不会与其他网站太像，就像官方说的给开发者更灵活的框架体验。
官网：http://foundation.zurb.com/
Github：https://github.com/zurb/foundation-sites
Star：22,736
UiKit
UIkit是YOOtheme团队开发的，在许多WordPress主题中都有应用(也就是如果你是个WordPress爱好者，那么这个框架应该比较适合深究)，并且框架能够通过GUI编辑器和手动编辑，所以它提供了一个灵活、强大的自定义机制。框架借助LESS、jQuery、normalize.css及FontAwesome开源项目的独有特点，整合成了这么一款轻量级、模块化的前端框架。
官网：http://www.getuikit.com/
Github：https://github.com/uikit/uikit
作者：YOOtheme Star：6,372
Pure
终于最后一个了，我和你一样好开森(～￣▽￣)～)，这个框架是我在做管理系统时接触的，选择使用也是因为框架小巧，并且是纯CSS，没有太多的牵扯，好用来与其他框架快速结合使用。
官网：http://purecss.io/
Github：https://github.com/yahoo/pure/
Star：13,592
介绍完毕，估计你应该看出来了，我使用框架真的也就是遇到了需求，才选择了某个框架，所以框架之间并没有什么好与特好之分，只能说你的需求是什么，这个框架合适不合适你去用，各种框架用起来也都大致差不多，会用一个其他的上手也就都变得简单容易上手，我觉得能写框架的人都是室外高仁。
作者：攻城狮Right
转载自：http://www.jianshu.com/p/f066863d5507
相关推荐
「大锅乱炖10大H5前端框架」.docx
【项目资源】： 物联网项目适用于从基础到高级的各种项目，特别是在性能要求较高的场景中，比如操作系统开发、嵌入式编程和底层系统编程。如果您是初学者，可以从简单的控制台程序开始练习；如果是进阶开发者，可以尝试涉及硬件或网络的项目。 【项目质量】： 所有源码都经过严格测试，可以直接运行。 功能在确认正常工作后才上传。 【适用人群】： 适用于希望学习不同技术领域的小白或进阶学习者。 可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。 【附加价值】： 项目具有较高的学习借鉴价值，也可直接拿来修改复刻。 对于有一定基础或热衷于研究的人来说，可以在这些基础代码上进行修改和扩展，实现其他功能。 【沟通交流】： 有任何使用上的问题，欢迎随时与博主沟通，博主会及时解答。 鼓励下载和使用，并欢迎大家互相学习，共同进步。 # 注意 1. 本资源仅用于开源学习和技术交流。不可商用等，一切后果由使用者承担。 2. 部分字体以及插图等来自网络，若是侵权请联系删除。
因文件较多，数据存放网盘，txt文件内包含下载链接及提取码，永久有效。失效会第一时间进行补充。样例数据及详细介绍参见文章：https://blog.csdn.net/T0620514/article/details/146960240
【ThingsBoard初体验】本地编译踩坑记录.html
摘 要 互联网发展至今，无论是其理论还是技术都已经成熟，而且它广泛参与在社会中的方方面面。它让信息都可以通过网络传播，搭配信息管理工具可以很好地为人们提供服务。针对信息管理混乱，出错率高，信息安全性差，劳动强度大，费时费力等问题，采用社团管理系统可以有效管理，使信息管理能够更加科学和规范。 社团管理系统在Eclipse环境中，使用Java语言进行编码，使用Mysql创建数据表保存本系统产生的数据。系统可以提供信息显示和相应服务，其管理员增删改查社团信息和社团信息资料，审核社团预订信息。总之，社团管理系统集中管理信息，有着保密性强，效率高，存储空间大，成本低等诸多优点。它可以降低信息管理成本，实现信息管理计算机化。 关键词：社团管理系统；Java语言；Mysql
内容概要：HPS700A是一款高精度气压传感器，具有1.8V到3.6V的工作电压范围，测量压力范围为0到1600KPa，温度范围为-40℃到85℃。它采用MEMS技术并通过I²C接口提供温度和压力数据，内部集成24位ADC进行数字化处理，并内置补偿算法确保数据准确性。传感器具备低功耗特性，待机电流小于0.1μA。该器件广泛应用于便携式气泵、移动气压计、工业压力温度监测等领域。文档详细描述了HPS700A的功能特性、电气参数、命令集、I²C通信协议及其典型应用。 适合人群：电子工程师、硬件开发者以及对高精度气压传感器感兴趣的科研人员。 使用场景及目标：①用于需要精确测量环境压力和温度的应用场合；②帮助工程师理解并掌握I²C接口的使用方法；③适用于开发小型化、低功耗的产品设计。 其他说明：HPS700A出厂时已进行校准，用户通常无需再做额外校正。此外，该传感器支持多种OSR（过采样率）设置，允许用户根据精度需求选择不同的转换时间和功耗水平。同时，提供了详细的引脚定义、封装信息及批量生产规格，方便产品集成与大规模制造。
【项目资源】： 适用于从基础到高级的各种项目，特别是在性能要求较高的场景中，比如操作系统开发、嵌入式编程和底层系统编程。如果您是初学者，可以从简单的控制台程序开始练习；如果是进阶开发者，可以尝试涉及硬件或网络的项目。 【项目质量】： 所有源码都经过严格测试，可以直接运行。 功能在确认正常工作后才上传。 【适用人群】： 适用于希望学习不同技术领域的小白或进阶学习者。 可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。 【附加价值】： 项目具有较高的学习借鉴价值，也可直接拿来修改复刻。 对于有一定基础或热衷于研究的人来说，可以在这些基础代码上进行修改和扩展，实现其他功能。 【沟通交流】： 有任何使用上的问题，欢迎随时与博主沟通，博主会及时解答。 鼓励下载和使用，并欢迎大家互相学习，共同进步。 # 注意 1. 本资源仅用于开源学习和技术交流。不可商用等，一切后果由使用者承担。 2. 部分字体以及插图等来自网络，若是侵权请联系删除。
内容概要：本文介绍了一款国内首家推出的车载DC/DC转换器解决方案，旨在解决传统电源方案的诸多痛点并助力车载电源智能化升级。硬件设计方面，采用TI C2000系列主控芯片，搭配进口功率器件和高精度采样电路，提供了高可靠性的电源方案，甚至将输入级EMI滤波部分进行了模块化设计，并给出了不同功率等级下的元器件选型表。软件部分实现了电压环、电流环双闭环控制，采用了动态调整算法，创新地使用DMA搬运PWM占空比参数，降低CPU占用率，同时在输入电压异常时自动切换硬件保护模式。上位机工具提供实时数据显示、参数设置、波形分析等功能，开放了协议栈源码，内置自动标定功能。; 适合人群：从事车载电源开发的工程师，尤其是希望提升产品开发效率和技术水平的专业人士。; 使用场景及目标：①硬件工程师可以借鉴模块化设计思路和详细的元器件选型表，优化电路设计；②软件工程师可以从双闭环控制算法、DMA传输机制等方面学习先进的编程技巧；③调试人员利用上位机工具进行便捷高效的参数调整和故障排查。; 其他说明：该方案不仅提供了完整的技术文档支持，而且开放的软件架构和配套调试工具极大地方便了二次开发，提高了开发效率。建议对车载电源开发感兴趣的工程师获取相关资料深入学习。
内容概要：本文档是为华为C语言面试设计的试卷，旨在评估应聘者的C语言掌握程度。试卷分为三个主要部分：选择题、填空题和代码题。选择题涵盖了基础语法、指针、内存管理、数据结构等核心知识点，例如动态内存分配、指针操作、结构体大小、位运算等。填空题进一步考察了指针、函数声明、宏定义、内存管理等实际编程技能。代码题则侧重于算法实现，包括单链表反转、字符串逆序、二分查找、内存拷贝、统计二进制中1的个数、删除链表节点、快速排序、判断回文链表、大端小端检测以及线程安全单例模式的实现。所有题目难度适中且贴近实际开发场景，有助于全面评估应聘者的编程能力和问题解决能力。; 适合人群：具备一定C语言基础，有志于应聘华为或其他相关企业的软件开发岗位的求职者。; 使用场景及目标：①帮助求职者复习C语言基础知识，熟悉常见的面试考点；②通过实际编程题目的练习，提高解决问题的能力；③模拟真实面试环境，提升面试自信心。; 其他说明：此试卷不仅测试应聘者的理论知识，还注重实际编程能力的考察。建议考生在准备过程中，不仅要掌握语法和概念，还要多动手实践，理解每个知识点的具体应用。同时，注意代码的规范性和鲁棒性，确保在面试中能够写出高质量的代码。
汛期安全知识教育课件教案资料
《人工智能在智能客服领域的应用方案》：在当今数字化时代，企业与客户之间的互动日益频繁，客户服务的质量和效率成为企业竞争的关键因素之一。传统的客服模式面临着诸多挑战，如人工客服成本高昂、工作时间受限、服务质量参差不齐、难以应对大量并发的客户咨询等问题。随着人工智能技术的飞速发展，智能客服应运而生，它能够为企业提供高效、便捷、低成本的客户服务解决方案，极大地提升客户体验和企业运营效率。无论是电商、金融、电信、教育等行业，都可以通过对客服数据的分析，优化自身的业务流程和服务质量，提升企业的竞争力。
【项目资源】： 物联网项目适用于从基础到高级的各种项目，特别是在性能要求较高的场景中，比如操作系统开发、嵌入式编程和底层系统编程。如果您是初学者，可以从简单的控制台程序开始练习；如果是进阶开发者，可以尝试涉及硬件或网络的项目。 【项目质量】： 所有源码都经过严格测试，可以直接运行。 功能在确认正常工作后才上传。 【适用人群】： 适用于希望学习不同技术领域的小白或进阶学习者。 可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。 【附加价值】： 项目具有较高的学习借鉴价值，也可直接拿来修改复刻。 对于有一定基础或热衷于研究的人来说，可以在这些基础代码上进行修改和扩展，实现其他功能。 【沟通交流】： 有任何使用上的问题，欢迎随时与博主沟通，博主会及时解答。 鼓励下载和使用，并欢迎大家互相学习，共同进步。 # 注意 1. 本资源仅用于开源学习和技术交流。不可商用等，一切后果由使用者承担。 2. 部分字体以及插图等来自网络，若是侵权请联系删除。
该资源为scipy-0.10.1-cp27-cp27mu-manylinux1_x86_64.whl，欢迎下载使用哦！
【项目资源】： 适用于从基础到高级的各种项目，特别是在性能要求较高的场景中，比如操作系统开发、嵌入式编程和底层系统编程。如果您是初学者，可以从简单的控制台程序开始练习；如果是进阶开发者，可以尝试涉及硬件或网络的项目。 【项目质量】： 所有源码都经过严格测试，可以直接运行。 功能在确认正常工作后才上传。 【适用人群】： 适用于希望学习不同技术领域的小白或进阶学习者。 可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。 【附加价值】： 项目具有较高的学习借鉴价值，也可直接拿来修改复刻。 对于有一定基础或热衷于研究的人来说，可以在这些基础代码上进行修改和扩展，实现其他功能。 【沟通交流】： 有任何使用上的问题，欢迎随时与博主沟通，博主会及时解答。 鼓励下载和使用，并欢迎大家互相学习，共同进步。 # 注意 1. 本资源仅用于开源学习和技术交流。不可商用等，一切后果由使用者承担。 2. 部分字体以及插图等来自网络，若是侵权请联系删除。
【项目资源】： 物联网项目适用于从基础到高级的各种项目，特别是在性能要求较高的场景中，比如操作系统开发、嵌入式编程和底层系统编程。如果您是初学者，可以从简单的控制台程序开始练习；如果是进阶开发者，可以尝试涉及硬件或网络的项目。 【项目质量】： 所有源码都经过严格测试，可以直接运行。 功能在确认正常工作后才上传。 【适用人群】： 适用于希望学习不同技术领域的小白或进阶学习者。 可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。 【附加价值】： 项目具有较高的学习借鉴价值，也可直接拿来修改复刻。 对于有一定基础或热衷于研究的人来说，可以在这些基础代码上进行修改和扩展，实现其他功能。 【沟通交流】： 有任何使用上的问题，欢迎随时与博主沟通，博主会及时解答。 鼓励下载和使用，并欢迎大家互相学习，共同进步。 # 注意 1. 本资源仅用于开源学习和技术交流。不可商用等，一切后果由使用者承担。 2. 部分字体以及插图等来自网络，若是侵权请联系删除。
【项目资源】： 单片机项目适用于从基础到高级的各种项目，特别是在性能要求较高的场景中，比如操作系统开发、嵌入式编程和底层系统编程。如果您是初学者，可以从简单的控制台程序开始练习；如果是进阶开发者，可以尝试涉及硬件或网络的项目。 【项目质量】： 所有源码都经过严格测试，可以直接运行。 功能在确认正常工作后才上传。 【适用人群】： 适用于希望学习不同技术领域的小白或进阶学习者。 可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。 【附加价值】： 项目具有较高的学习借鉴价值，也可直接拿来修改复刻。 对于有一定基础或热衷于研究的人来说，可以在这些基础代码上进行修改和扩展，实现其他功能。 【沟通交流】： 有任何使用上的问题，欢迎随时与博主沟通，博主会及时解答。 鼓励下载和使用，并欢迎大家互相学习，共同进步。 # 注意 1. 本资源仅用于开源学习和技术交流。不可商用等，一切后果由使用者承担。 2. 部分字体以及插图等来自网络，若是侵权请联系删除。
hive电商案例分析30.zip
# 基于蓝牙技术的多通道键盘 ## 项目简介 在多设备工作环境中，用户常常需要在家庭电脑、工作笔记本或平板电脑之间频繁切换键盘输入，这不仅占用了大量桌面空间，而且操作不便。本项目旨在通过蓝牙技术，设计一款能够同时连接多个设备并实现一键切换的多通道键盘，从而简化用户的操作流程，提高工作效率。 ## 项目的主要特性和功能 1. 多设备连接键盘可以同时连接多达三个不同的设备。 2. 一键切换通过按键即可快速切换输入目标设备。 3. 高性能微控制器采用ATMega32u4微控制器，提供足够的GPIO引脚，支持Arduino编程环境，便于固件开发和升级。 4. 蓝牙模块使用RN42蓝牙模块，确保稳定的设备连接和数据传输。 5. 电压调节器使用MIC4680电压调节器，确保系统稳定供电。 ## 安装使用步骤 1. 硬件准备 获取ATMega32u4微控制器、RN42蓝牙模块、MIC4680电压调节器等硬件组件。 2. 电路设计
【项目资源】： 单片机项目适用于从基础到高级的各种项目，特别是在性能要求较高的场景中，比如操作系统开发、嵌入式编程和底层系统编程。如果您是初学者，可以从简单的控制台程序开始练习；如果是进阶开发者，可以尝试涉及硬件或网络的项目。 【项目质量】： 所有源码都经过严格测试，可以直接运行。 功能在确认正常工作后才上传。 【适用人群】： 适用于希望学习不同技术领域的小白或进阶学习者。 可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。 【附加价值】： 项目具有较高的学习借鉴价值，也可直接拿来修改复刻。 对于有一定基础或热衷于研究的人来说，可以在这些基础代码上进行修改和扩展，实现其他功能。 【沟通交流】： 有任何使用上的问题，欢迎随时与博主沟通，博主会及时解答。 鼓励下载和使用，并欢迎大家互相学习，共同进步。 # 注意 1. 本资源仅用于开源学习和技术交流。不可商用等，一切后果由使用者承担。 2. 部分字体以及插图等来自网络，若是侵权请联系删除。
内容概要：本文详细解析了一个用于电动汽车转弯制动时ABS（防抱死系统）与DYC（横摆力矩控制）协同工作的Simulink模型。模型采用7自由度设计，涵盖纵向、横向、横摆运动及四轮旋转自由度，并引入轮胎魔术公式来精确模拟轮胎力特性。文章重点介绍了ABS系统中的滑移率观测与PID控制策略，以及DYC系统的滑模控制设计，特别是两者之间的协同控制逻辑。通过双移线工况测试验证，该模型能够显著提高车辆稳定性，将横摆角控制在3度以内，并缩短制动距离1.2米。文中还提供了关于模型优化、参数调试的具体建议，以及针对特定工况的仿真技巧。 适合人群：从事车辆控制系统开发的工程师、研究生及对汽车主动安全技术感兴趣的科研人员。 使用场景及目标：①研究ABS与DYC在电动汽车中的协同控制机制；②探索不同路面条件下车辆动态性能优化；③为ESP或TCS系统开发提供参考模型；④比较滑模控制与LQR控制在车辆控制中的应用效果。 阅读建议：建议读者重点关注7自由度模型的设计思路、轮胎魔术公式的实现方式、滑模控制参数调试过程以及ABS和DYC协同控制策略。由于模型涉及较多数学公式和Simulink实现细节，建议结合相关文献深入理解，并通过实际仿真加深认识。