登录 注册

前端组件库

本贴最后更新于 2611 天前，其中的信息可能已经时移世异

#前端组件库

搭建 web app 常用的样式/组件等收集列表(移动优先)

  • 一个常用的 PHP 类库, 资源以及技巧列表 awesome-php 推荐

##0. 前端自动化(Workflow)

##1. 前端框架(Frameworks)

##2. JavaScript 框架汇总

##3. 前端游戏框架

##4. ui 组件库(CSS Framework)

##5. 基础模版

##6. 排版

##7. 网格系统

##8. 路由和链接(Routing And URLs)

##9. UA 识别

##10. 表单处理

###10.1 表单验证(Form Validator)/表单提示

###10.2 < input > 相关

###10.3 < select > 相关

###10.4 单选框/复选框相关

###10.5 上传组件

###10.6 日期选择

###10.7 取色

###10.8 标签插件(Tag)

###10.9 自动完成插件

###10.10 样式修正

##11. 图表绘制/图形库(Graphics)

##12. 日期格式化 & 时间轴

##13. 页面交互

###13.1 Slider

###13.2 瀑布流

###13.3 懒加载/加载监听/预加载

###13.4 图片轮播(幻灯片)/图片展示

###13.5 图片剪裁/图片处理

###13.6 进度条/加载动画(Loading)

###13.7 侧滑插件(offcancas)

###13.8 菜单(Menu)

###13.9 滚动侦测(ScrollSpy)

###13.10 滚动加载更多/下拉刷新(Pull to Refresh)

###13.11 平滑滚动插件(Smooth Scroll)

###13.12 全屏滚动/全屏切换

###13.13 分屏滚动

###13.14 转场效果

###13.15 固定元素(Sticky)

###13.16 触控事件

###13.17 拖拽组件

###13.18 隐藏或展示页面元素

###13.19 滚动条(Scrollbar)

###13.20 视差滚动(Parallax Scrolling)

##13.21 缩放 (Zooming)

##14. 代码高亮插件/代码编辑器

##15. UI Icon 组件

##16. 动画(Animate)

##17. 本地存储

##18. 模板引擎

##19. 通知组件/弹框组件/模态窗口

##20. 提示控件(Tooltips)

##21. 对话框/遮罩层/弹出层(lightbox)

##22. 文档/表格/PDF

##23. 目录树插件

##24. 前后端交互

###24.1 Ajax 模块

###24.2 SSE (Server-Sent Events)

SSE API 用于创建到服务器的单向连接，服务器通过这个连接可以发送任意数量的数据.

###24.3 Web Sockets

##25. 音频/视频

##26. 按钮

##27. 富文本编辑器/Markdown 编辑器/Markdown 解析器

##28. 内容提取(Readability)

##29. 颜色(CSS Colors)/SVG/Canvas

##30. 选项卡(Tabs)

##31. 文本处理

##32. 布局(Layout)

##33. 演示/幻灯片

##34. 国际化(i18n)

##35. 邮件模板(Email Templates)

##36. 移动端优化(Optimizing Mobile Performance)

##37. HTTP 请求相关

##38. 实用工具/其他插件

#ES6( ECMAScript 2015 )

##ES6 转码器(ES6 to ES5)

  • Babel - 一个广泛使用的 ES6 转码器，可以将 ES6 代码转为 ES5 代码，从而在现有环境执行
  • babelify - 将 babel 引入到 Gulp, Grunt, npm run 等构建过程
  • traceur-compiler - Traceur is a JavaScript.next-to-JavaScript-of-today compiler

##ES6 入门

#设计模式( JavaScript Patterns )

#在线工具( Online Tools )

#前端开发工具

##1. 开发工具

##2. 调试工具

##3. 浏览器扩展(Chrome Extensions)

