16:00 提问
在空白页面实现百度地图各种功能 代码直接复制到另外一个前端框架 地图便无法显示 可能是什么问题
我们项目要在一个国外的前端框架基础下完成 我负责项目里面地图这一块 我将写好的js代码放进一个空白的html里面 如期显示了我希望出现的地图 标记 缩放等功能 然后我将代码复制到那个前端框架中 便没有任何动静了 alert了一下 第一句还走 第二句就不走了 可能是什么原因？谢谢解答
按赞数排序
浏览器开发工具看下报什么错误，可能和你的那个框架冲突了。
浏览器开发工具看下报什么错误，可能和你的那个框架冲突了。
和前端框架的代码混合后，出了错误，调试看错误信息是什么
可能js或者css样式冲突了
调试工具应该会报错的，用alert检查太粗糙了，看不出问题
把错误代码发出来发一下
其他相似问题
相关参考资料回顾：2014年最流行前端开发框架对比评测
发表于 11:20|
来源云适配|
作者云适配
摘要：各种开发框架层出不穷，各有千秋。哪些才是最适合开发者的呢？本文根据Github上的流行程度整理了2014年最受欢迎的6个前端开发框架，并进行对比说明，希望帮助有需要的朋友选择合适自己的前端框架。
如今，各种开发框架层出不穷，各有千秋。哪些是去年较受开发者关注的呢？前不久，云适配根据Github上的流行程度整理了2014年最受欢迎的6个前端开发框架，并进行对比说明，希望帮助有需要的朋友选择合适自己的前端框架。
1. Bootstrap
Bootstrap毫无疑问是现今框架的领导者。他不仅仅流行，每天用户量也在不断增长。你可以相信，这个工具不会让你失望，你也可以单独使用它制作自己的网页。
创建者：Mark Otto and Jacob Thornton
发布：2011
当前版本：3.3.1
流行度：75,000+ stars on GitHub
描述：“Bootstrap is the most popular HTML, CSS, and&
JavaScript framework for developing responsive, mobile first projects
on the web.”
核心概念/原理：RWD和 移动优先
框架大小：145 KB
预处理器：Less and Sass
响应式：Yes
模块化：Yes
起始模版/轮廓：Yes
图标集：Glyphicons
其他插件：无绑定，有其他三方插件
独特组件：Jumbotron
文档：Good
定制：基本 GUI 定制，不过需要手动修改,因为无颜色选取工具。
浏览器支持： Firefox、Chrome、Safari、IE8+（IE8需要 Respond.js）
授权： MIT
2. Foundation by ZURB
与Bootstrap相比，Foundation屈居第二，不过这并不能说明它不受欢迎。 ZURB在后面强有力的支持，使得 Foundation
更加强大！Foundation被各大网站使用，如Facebook、Mozilla、Ebay、 Yahoo、美国国家地理网站等等。
创建者：ZURB
发布：2011
当前版本：5.4.7
流行度：18,000+ stars on GitHub
描述： “The most advanced responsive front-end framework in the world”
核心概念/原理：RWD、Mobile First、Semantic
框架大小：326 KB
预处理器： Sass
响应式： Yes
模块化： Yes
启始模版/布局： Yes
图标集：Foundation Icon Fonts
其他组件：Yes
独特组件：Icon Bar、 Clearing Lightbox、Flex Video、Keystrokes、Joyride、Pricing
文档：Good。有许多资源可参考。
定制： 无GUI 定制，但可自己写。
浏览器支持： Chrome、Firefox、Safari、IE9+、 iOS、Android、Windows Phone 7+
与众不同：对于商务运输、教育培训、咨询等行业来说，Foundation是一个专业框架。它还提供很多资源让你快速学习。
3.Semantic UI
Semantic UI正在不懈努力让网页制作变得更加Semantic。原生语言规则让代码更易读易懂。
创建者：Jack Lukic
发布：2013
当前版本：1.2.0
流行度：12,900+ stars on GitHub
描述： “A UI component framework based around useful principles from natural
language.”
核心概念/原理： Semantic、Tag Ambivalence、Responsive
框架大小：552 KB
预处理器：Less
响应式：Yes
模块化：Yes
启始模版/布局：No
图标集：Font Awesome
其他组件：No
独特组件：Divider、Flag、Rail、Reveal、Step、Advertisement、Card、Feed、Item、
Statistic、Dimmer、Rating、Shape
文档： 非常完善。Semantic 提供多个结构层次的文档，单独网站提供给初学者以及其它定制教程等。
定制：无GUI 定制，但可自己写。
与众不同：Semantic可以说今天所讨论的框架中是最创新、功能最全面的框架。整体构架、命名规则，有清晰的逻辑、语义性，超过其它框架。
4. Pure by Yahoo!
Pure是一个纯CSS编写，轻量级的、模块化的框架，包含各种整合和独立的组件。
创建者：Yahoo
发布：2013
当前版本：0.5.0
流行度：9,900+ stars on GitHub
描述：“A set of small, responsive CSS modules that you can use in every
web project.”
核心概念/原理： SMACSS、Minimalism
框架大小：18 KB
预处理器：None
Responsive：Yes
模块化：Yes
启始模版/布局：Yes
图标集：None。可使用Font Awesome替代。
其他组件：None
独特组件：None
文档：Good
定制：Basic GUI Skin Builder
浏览器支持：最新版本的Firefox，Chrome，Safari，IE7+，iOS 6.x、7.x， Android 4.x。
授权：Yahoo! Inc. BSD
与众不同：Pure为你的项目提供干净的基础框架。对于那些不需要一个全功能的框架，只需要特定的组件的开发者，Pure是一个不错的选择。
5. UIkit by YOOtheme
UIkit 是一个简洁的易于使用和易于定制组件。虽然它不像其竞争对手一样受欢迎,但是它提供了和上面框架相同的功能，质量也很不错。
创建者：YOOtheme
发布：2013
当前版本：2.13.1
流行度：3,800+ stars on GitHub
描述：“A lightweight and modular front-end framework for developing fast
and powerful web interfaces.”
核心概念/原理：RWD、Mobile First
框架大小：118 KB
预处理器：Less、Sass
响应式：Yes
模块化：Yes
启始模版/布局：Yes
图标集：Font Awesome
其他组件：Yes
独特组件：Article、Flex、Cover、HTML Editor
文档：Good
定制：高级GUI定制
浏览器支持 ：Chrome、Firefox、Safari、IE9+
与众不同：UIkit在许多WordPress主题中都有应用。通过GUI编辑器和手动编辑，它提供了一个灵活、强大的自定义机制。
6.Amaze UI
Amaze UI是以移动优先（Mobile First）为理念，相比国外框架，它更关注中文排版，被前端工程师们赞称最懂中文的前端框架，正式上线仅仅4个月，已经在Github上获得1500+stars，可见火力十足。
创建者：云适配
发布：2014
当前版本：2.0.0
流行度：1500+ stars on GitHub
描述：Amaze UI 是一个移动优先的跨屏前端框架，含有丰富组件可快速构建界面出色、体验优秀的跨屏页面，大幅提升开发效率。
核心概念/原理：Responsive、Web Components
框架大小： CSS 40KB、JS 48KB (gzipped)
预处理器：Less
响应式：Yes
模块化：Yes
启始模版/布局：Yes
图标集：Font Awesome
其他组件：Yes
独特组件：加载进度条、侧边栏、图片轮播、固定元素、分页、折叠面板、图片画廊等。
文档：Amaze UI文档非常完善适应各个阶段的开发者，提供多个结构层次的文档，API 设计合理并易于学习和使用，BUG反馈依靠GitHub和官方QQ群、多说留言等，使用者能及时反馈问题。
定制：目前无GUI 定制，定制需要下载定制配置文件，下载 Amaze UI 的源码使用 gulp 构建工具自定义编译。
浏览器支持： 面向现代浏览器开发，对 IE 8提供有限的支持。
与众不同：Amaze UI 加入了更多符合中国市场特性的元素：中文排版更优化，兼容中国本土主流浏览器，Web 组件按照 Web Components
的实现形式，将移动开发中常用的组件切割成不同部分，大大提高开发效率。
什么样的框架适合你？
&最后，给出几点建议，帮助大家选择适合自己的框架：
框架足够流行吗？
越是流行说明使用的人越多，各种资源也就越多，可以交流的方式也就越多。被抛弃的几率越小，你可以更加安心使用该框架。
框架是在持续发展吗？
好的框架需要不断更新改善，适应当前的各种技术，尤其是移动端。
框架成熟吗？
如果，一个框架没有在实际项目中实践，你可以随便拿来练手，但是，如果要用到专门的项目中，还是找比较成熟的框架靠谱。
是否提供完善文档？
在学习阶段，一份完善的文档可以帮助我们事半功倍。
特异性程度如何？
相比一个特殊的框架，一个通用的框架可以让开发更加简单。大多数情况下，选择最小的样式可以让定制更简便，添加新CSS比覆盖原有样式更加简单易操作且更有效率。
最后，如果你还是不太确定这框架是否适合自己，你可以从不同项目中找出一两个组件放入自己的项目中。如此合成，应该也是有帮助的。
原文来自：
推荐阅读相关主题：
CSDN官方微信
扫描二维码,向CSDN吐槽
微信号：CSDNnews
相关热门文章收藏，1.9k 浏览
问题对人有帮助，内容完整，我也想知道答案
问题没有实际价值，缺少关键内容，没有改进余地
门户类的网站的前端，一般用什么类型的前端框架比较合适，麻烦各位大哥 大神们推荐下，
电影类门户网站 用bootstrap 能实现吗？
做这里门户网站 这类框架适合吗
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
我觉得如果有能力还是自己写一套比较好。
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
能实现，但是bootstrap的风格比较僵硬。门户网站适合根据自己的风格写一套。
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
bootstrap就是一个框架而已，风格完全可以自定义的。
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
bootstrap, foundation, semantic UI, flat UI...
这些框架都可以用来做门户网站。
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
Amaze ~ 妹子 UI
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
前端框架这个范围有点大，因为前端开发主要包含两个方面：
JavaScript框架
css框架比如3楼所说的内容。
JavaScript框架比较流行的如seajs，requirejs
除了这些内容外，还要考虑到发布时css、JavaScript的打包压缩。有gulp、grunt
同步到新浪微博
分享到微博？
与我们一起探索更多的未知
专业的开发者技术社区，为用户提供多样化的线上知识交流，丰富的线下活动及给力的工作机会
加入只需一步
关闭理由：
删除理由：
忽略理由：
推广（招聘、广告、SEO 等）方面的内容
与已有问题重复（请编辑该提问指向已有相同问题）
答非所问，不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
无法获得确切结果的问题
非开发直接相关的问题
非技术提问的讨论型问题
其他原因（请补充说明）
我要举报该，理由是：
扫扫下载 App
SegmentFault
一起探索更多未知