web前端开发常用组件

1. 对话框(dialog):jbox(适合对话框等其它功能)、colorbox(也很强大,可以弥补jbox图片轮播的落点),
      这二者基本能搞定所有对话框的情况

2. 文件上传:plupload(适合多、大文件分块上传,另外对兼容性要求很强的地方首选,
      这个兼容性做的很好,只是界面在有些地方不合适)、Uploadify(功能也可以,
      适合轻量简约风格的地方使用,曾经在kppw封装的不错),jQuery File Upload(这个的界面也很大气,
      而且有图片预览的功能,可以尝试更改界面,用在图片需要预览的地方)、
      jQuery HTML5 Uploader(最后加上一个支持html5的上传组件,当然其实第一个也是支持的)

3. 无限递归树形分类首选 :JQuery Tree 插件 zTree

4. kppw里面的ajax分页和分页类是写的非常好的首推

5. jQuery双日历 Date Range Picker( 这个被加在了jQuery里面应该功能还可以吧没试过),
      lhgCalendar(这个在某些特殊地方会用到他能设置小时,而且时间限制功能很强大)

6. 表单验证jQuery.validity(文档还比较清晰 也简单 在Mdaxue项目里面用过 主要是客户端验证 ,
      服务端ajax没尝试过)DropKick(一个很美观的下拉)jquery-multiselect(这个多选下拉也是很强大和很美观的)
7. Grid插件 jQGrid是很不错的(功能太过强大所以掌控起来也是很有难度,现在都还不能封装,只能使用)

8. html在线编辑器 UEditor(这个目前是现在觉得最好的,功能强大能满足基本需求) KindEdotor
      (这个使用简便,也是推荐的一款)
      上面的基本上就是现在前端用的最多的了,也是我在项目中用到过的,至于其它类似瀑布流,地图什么的,
      图片剪切等都用的比较少,需要的时候拿来用就可以了,这上面的可以研究下,做下封装,以便多个项目可以重复使用

时间: 2024-10-03 14:03:27

web前端开发常用组件的相关文章

Web前端开发推荐阅读书籍、学习课程下载

转自http://www.xuanfengge.com/fe-books.html 前言 学校里没有前端的课程,那如何学习JavaScript,又如何使自己成为一个合格的前端工程师呢? 除了在项目中学习和跟着有经验的同事学习,读书也是必不可少的.书中有着相对完整的知识体系,每读一本好书都会带来一次全面的提高. 而如果深一脚浅一脚的学习,写出代码的质量会参差不齐.初学者的首要任务是成为靠谱的熟练开发者,能够稳定的输出有一定质量的代码. 前端技术发展速度特别快,总是涌现出很多新的东西,需要不断的学习

麦子学院-Web前端开发工程师系列培训教程

HTML+CSS基础入门1.课程介绍2.html的语法3.html的基本结构4.html的文档设置标记上(格式标记)5.html的文档设置标记下(文本标记)6.html图像标记img7.html超链接的使用8.html表格相关的标记9.html表格实战<简单的网页布局>10.html框架详解与框架布局实战11.HTML表单设计(上)12.HTML表单设计(下)13.使用CSS样式的方式14.定义CSS样式(CSS选择器)15.CSS常用属性(颜色属性)16.css常用属性(字体相关属性)17.

web前端开发学习路线

首先分享一下我的经验,想做好一件事,必须要花费一些功夫,然后是多学.多思.多练.多交流.多总结,发现自己的问题,然后一定要克服,在状态不好的情况下,往往要及时调整.新手学习前端的话,一定要想想为什么要学习它,是出于一种什么心态,然后定位好自己,多向大牛请教,多教一些没有自己水平高的人,那样往往能让自己成长的快,切勿急躁.初学可以看一些入门视频教程,之后可以买一些书,做一些小项目,要学会投资,分析自己的现状及能力,实时调整,一定要有自己的想法,懂得创新.在这里一定要对自己做分析,然后找出一种适合的

独家分享——大牛教你如何学习Web前端开发

2014-12-18 14:35:42   引语 自从2008年接触网站开发以来到现在已经有六个年头了,今天偶然整理电脑资料看到当时为参加系里面一个比赛而做的第一个网站时,勾起了在这网站开发道路上的一串串回忆,成功与喜悦.烦恼与纠结都历历在目,感慨颇多.在此与大家分享,希望对初学Web前端的各位童鞋来说有所帮助.欢迎各位吐槽.拍砖. 先从大家学习上的一个误区开始谈起. Web前端的学习误区 网页制作是计算机专业同学在大学期间都会接触到的一门课程,而学习网页制作所用的第一个集成开发环境(IDE)想

极客Web前端开发资源大荟萃#002

每周极客都将总结本周最精彩的素材提供给大家,希望可以带给你更多地灵感和帮助!极客#GB课程库#现已上线,无论你是初级.中级.还是正在进修的高级前端工程师.这里都将帮助你得到更多更高效的学习. #GB课程库# 极客Web前端开发资源大荟萃#001 如何写出高性能的Jquery代码 讨论jQuery和javascript性能的文章并不罕见.然而,本文我计划总结一些速度方面的技巧和我本人的一些建议,来提升你的jQuery和javascript代码.好的代码会带来速度的提升.快速渲染和响应意味着更好的用

CDN公共库、前端开发常用插件一览表(VendorPluginLib)

=======================================================================================前端CDN公共库====================================================================================== 为什么使用前端CDN公共库: 使用前端CDN增加网页的并行载入速度,减少本地服务器的负担,节省流量.我们把静态资源放到自己的服务器上面固

【分享】Web前端开发第三方插件大全

收集整理了一些Web前端开发比较成熟的第三方插件,分享给大家. ******************************************************************************* 一.国外插件 ace 版本:1.2.3au 官网:https://github.com/ajaxorg/ace-builds/ 许可:BSD 依赖:无 DataAPI:data-pulgin="ace" 功能:基于Web的代码编辑器,实现语法高亮功能 alertif

518云盒:挂机宝告诉怎样学好web前端开发

目前,web前端开发工程师已成为中国互联网行业中最紧俏的职位. 1.学习路线 1.第一阶段--HTML5的学习 超文本标记语言(HyperText Mark-up Language 简称HTML)是一个网页的骨架,挂机宝无论是静态网页还是动态网页,最终返回到浏览器端的都是HTML代码,浏览器将HTML代码解释渲染后呈现给用户.因此,我们必须掌握HTML的基本结构和常用标记及属性. HTML 的学习是一个记忆和理解的过程,在学习过程中可以借助Dreamweaver的"拆分"视图辅助学习.

听说优秀的Web前端开发工程师都会用这几个工具!

Web前端入行门槛低.薪资待遇高.市场需求大,是很多人进入IT行业的首选语言.工欲善其身必先利器,作为初学前端行业的小白,如果知道一些好用的软件工具可以帮助他们更好的工作.下面,就给大家分享Web前端开发工程师常用的工具. 1.Bootstrap Bootstrap是快速开发Web应用程序的前端工具包.它是一个CSS和HTML的集合,它使用了最新的浏览器技术,给你的Web开发提供了时尚的版式.表单.buttons.表格.网格系统等等. 2.Foundation Foundation是一个易用.强