前端组件库

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

#前端组件库

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

    171 引用 • 1537 回帖
  • GitHub

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

    209 引用 • 2040 回帖
  • Front-end
    2 引用 • 8 回帖

相关帖子

欢迎来到这里!

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

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

推荐标签 标签

  • ZooKeeper

    ZooKeeper 是一个分布式的,开放源码的分布式应用程序协调服务,是 Google 的 Chubby 一个开源的实现,是 Hadoop 和 HBase 的重要组件。它是一个为分布式应用提供一致性服务的软件,提供的功能包括:配置维护、域名服务、分布式同步、组服务等。

    59 引用 • 29 回帖 • 9 关注
  • DNSPod

    DNSPod 建立于 2006 年 3 月份,是一款免费智能 DNS 产品。 DNSPod 可以为同时有电信、网通、教育网服务器的网站提供智能的解析,让电信用户访问电信的服务器,网通的用户访问网通的服务器,教育网的用户访问教育网的服务器,达到互联互通的效果。

    6 引用 • 26 回帖 • 539 关注
  • Openfire

    Openfire 是开源的、基于可拓展通讯和表示协议 (XMPP)、采用 Java 编程语言开发的实时协作服务器。Openfire 的效率很高,单台服务器可支持上万并发用户。

    6 引用 • 7 回帖 • 119 关注
  • Gitea

    Gitea 是一个开源社区驱动的轻量级代码托管解决方案,后端采用 Go 编写,采用 MIT 许可证。

    5 引用 • 16 回帖
  • Visio
    1 引用 • 2 回帖 • 1 关注
  • JetBrains

    JetBrains 是一家捷克的软件开发公司,该公司位于捷克的布拉格,并在俄国的圣彼得堡及美国麻州波士顿都设有办公室,该公司最为人所熟知的产品是 Java 编程语言开发撰写时所用的集成开发环境:IntelliJ IDEA

    18 引用 • 54 回帖
  • Sandbox

    如果帖子标签含有 Sandbox ,则该帖子会被视为“测试帖”,主要用于测试社区功能,排查 bug 等,该标签下内容不定期进行清理。

    437 引用 • 1238 回帖 • 587 关注
  • 持续集成

    持续集成(Continuous Integration)是一种软件开发实践,即团队开发成员经常集成他们的工作,通过每个成员每天至少集成一次,也就意味着每天可能会发生多次集成。每次集成都通过自动化的构建(包括编译,发布,自动化测试)来验证,从而尽早地发现集成错误。

    15 引用 • 7 回帖
  • sts
    2 引用 • 2 回帖 • 243 关注
  • golang

    Go 语言是 Google 推出的一种全新的编程语言,可以在不损失应用程序性能的情况下降低代码的复杂性。谷歌首席软件工程师罗布派克(Rob Pike)说:我们之所以开发 Go,是因为过去 10 多年间软件开发的难度令人沮丧。Go 是谷歌 2009 发布的第二款编程语言。

    500 引用 • 1395 回帖 • 243 关注
  • Word
    13 引用 • 41 回帖 • 1 关注
  • Python

    Python 是一种面向对象、直译式电脑编程语言,具有近二十年的发展历史,成熟且稳定。它包含了一组完善而且容易理解的标准库,能够轻松完成很多常见的任务。它的语法简捷和清晰,尽量使用无异义的英语单词,与其它大多数程序设计语言使用大括号不一样,它使用缩进来定义语句块。

    554 引用 • 675 回帖
  • Rust

    Rust 是一门赋予每个人构建可靠且高效软件能力的语言。Rust 由 Mozilla 开发,最早发布于 2014 年 9 月。

    59 引用 • 22 回帖 • 14 关注
  • 反馈

    Communication channel for makers and users.

    120 引用 • 906 回帖 • 280 关注
  • PWA

    PWA(Progressive Web App)是 Google 在 2015 年提出、2016 年 6 月开始推广的项目。它结合了一系列现代 Web 技术,在网页应用中实现和原生应用相近的用户体验。

    14 引用 • 69 回帖 • 184 关注
  • Solidity

    Solidity 是一种智能合约高级语言,运行在 [以太坊] 虚拟机(EVM)之上。它的语法接近于 JavaScript,是一种面向对象的语言。

    3 引用 • 18 回帖 • 438 关注
  • 钉钉

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

    15 引用 • 67 回帖 • 271 关注
  • 脑图

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

    32 引用 • 99 回帖 • 1 关注
  • PHP

    PHP(Hypertext Preprocessor)是一种开源脚本语言。语法吸收了 C 语言、 Java 和 Perl 的特点,主要适用于 Web 开发领域,据说是世界上最好的编程语言。

    167 引用 • 408 回帖 • 490 关注
  • CAP

    CAP 指的是在一个分布式系统中, Consistency(一致性)、 Availability(可用性)、Partition tolerance(分区容错性),三者不可兼得。

    12 引用 • 5 回帖 • 636 关注
  • GitBook

    GitBook 使您的团队可以轻松编写和维护高质量的文档。 分享知识,提高团队的工作效率,让用户满意。

    3 引用 • 8 回帖 • 1 关注
  • MyBatis

    MyBatis 本是 Apache 软件基金会 的一个开源项目 iBatis,2010 年这个项目由 Apache 软件基金会迁移到了 google code,并且改名为 MyBatis ,2013 年 11 月再次迁移到了 GitHub。

    173 引用 • 414 回帖 • 363 关注
  • 小薇

    小薇是一个用 Java 写的 QQ 聊天机器人 Web 服务,可以用于社群互动。

    由于 Smart QQ 从 2019 年 1 月 1 日起停止服务,所以该项目也已经停止维护了!

    35 引用 • 468 回帖 • 761 关注
  • 服务器

    服务器,也称伺服器,是提供计算服务的设备。由于服务器需要响应服务请求,并进行处理,因此一般来说服务器应具备承担服务并且保障服务的能力。

    125 引用 • 585 回帖 • 1 关注
  • 大数据

    大数据(big data)是指无法在一定时间范围内用常规软件工具进行捕捉、管理和处理的数据集合,是需要新处理模式才能具有更强的决策力、洞察发现力和流程优化能力的海量、高增长率和多样化的信息资产。

    89 引用 • 113 回帖 • 1 关注
  • 微服务

    微服务架构是一种架构模式,它提倡将单一应用划分成一组小的服务。服务之间互相协调,互相配合,为用户提供最终价值。每个服务运行在独立的进程中。服务于服务之间才用轻量级的通信机制互相沟通。每个服务都围绕着具体业务构建,能够被独立的部署。

    96 引用 • 155 回帖
  • Firefox

    Mozilla Firefox 中文俗称“火狐”(正式缩写为 Fx 或 fx,非正式缩写为 FF),是一个开源的网页浏览器,使用 Gecko 排版引擎,支持多种操作系统,如 Windows、OSX 及 Linux 等。

    7 引用 • 30 回帖 • 385 关注