`
huangyuanmu
  • 浏览: 289865 次
  • 性别: Icon_minigender_1
  • 来自: 龙城
社区版块
存档分类
最新评论

推荐一些web前端开发比较有用的框架和组件

阅读更多
  • Easy UI

      基于Jquery的UI组件,用起来还是相当的方便的,从去年底就开始用了,基本上满足平时的开发。缺点是虽然说是开源的,但是代码经过混淆的,有的时候需要扩展功能的话,非常的头疼。另外浏览器兼容性还不完美。

      官方网站:http://jquery-easyui.wikidot.com/start

 

 

  • Jschart

      基于javascript的图表生成框架,只需要提供json数据和简单的配置,就可以生成曲线图、柱状图、饼状图等统计图表。

      官方网站:http://www.jscharts.com/

 

 

  • TinyMce

       基于javascript的WEB页面编辑器,功能非常的强大,社区也很活跃,使用起来方便简单。

      官方网站:http://tinymce.moxiecode.com/

 

 

  • Kaptcha

      一个非常强大的验证码组件,可以配置很多属性,使用起来也很简单,不需要写代码就可以生成不易机器识别的验证码。原来项目中验证码都是自己写代码实现的,自从发现了Kaptcha后,立刻被迷上了。

      官方网站:http://code.google.com/p/kaptcha/

 

 

  • My97

      基于javascript的日历控件,非常好用,拥有众多的支持者。

      官方网站:http://www.my97.net/         暂时不能访问

      作者blog:http://www.cnblogs.com/my97/

 

 

  • MenuG4

      基于DHTML的下拉菜单,推荐其的理由是可以跨frame。前一段需要把一个遗留的web系统改的兼容ff,为了实现跨frame的菜单,最终google到了这个,用起来还是挺方便的。

      官方网站: http://www.yxscripts.com/menuG4/index.html

 

分享到:
评论
13 楼 qinglintan 2010-09-13  
aptana,ant,xmind,rose,visio....等工具也不错。
12 楼 black.angel 2010-09-10  
我始终觉得用 JS 来做布局是一个非常损耗性能的事情,并且也极度怀疑他的稳定性。没准script摆放的位置,css摆放的位置,以及 dtd 的一些引入,dom 的解析不同浏览器之间的偏差都有可能导致布局散架。

目前来说,没看见很大的问题,至少 YUI,EXTJS 都干的不错。
11 楼 muerjie 2010-09-10  
学习了,去看看到底怎么样
10 楼 witcheryne 2010-09-10  
huangyuanmu 写道


jquery ui 和jquery tools也都关注过,但是都缺少一些常用组件,没有easy ui全。当初选用easy ui就是首要的原因就是它有layout组件,布局比较方便。


我当时也是看到layout组件,有些心动... 后来发现没必要搞那么复杂。。 T字型分栏,自己用css样式控制了,浏览器兼容性问题用js算高度和宽度; 之后就把这东西放弃了..

jquery tools 不错· 就是css样式要自己写, 项目比较紧,没精力研究它的css规则... 以后可能会尝试尝试..

jquery ui 现在暂时只用到Tab和ColorAnimation这两个东西,其他的也还没用到...

http://bassistance.de/ 这个人的博客不错, jquery ui 里的组件,有些就是从这里出来的.
9 楼 huangyuanmu 2010-09-10  
witcheryne 写道
My97 全称应该是 My97 datepicker 吧..
这个不错·一直在用,文档也很详细
http://www.my97.net/ 这个网站已经可以访问了...

Easy UI这个东西,在javaeye一直见有人发帖讨论,关于是否好用,褒贬不一。 一直没有勇气在项目中用这个东西..

不知道楼主怎么没介绍jQuery UI 这个东西, 官方支持的,很不错..
缺点就是缺少layout和grid组件, 不过Grid组件有jqGrid很不错, 最近打算用到项目中(现在用的是iframe做表格,很不爽...)

jqGrid好像不支持多表头,这个没有验证过....

前端框架不一定光是js组件,再推荐一个 css 框架:
1. 960 grid system 做布局相当不错
http://960.gs/

2.YUI 2 CSS Tools: 也不错,用它能省不少事情(现在手头项目正在使用)


jquery ui 和jquery tools也都关注过,但是都缺少一些常用组件,没有easy ui全。当初选用easy ui就是首要的原因就是它有layout组件,布局比较方便。
8 楼 huangyuanmu 2010-09-10  
xiaojing3517 写道
jQuery居然都没有、、、


jquery就不用推荐了吧,是个写代码的,估计都知道吧
7 楼 zyslovely 2010-09-10  
my97确实不错
不知道jschart怎么样~最近刚好要用~
6 楼 witcheryne 2010-09-09  
My97 全称应该是 My97 datepicker 吧..
这个不错·一直在用,文档也很详细
http://www.my97.net/ 这个网站已经可以访问了...

Easy UI这个东西,在javaeye一直见有人发帖讨论,关于是否好用,褒贬不一。 一直没有勇气在项目中用这个东西..

不知道楼主怎么没介绍jQuery UI 这个东西, 官方支持的,很不错..
缺点就是缺少layout和grid组件, 不过Grid组件有jqGrid很不错, 最近打算用到项目中(现在用的是iframe做表格,很不爽...)

jqGrid好像不支持多表头,这个没有验证过....

前端框架不一定光是js组件,再推荐一个 css 框架:
1. 960 grid system 做布局相当不错
http://960.gs/

2.YUI 2 CSS Tools: 也不错,用它能省不少事情(现在手头项目正在使用)
5 楼 精神病院长 2010-09-09  
怎么还没其他兄弟都推存好的工具或插件?
4 楼 xiaojing3517 2010-09-09  
还有jfreechart。。。
3 楼 xiaojing3517 2010-09-09  
jQuery居然都没有、、、
2 楼 imacback 2010-09-09  
一个没听过。。。。
1 楼 分离的北极熊 2010-09-09  
不了解,但是看过2个贴后,不准备在以后UI选型中参考了

http://www.iteye.com/topic/758920
http://www.iteye.com/topic/753853

原文及评论,看着恐怖

相关推荐

    Delphi+Web前端开发教程基于TMS+WEB+Core框架.pdf

    **Delphi Web前端开发教程——基于TMS WEB Core框架** Delphi Web前端开发教程是针对想要使用TMS WEB Core框架创建Web应用程序的开发者,无论你是初学者还是高级开发者,本教程都提供了丰富的学习资源。TMS WEB ...

    Web前端框架技术综述.pdf

    Web前端框架技术是一种基于Web的开发模式,它提供了一种高效、灵活的方式来开发和部署Web应用程序。这种技术的出现,使得Web应用程序的开发变得更加简洁、快速和高效。 在过去的几年中,Web前端框架技术发展很快,...

    Web前端开发详细教程, Web前端开发代码大全, 包含各种框架详解

    ### Web前端开发详细教程 #### 一、引言 随着互联网技术的发展,Web前端开发已成为一个重要的领域。它不仅涉及到网站的设计与实现,还涵盖了用户体验、交互设计等多个方面。本教程旨在为初学者提供全面而深入的...

    WEB前端开发-案例汇总(81例).zip

    《WEB前端开发-案例汇总(81例)》是一个丰富的前端学习资源库,包含了81个不同的实战案例,旨在帮助初学者逐步进阶,并为有经验的开发者提供设计和参考。这个压缩包中的每个文件代表一个独立的项目,涵盖了前端开发的...

    Web前端开发中级样题一理+实.zip

    【标题】"Web前端开发中级样题一理+实.zip" 涵盖了Web前端开发的理论与实践,这是一份针对1+x Web前端开发技能等级考试的中期练习题目集合。1+x标准旨在衡量和提升学员在Web前端领域的专业技能,确保他们具备企业级...

    Web前端基础:Bootstrap框架.pptx

    【Bootstrap框架】是Web前端开发中的一个重要工具,它是由Twitter推出的开源框架,旨在提供一套简洁、灵活且响应式的UI(用户界面)组件和交互设计。Bootstrap基于HTML、CSS和JavaScript,能够快速构建出美观且适应...

    web前端开发技术储久良第三版答案

    《Web前端开发技术储久良第三版答案》涵盖了前端开发领域的关键知识点,主要针对储久良教授编著的教材第三版中的习题和实验提供了详尽的解答。这本书旨在帮助学习者深入理解Web前端开发的核心概念和技术,通过解决...

    强大的前端开发框架,简洁、直观

    Bootstrap,这个强大的前端开发框架,以其简洁、直观和强悍的特点,深受广大Web开发者喜爱。它是一种基于HTML、CSS和JavaScript的工具集,旨在简化Web页面的设计和开发过程,提高开发效率,同时也保证了项目的响应式...

    WEB前端开发框架.zip

    【描述】"WEB前端开发框架.zipWEB前端开发框架.zipWEB前端开发框架.zipWEB前端开发框架.zip" 重复的描述可能意味着重点在于强调这是一个关于前端框架的资源包,它可能包含了框架的核心组件、示例项目、文档和配置...

    Web前端工程化与组件化开发实践

    在现代Web开发中,"Web前端工程化与组件化开发实践"已经成为提升开发效率和代码质量的重要手段。本文将深入探讨这两个概念,并结合具体的实践案例,解析如何在JavaScript开发中应用它们。 首先,前端工程化是指通过...

    基于ruoyi框架web前端开发电商系统用例

    在本项目中,"基于ruoyi框架web前端开发电商系统用例" 是一个使用Vue.js和JavaScript技术栈构建的电子商务平台。RuoYi-Vue-master是项目的源码库,意味着我们将在Vue.js的基础上利用RuoYi框架进行前端开发。这个框架...

    web前端知识框架

    在IT领域,Web前端开发是构建互联网应用的重要组成部分,它主要负责用户与应用程序之间的交互界面。Web前端知识框架是学习和理解这一领域的基石,它涵盖了HTML、CSS、JavaScript等核心技术,以及相关的库、框架和...

    Web前端常用框架汇总

    本文将深入探讨几个主流的Web前端框架,以及它们的特点和用途。 一、React.js React是由Facebook开发的一款用于构建用户界面的JavaScript库,尤其适合开发单页面应用(SPA)。它采用了组件化的开发模式,允许开发者...

    前端跨平台WEB前端开发框架

    在现代的互联网开发环境中,前端跨平台Web前端开发框架扮演着至关重要的角色。它们使得开发者能够构建出在不同操作系统和设备上都能流畅运行的应用程序,无论是桌面、移动设备,还是混合应用,都能得到良好的支持。...

    LayUI 一款 Web UI 前端开发框架

    LayUI是一款强大的Web UI前端开发框架,专为简化网页界面设计和开发而设计。它以其模块化的规范和原生的HTML/CSS/JS开发方式,使得开发者能够快速构建高效、美观的页面,无需深入复杂的框架配置。LayUI的核心理念是...

    Web前端开发实训项目源代码

    【Web前端开发实训项目源代码】是一个以Bootstrap框架为基础的实训项目,主要目的是为了帮助学习者掌握Web前端开发的关键技术和实践经验。在这个项目中,开发者利用Bootstrap的灵活性和响应式设计特性,构建了一个...

    前端开发简历模板-web前端开发-实习.docx

    前端开发简历模板-web前端开发-实习 本文档为一个前端开发简历模板,涵盖了 Web 前端开发的多个方面,包括 React、Vue.js、Redux、React-Redux、Ant Design 等技术栈。下面是从该简历中提取的知识点: React * ...

    Web前端开发中级理论考试评分细则_V1.01

    【Web前端开发中级理论考试评分细则_V1.01】主要涵盖了Web前端开发中的核心概念和技术,通过单选题、多选题和判断题的形式进行考核。以下是对这些知识点的详细解析: 一、单选题 1. 单选题在考试中占据了重要的地位...

    Web前端框架模板(包括各类控件及展示图表)

    6. **工具和插件**:除了基础组件外,资源可能还包含了一些实用的工具和插件,如日期选择器、模态对话框、轮播图等,这些都是前端开发中的常见需求。 学习和使用这个资源,你可以: 1. **理解前端框架的基本结构**...

Global site tag (gtag.js) - Google Analytics