前端组件库和cms

1、会用DIV+CSS写前端页面后，如何和cms程序后台进行对接呢？

你好，这就需要用到后台语言了，比如php，你需要用php语言把想要的功能嵌套到静态页面中，还需要学习数据库。

2、几个Web前端开发框架的比较

Bootstrap

Bootstrap是目前可用框架中无可争议的领导者。其人气日益增长，你可以放心的选择这个框架，而不必担心项目会失败，因为具有广泛使用基础的框架，不太可能被抛弃。

创作者： Mark Otto 和 Jacob Thornton.

发行： 2011

当前版本： 3.3.7

人气： GitHub上有111,000颗星

说明： “Bootstrap是最流行的HTML，CSS和JavaScript框架，用于在网络上开发响应式、移动的Web项目。

核心概念/原则： RWD和移动端优先。

框架大小： 154 KB

预处理器： Less和Sass

响应式布局：是

模块化：是

启动模板/布局：是

图标集： Glyphicons Halflings设置

附加/附件：无捆绑，许多第三方插件可用。

独特组件： Jumbotron

文档资源：良好

自定制：基本GUI定制器。但是你需要手动输入颜色值，因为没有颜色选择器可用。

浏览器支持： Firefox，Chrome，Safari，IE8 +（您需要IE8的Respond.js）

许可证： MIT

Bootstrap说明

Bootstrap的广泛流行是它的优势所在。在技术上，它不一定比列表中的其它框架更好，但它提供了比其它四个框架更多的资源（文章和教程、第三方插件和扩展、主题构建器等）。简而言之，Bootstrap 无处不在，这是人们继续选择的主要原因。

Foundation

Foundation是排在第二名的框架。ZURB这样坚实的公司一直支持着Foundation，所以这个框架有强大的基础。Foundation现已用于许多大型网站，包括Facebook，Mozilla，Ebay，Yahoo！和国家地理等。

创作者： ZURB

发行： 2011

当前版本： 6.3.1

人气： GitHub上有25,400颗星

说明： “世界上最先进的响应式前端框架”

核心概念/原则： RWD，移动端优先，语义。

框架大小： 197.5 KB

预处理器： Sass

响应式布局：是

模块化：是

启动模板/布局：是

图标集： 基础图标字体

额外/附加组件：是

独特的组件： Icon Bar, Clearing Lightbox, Flex Video, Keystrokes, Joyride, Pricing Tables

文档资源：良好，还有许多额外资源。

自定制：基本的GUI定制程序，类似于Bootstrap定制工具。

浏览器支持： Chrome，Firefox，Safari，IE9 +; iOS，Android，Windows Phone 7+

许可证：MIT

Foundation说明

Foundation是一个真正的专业框架，提供业务支持、培训和咨询。它还提供了许多资源来帮助你更快更轻松地学习和使用该框架。

Semantic UI

Semantic UI是一个语义化设计的前端开源框架。它利用自然语言原理，从而使代码更加可读和可理解。

创作者： Jack Lukic

发行： 2013

当前版本： 2.2

人气： GitHub上有34,762颗星

说明： “基于自然语言原则的UI组件框架”。

核心概念/原则：Semantic, tag ambivalence, responsive。

框架大小： 806 KB

预处理器：少

响应式布局：是

模块化：是

启动模板/布局：是，并提供了一些基本的入门模板

图标集： Font Awesome

额外/附加组件：否

独特的部件：Divider, Flag, Rail, Reveal, Step, Advertisement, Card, Feed, Item, Statistic, Dimmer, Rating, Shape。

文档资源：非常好，Semantic提供了一个非常有组织的文档，另外还有一个单独的网站提供入门指南、自定义和创建主题。

自定义：没有GUI定制器，只有手动定制。

浏览器支持： Firefox，Chrome，Safari，IE10 +（仅IE9浏览器前缀），Android 4，Blackberry 10

许可证：MIT

Semantic UI说明

Semantic是这里所讨论的所有框架中，最具创新性和全功能的框架。其框架的总体结构、类中清晰逻辑的命名约定方式和语义方面也超过了其它框架。

Pure