#前端参考集

  • Markdown

    Markdown 是一种轻量级标记语言，用户可使用纯文本编辑器来排版文档，最终通过 Markdown 引擎将文档转换为所需格式（比如 HTML、PDF 等）。

    164 引用 • 1456 回帖
  • GitHub

    GitHub 于 2008 年上线，目前，除了 Git 代码仓库托管及基本的 Web 管理界面以外，还提供了订阅、讨论组、文本渲染、在线文件编辑器、协作图谱（报表）、代码片段分享（Gist）等功能。正因为这些功能所提供的便利，又经过长期的积累，GitHub 的用户活跃度很高，在开源世界里享有深远的声望，并形成了社交化编程文化（Social Coding）。

    207 引用 • 2031 回帖
  • Front-end
    2 引用 • 8 回帖
威海 位置
1 收藏
2.2k 16 393 176 231 88 5 140 1.1k

相关帖子

回帖
前端组件库

欢迎来到这里！

我们正在构建一个小众社区，大家在这里相互信任，以平等 • 自由 • 奔放的价值观进行分享交流。最终，希望大家能够找到与自己志同道合的伙伴，共同成长。

注册 关于
请输入回帖内容 ...
nerdpal
威海
回帖
0
 帖子
2
 积分
535

近期热议

推荐标签 标签

  • 脑图

    脑图又叫思维导图，是表达发散性思维的有效图形思维工具 ，它简单却又很有效，是一种实用性的思维工具。

    21 引用 • 58 回帖
  • 资讯

    资讯是用户因为及时地获得它并利用它而能够在相对短的时间内给自己带来价值的信息，资讯有时效性和地域性。

    53 引用 • 85 回帖
  • RIP

    愿逝者安息！

    8 引用 • 92 回帖 • 293 关注
  • 友情链接

    确认过眼神后的灵魂连接，站在链在！

    24 引用 • 373 回帖 • 1 关注
  • WebSocket

    WebSocket 是 HTML5 中定义的一种新协议，它实现了浏览器与服务器之间的全双工通信（full-duplex）。

    48 引用 • 206 回帖 • 394 关注
  • TGIF

    Thank God It's Friday! 感谢老天，总算到星期五啦！

    284 引用 • 4481 回帖 • 655 关注
  • RYMCU

    RYMCU 致力于打造一个即严谨又活泼、专业又不失有趣，为数百万人服务的开源嵌入式知识学习交流平台。

    4 引用 • 6 回帖 • 41 关注
  • SSL

    SSL（Secure Sockets Layer 安全套接层），及其继任者传输层安全（Transport Layer Security，TLS）是为网络通信提供安全及数据完整性的一种安全协议。TLS 与 SSL 在传输层对网络连接进行加密。

    69 引用 • 190 回帖 • 496 关注
  • JSON

    JSON （JavaScript Object Notation）是一种轻量级的数据交换格式。易于人类阅读和编写。同时也易于机器解析和生成。

    51 引用 • 190 回帖
  • Spring

    Spring 是一个开源框架，是于 2003 年兴起的一个轻量级的 Java 开发框架，由 Rod Johnson 在其著作《Expert One-On-One J2EE Development and Design》中阐述的部分理念和原型衍生而来。它是为了解决企业应用开发的复杂性而创建的。框架的主要优势之一就是其分层架构，分层架构允许使用者选择使用哪一个组件，同时为 JavaEE 应用程序开发提供集成的框架。

    941 引用 • 1458 回帖 • 151 关注
  • App

    App（应用程序，Application 的缩写）一般指手机软件。

    90 引用 • 383 回帖
  • 智能合约

    智能合约（Smart contract）是一种旨在以信息化方式传播、验证或执行合同的计算机协议。智能合约允许在没有第三方的情况下进行可信交易，这些交易可追踪且不可逆转。智能合约概念于 1994 年由 Nick Szabo 首次提出。

    1 引用 • 11 回帖 • 5 关注
  • CloudFoundry

    Cloud Foundry 是 VMware 推出的业界第一个开源 PaaS 云平台，它支持多种框架、语言、运行时环境、云平台及应用服务，使开发人员能够在几秒钟内进行应用程序的部署和扩展，无需担心任何基础架构的问题。

    5 引用 • 18 回帖 • 155 关注
  • 开源中国

    开源中国是目前中国最大的开源技术社区。传播开源的理念，推广开源项目，为 IT 开发者提供了一个发现、使用、并交流开源技术的平台。目前开源中国社区已收录超过两万款开源软件。

    7 引用 • 86 回帖
  • Postman

    Postman 是一款简单好用的 HTTP API 调试工具。

    4 引用 • 3 回帖
  • WiFiDog

    WiFiDog 是一套开源的无线热点认证管理工具，主要功能包括：位置相关的内容递送；用户认证和授权；集中式网络监控。

    1 引用 • 7 回帖 • 545 关注
  • ReactiveX

    ReactiveX 是一个专注于异步编程与控制可观察数据（或者事件）流的 API。它组合了观察者模式，迭代器模式和函数式编程的优秀思想。

    1 引用 • 2 回帖 • 126 关注
  • PostgreSQL

    PostgreSQL 是一款功能强大的企业级数据库系统，在 BSD 开源许可证下发布。

    22 引用 • 22 回帖 • 1 关注
  • 设计模式

    设计模式（Design pattern）代表了最佳的实践，通常被有经验的面向对象的软件开发人员所采用。设计模式是软件开发人员在软件开发过程中面临的一般问题的解决方案。这些解决方案是众多软件开发人员经过相当长的一段时间的试验和错误总结出来的。

    198 引用 • 120 回帖
  • MongoDB

    MongoDB（来自于英文单词“Humongous”，中文含义为“庞大”）是一个基于分布式文件存储的数据库，由 C++ 语言编写。旨在为应用提供可扩展的高性能数据存储解决方案。MongoDB 是一个介于关系数据库和非关系数据库之间的产品，是非关系数据库当中功能最丰富，最像关系数据库的。它支持的数据结构非常松散，是类似 JSON 的 BSON 格式，因此可以存储比较复杂的数据类型。

    90 引用 • 59 回帖 • 1 关注
  • abitmean

    有点意思就行了

    • 24 关注
  • Chrome

    Chrome 又称 Google 浏览器，是一个由谷歌公司开发的网页浏览器。该浏览器是基于其他开源软件所编写，包括 WebKit，目标是提升稳定性、速度和安全性，并创造出简单且有效率的使用者界面。

    60 引用 • 287 回帖 • 2 关注
  • Sillot

    Sillot （汐洛）孵化自思源笔记，致力于服务智慧新彖乄，具有彖乄驱动、极致优雅、开发者友好的特点
    Github 地址：https://github.com/Hi-Windom/Sillot

    17 引用 • 6 回帖 • 28 关注
  • Elasticsearch

    Elasticsearch 是一个基于 Lucene 的搜索服务器。它提供了一个分布式多用户能力的全文搜索引擎，基于 RESTful 接口。Elasticsearch 是用 Java 开发的，并作为 Apache 许可条款下的开放源码发布，是当前流行的企业级搜索引擎。设计用于云计算中，能够达到实时搜索，稳定，可靠，快速，安装使用方便。

    116 引用 • 99 回帖 • 267 关注
  • HHKB

    HHKB 是富士通的 Happy Hacking 系列电容键盘。电容键盘即无接点静电电容式键盘（Capacitive Keyboard）。

    5 引用 • 74 回帖 • 409 关注
  • OpenShift

    红帽提供的 PaaS 云，支持多种编程语言，为开发人员提供了更为灵活的框架、存储选择。

    14 引用 • 20 回帖 • 604 关注
  • 创造

    你创造的作品可能会帮助到很多人，如果是开源项目的话就更赞了！

    173 引用 • 990 回帖

最新标签