前端组件库

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

#前端组件库

搭建 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 等)。

    165 引用 • 1474 回帖
  • GitHub

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

    207 引用 • 2031 回帖
  • Front-end
    2 引用 • 8 回帖

相关帖子

欢迎来到这里!

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

注册 关于
请输入回帖内容 ...

推荐标签 标签

  • SQLite

    SQLite 是一个进程内的库,实现了自给自足的、无服务器的、零配置的、事务性的 SQL 数据库引擎。SQLite 是全世界使用最为广泛的数据库引擎。

    4 引用 • 7 回帖
  • Flutter

    Flutter 是谷歌的移动 UI 框架,可以快速在 iOS 和 Android 上构建高质量的原生用户界面。 Flutter 可以与现有的代码一起工作,它正在被越来越多的开发者和组织使用,并且 Flutter 是完全免费、开源的。

    39 引用 • 92 回帖
  • SpaceVim

    SpaceVim 是一个社区驱动的模块化 vim/neovim 配置集合,以模块的方式组织管理插件以
    及相关配置,为不同的语言开发量身定制了相关的开发模块,该模块提供代码自动补全,
    语法检查、格式化、调试、REPL 等特性。用户仅需载入相关语言的模块即可得到一个开箱
    即用的 Vim-IDE。

    3 引用 • 31 回帖 • 82 关注
  • CentOS

    CentOS(Community Enterprise Operating System)是 Linux 发行版之一,它是来自于 Red Hat Enterprise Linux 依照开放源代码规定释出的源代码所编译而成。由于出自同样的源代码,因此有些要求高度稳定的服务器以 CentOS 替代商业版的 Red Hat Enterprise Linux 使用。两者的不同在于 CentOS 并不包含封闭源代码软件。

    238 引用 • 224 回帖
  • 分享

    有什么新发现就分享给大家吧!

    245 引用 • 1776 回帖 • 1 关注
  • Postman

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

    4 引用 • 3 回帖 • 5 关注
  • C

    C 语言是一门通用计算机编程语言,应用广泛。C 语言的设计目标是提供一种能以简易的方式编译、处理低级存储器、产生少量的机器码以及不需要任何运行环境支持便能运行的编程语言。

    83 引用 • 165 回帖 • 5 关注
  • 七牛云

    七牛云是国内领先的企业级公有云服务商,致力于打造以数据为核心的场景化 PaaS 服务。围绕富媒体场景,七牛先后推出了对象存储,融合 CDN 加速,数据通用处理,内容反垃圾服务,以及直播云服务等。

    26 引用 • 222 回帖 • 167 关注
  • 域名

    域名(Domain Name),简称域名、网域,是由一串用点分隔的名字组成的 Internet 上某一台计算机或计算机组的名称,用于在数据传输时标识计算机的电子方位(有时也指地理位置)。

    43 引用 • 208 回帖 • 1 关注
  • 电影

    这是一个不能说的秘密。

    120 引用 • 598 回帖
  • Swagger

    Swagger 是一款非常流行的 API 开发工具,它遵循 OpenAPI Specification(这是一种通用的、和编程语言无关的 API 描述规范)。Swagger 贯穿整个 API 生命周期,如 API 的设计、编写文档、测试和部署。

    26 引用 • 35 回帖
  • 学习

    “梦想从学习开始,事业从实践起步” —— 习近平

    163 引用 • 473 回帖
  • 一些有用的避坑指南。

    69 引用 • 93 回帖
  • GraphQL

    GraphQL 是一个用于 API 的查询语言,是一个使用基于类型系统来执行查询的服务端运行时(类型系统由你的数据定义)。GraphQL 并没有和任何特定数据库或者存储引擎绑定,而是依靠你现有的代码和数据支撑。

    4 引用 • 3 回帖 • 16 关注
  • 星云链

    星云链是一个开源公链,业内简单的将其称为区块链上的谷歌。其实它不仅仅是区块链搜索引擎,一个公链的所有功能,它基本都有,比如你可以用它来开发部署你的去中心化的 APP,你可以在上面编写智能合约,发送交易等等。3 分钟快速接入星云链 (NAS) 测试网

    3 引用 • 16 回帖
  • 链书

    链书(Chainbook)是 B3log 开源社区提供的区块链纸质书交易平台,通过 B3T 实现共享激励与价值链。可将你的闲置书籍上架到链书,我们共同构建这个全新的交易平台,让闲置书籍继续发挥它的价值。

    链书社

    链书目前已经下线,也许以后还有计划重制上线。

    14 引用 • 257 回帖 • 1 关注
  • Angular

    AngularAngularJS 的新版本。

    26 引用 • 66 回帖 • 524 关注
  • 正则表达式

    正则表达式(Regular Expression)使用单个字符串来描述、匹配一系列遵循某个句法规则的字符串。

    31 引用 • 94 回帖 • 2 关注
  • Markdown

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

    165 引用 • 1474 回帖
  • Spring

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

    942 引用 • 1458 回帖 • 109 关注
  • React

    React 是 Facebook 开源的一个用于构建 UI 的 JavaScript 库。

    192 引用 • 291 回帖 • 430 关注
  • 钉钉

    钉钉,专为中国企业打造的免费沟通协同多端平台, 阿里巴巴出品。

    15 引用 • 67 回帖 • 348 关注
  • Vim

    Vim 是类 UNIX 系统文本编辑器 Vi 的加强版本,加入了更多特性来帮助编辑源代码。Vim 的部分增强功能包括文件比较(vimdiff)、语法高亮、全面的帮助系统、本地脚本(Vimscript)和便于选择的可视化模式。

    28 引用 • 66 回帖 • 7 关注
  • Elasticsearch

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

    116 引用 • 99 回帖 • 249 关注
  • JVM

    JVM(Java Virtual Machine)Java 虚拟机是一个微型操作系统,有自己的硬件构架体系,还有相应的指令系统。能够识别 Java 独特的 .class 文件(字节码),能够将这些文件中的信息读取出来,使得 Java 程序只需要生成 Java 虚拟机上的字节码后就能在不同操作系统平台上进行运行。

    180 引用 • 120 回帖 • 1 关注
  • 创业

    你比 99% 的人都优秀么?

    83 引用 • 1398 回帖
  • uTools

    uTools 是一个极简、插件化、跨平台的现代桌面软件。通过自由选配丰富的插件,打造你得心应手的工具集合。

    5 引用 • 13 回帖