Pure是一种轻量级的模块化框架，采用纯CSS编写，具有可根据需要一起使用或单独使用的组件。

创作者：雅虎

发行： 2013

当前版本： 0.6.2

流行度： GitHub上有16,637颗星

说明： “一套小而灵活的CSS模块，能够在每个Web项目中使用。”

核心概念/原则： SMACSS，极简主义。

框架大小： 16 KB

预处理：无

响应式布局：是

模块化：是

启动模板/布局：是

图标集：无。可以改用Font Awesome。

额外/附加组件：无

独特组件：无

文档资源：很好

自定义：基本GUI皮肤生成器

浏览器支持：最新版本的Firefox，Chrome，Safari; IE7 +; iOS 6.x，7.x; Android 4.x

许可证： Yahoo! Inc. BSD

Pure说明

Pure为你的项目提供了一个干净的开始，只提供基本框架。对于不需要全功能框架但仅包含在其工作中的特定组件的人来说，pures是一个理想的选择。

UIkit

UIkit是一个易于使用和自定义的组件的简洁集合。虽然它不像其它框架那样受欢迎，但它提供了相同的功能和质量。

创造者： YOOtheme

发行： 2013

当前版本： 3.0.0

人气：GitHub GitHub上有9,422颗星

说明： “用于开发快速而强大的Web界面的轻量级和模块化的前端框架”。

核心概念/原则： RWD，移动端优先

框架大小： 326.9 KB（如果包含uikit-icons.min.js与SVG图标相关的功能，则为384.4 KB ）

预处理器：少，Sass

响应式布局：是

模块化：是

启动模板/布局：是

图标集： UIkit自带SVG图标系统和类库，其中包含越来越多的大纲图标。

额外/附加组件：是

独特的组件：Article, Flex, Cover, HTML Editor

文件：好

自定义：高级GUI定制程序仅在版本2（以前的版本）中可用

浏览器支持： Chrome，Firefox，Safari，IE9 +

许可证：MIT

UIkit说明

UIkit成功应用在许多WordPress主题中。它提供了灵活和强大的手动定制机制（以前版本的框架还提供了高级GUI定制程序）。

什么是最适合你的框架？

在选择框架时，可以从以下几个方面考虑：

所选的框架有足够的人气吗？更多的人气意味着更多的人参与项目，也意味着有更多的教程和社区文章、更多的实例和网站、更多的第三方扩展、更好的相关的Web产品可与其集成。受欢迎程度也意味着框架更具前瞻性，因为具有更大社区的框架不太可能被抛弃。

框架是否正在积极发展？一个好的框架需要不断地使用最新的web技术，特别是在移动端方面。

框架是否达到成熟？如果一个特定的框架在现实项目中还没有被使用和测试，那么将其用于你的专业项目，可能不是一个明智的选择。

框架是否提供了良好的文档？为了方便学习过程，总是需要良好的文档。

框架的特异性是什么？这里的要点是，与具有高级别特异性的框架相比，更通用的框架更容易使用。在大多数情况下，最好选择一个应用最小样式的框架，因为它更容易自定义。与重写现有的CSS规则相比，添加新的CSS规则是一个更方便有效的做法。

如果你还不确定使用哪个框架，那么可以采用混合搭配的方式。当某个特定的框架不能满足你的需求时，可以混合使用两个或多个项目的组件。

最后值得一提的是，现在Flexbox和Grid Layout在主流浏览器的最新版本中得到很好的支持，比以往任何时候都更容易构建复杂的布局。这可能会鼓励更多的开发人员放弃前端框架，从头开始编写他们自己想要的布局。

来源：网页链接

3、网站开发团队是如何选择cms系统或框架

看你什么需求了，如果是一般的网站，推荐使用帝国CMS，这个系统我用了5年多了，没听说也没遇到有漏洞！功能也很强大，就是有一个小的不算小的缺点，用帝国的人都知道“帝国无美工”，意思是，他们的程序很强大，但后台没有进行美工设计规划，看起来很老土！如果是大型或超大型流量网站，你们还是自己开发框架比较好！

4、网页前端常用的库或框架有哪些

bootstrap是twitter出的一款不错的UI框架，或者与其说是框架不如说是类库（lib），当然这里边牵扯到一个“究竟什么是框架什么是类库？”的问题，我们暂时不谈。毕竟是有大公司背景的代码堆，我觉得没什么“落伍”可言。
angular是前两年之内突然火得一塌糊涂的一个fe框架，这个我觉得可以算的上是真正意义上的框架了，MVVM双向绑定，包括它拥有足够完善的社区、生态，甚至chrome上都有很多好用的相关插件（这一点可以说是占了google出品的光），比较完整的大型项目都是可以考虑引入的。但如果你的网站只是做一些轻量级的东西，杀鸡焉用宰牛刀吧我觉得。
backbone主要针对的MVC中的M层，至少我是这么理解的。对UI层它几乎没什么太多的限制，一方面给出了coder自由度进行发挥，另一方面也等于在这方面框架本身对开发没提供什么太大的帮助。我觉得这更像是一个高手向的框架，另外对于underscore前端模板那一套东西，说实话作为一名php java啥都能写的FE我始终觉得这套东西有那么一种纯JS工程师的一厢情愿的意味。这是个人看法了，不一定准确，况且有人会搬出ajax动态渲染时 前端模板的作用来反驳我，别急着反驳，至少往下看完我说的话。
相比之下，react可以说是一个在MVC中V层做的十分出色和新颖的框架了，独特的jsx编译机制就已经让你的代码变得高大上了，我是觉得这个类库在UI层做的更彻底更专业，或者说让FE的代码更专业了。更何况，react比angular更年轻，而且同样拥有大公司背景，react native一出更是让JS工程师的地位取得了革命性的提升，（不要跟我提phonegap，用过两个东西后你会明白，react打包的app性能甩phonegap几条街没问题）。另外既然楼主提到了之前的网站是bootstrap，不妨可以看一看react-bootstrap这个东西，或许这就是你想要的。

5、前端组件和插件的区别

组件：组件这个词通常是现在描述产品的时候出现，一个大的产品会有很多小的部专分组成，而属小的部分除了是一个大的组件的部分以外，自己可能还包含更小的组件，所以组件是递归的，那么组件到底是什么呢？最常见的组件就是我们已经写好的程序代码，任何一小段代码都可以是一个组件，它可以和其它代码段连接起来组成更大的一段程序代码，一个更大的组件，然后可能是一个函数，或者一个类程序单元，或者数个类单元文件的集成，当不同的组件的组装形成更大的组件时候，我们实际就是在做我们通常提到的一件事情：集成，软件中有很多集成工作要做，每日集成，重要版本集成等等。
插件：根据对组件和模块的分析，插件属于组件，而且还是一个程序模块，也是一个功能模块。插件是一种电脑程序，通过和应用程序的互动，来替应用程式增加一些特定的功能。
插件必须依赖于应用程序才能发挥自身功能，仅靠插件是无法正常运行的。

6、web前端中的UI组件库和组件以及插件的关系区别是什么？

？？？？？？
一样啥啊一样
UI组件库：第三方在原有功能上封装了一些方法供开内发者使用，并且修改容了样式，直接用就行，例如：elementUI等

组件：将项目通用部分提取封装为组件便于复用，开发者根据不同功能封装不同组件，一般不会在组件中修改样式，例如：将所有表单封装为一个组件，这个组件中包含表单的确定重置校验等其他表单原生功能
插件：用来实现某一功能，例如时间格式化、表格导出到Excel等
还一样？？？还觉得一样的话还是多看看文档多敲敲代码吧

7、web专业设计的和cms建站有什么区别？后台是直接套用的吗？

人们看到的网站只是网站的页面，也就是你说的前端吧。

有的网站设计公司有自己编写的网站后台，但是大多数公司都是用现成的CMS来做后台，只是稍加修改一下就成自己的了，只要功能够，可以反复给多个客户使用，这样省时省事。每个客户不同的只是网站的前端页面了，专业美工设计的，也就是专为你一个客户设计的前端，这个前端是CMS功能的体现，这个是很贵的，一个网站做下来最少也得上万。不是所有公司都有这个预算的，所以很多客户会考虑用现成的模板来做，来降低成本。
一个设计网站的公司会有成百上千套的模板，你选个模板，他帮你修改一下内容，很快网站就能上线了。所以说两者的区别是一个要一点一点来做，一个是现成的。
把一个模板嵌入到后台，这个需要专业的html、CSS、数据库等知识，还要对CMS有足够的认识了解才行做到，三言两语是说不清楚的。
想了解CMS？哥介绍几个给你看看，比如帝国cms、动易cms、dedecms、sitesevercms、wordpress等等，这个不难学，上述介绍的几个cms的官网有很多教程，也有不少模板让你分析，入门容易，精通不易。

有问题你可以给我发私信，我以前做过网站建设

8、web前端三大主流框架都是什么？

web前端三大主流框架都是Angular、React、Vue。

1、Angular

Angular原名angularJS诞生于2009年，之前我们都是用jquery开发，自从angular的出现让版我们有了新的选择，权它最大的特点是把后端的一些开发模式移植到前端来实现，如MVC、依赖注入等。

2、React

React，facebook出品，正式版推出是在2013年，比angular晚了4年，但得益于其创新式的VirtualDOM，性能上碾压angularJS，一经推出，火的一塌糊涂。 特点很多，VirtualDOM、JSX、Diff算法等，支持ES6语法，采用函数式编程，门槛稍高，但也更灵活，能让开发具有更多可能性。

3、Vue

Vue作为最后推出的框架（2014年），借鉴了前辈angular和react的特点（如VirtualDOM、双向数据绑定、diff算法、响应式属性、组件化开发等）并做了相关优化，使其使用起来更加方便，更容易上手，比较少适合初学者。

9、cms和html 是什么

cms是一般用到网站里是主要是新闻发布系统，管理网站内容的系统
html是描述网页文档的一种标记语言，在网站里主要做前端代码编写，

10、CMS是什么？

CMS是Content Management System的缩写，简单的说：CMS是一个内容管理系统。内容管理系统是一种位于Web前端（Web服务器）和后端办公系统或流程（内容创作、编辑）之间的软件系统。

一个内容管理系统是把一个网站的内容（文字，图片，等等）与网站的组件分离开来，可以将各个页面连接到一起，可以控制页面的显示。通过这个系统，可以方便的管理，发布，维护网站的内容，而不再需要硬性的写HTML代码或手工建立每一个页面。

CMS建站的优点
1、简单易学
作为一个网站新手来说，想要建站那是相当困难，代码、数据库、设计这些统统都不懂，这些成为了站长的烦恼，而cms强大的后台管理就可以解决这些问题，不需要你懂太多的东西，只要用户名和密码登陆，你就可以很快的操作起来。
2、安全性
大家都知道，程序一旦被入侵，整个网站就要完蛋了，而cms就不会有这样的问题，它提高了网站的安全性，动态页面暴露较少,受到的安全威胁就小得多，网站也就不怕被黑客入侵了。
3、稳定性
稳定性对于一个网站来说，还是相当重要的，总是出错的网站是不会有人喜欢的。
4、网站运行快
cms主张生成静态页面，包括主页、分类页，静态的输出大大的减少了网站运行的速度，静态的页面不需要服务器做什么处理，所以访问起来也是很快的。 5、采集功能
cms可以提供采集的功能，只要做好采集规则就可以，再也不用为了手动添加网站内容而闹心了。在采集的同时还可以进行其他操作，实现了“一心二用”的效果。
6、搜索引擎友好
采用DIV+CSS布局网页，简单的代码结构有助于网站的优化。
7、风格模板
拥有独特的风格模板，只要上传到空间就可以使用。再也不用为繁琐的代码而头疼了。

国内商业与开源CMS
TurboCMS
动易内容管理系统
帝国网站管理系统
SupeSite
phpcms 网站管理系统
dedecms 织梦网站管理系统
verycms 内容管理系统
渐飞网站管理系统
SiteServer CMS网站管理系统
Net动网新闻
宏博内容管理系统
奇新CMS内容管理系统