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)

前端参考集

前端组件库 - 搭建web app常用的样式/组件等收集列表(移动优先)的更多相关文章

  1. 仿ElementUI构建自己的Vue组件库用babel-plugin-component按需加载组件及自定义SASS主题

    最近使用ElementUI做项目的时候用Babel的插件babel-plugin-component做按需加载,使得组件打包的JS和CSS包体积大大缩小,加载速度也大大提升,所有想模仿做一个组件库也来 ...

  2. 11种常用css样式之鼠标、列表和尺寸样式学习

    鼠标cursor常见样式crosshair;/*十字形状*/cursor:pointer;/*小手形状*/cursor:wait;/*等待形状*/cursor:text;/*默认 文本形状*/curs ...

  3. Spring Boot搭建Web项目常用功能

    搭建WEB项目过程中,哪些点需要注意: 1.技术选型: 前端:freemarker.vue 后端:spring boot.spring mvc 2.如何包装返回统一结构结果数据? 首先要弄清楚为什么要 ...

  4. NuGet 本地服务器 公司组件库搭建 上传下载操作 模块化灵活设计

    新年第一更,关于如何搭建NuGet的本地服务器,以及部署IIS,以此搭建公司自己的组件仓库,方便所有的组件更新,管理,测试等等操作. 关于如何在NuGet中下载指定的组件,参考这篇文章:http:// ...

  5. Linux 安装tomcat，搭建web app运行环境

    Tomcat 8 下载地址:https://tomcat.apache.org/download-80.cgi 解压tomcat:tar -xf apache-tomcat-8.5.31.tar.gz ...

  6. 搭建 Web 网站常用技能

    为软件创建专用数据库及其账号 create database if not exists gitea default charset = utf8mb4; grant ALL PRIVILEGES o ...

  7. [资料分享]组件方式开发 Web App全站

  8. kpvalidate开辟验证组件,通用Java Web请求服务器端数据验证组件

    小菜利用工作之余编写了一款Java小插件,主要是用来验证Web请求的数据,是在服务器端进行验证,不是简单的浏览器端验证. 小菜编写的仅仅是一款非常初级的组件而已,但小菜为它写了详细的说明文档. 简单介 ...

  9. 如何发布自定义的UI 组件库到 npmjs.com 并且编写 UI组件说明文档

    记录基于 antd 封装业务组件并发布到npm 上的过程:(TS + React + Sass) 初始化项目: 1.yarn create react-app winyhui --typescript ...

随机推荐

  1. JAVA过滤器的使用(Filter)

    request.setCharacterEncoding("utf-8"); response.setContentType("text/html;charset=utf ...

  2. laravel/lumen 的构造函数需要注意的地方

    比如 lumen,ConsoleServiceProvider 里面的 register 做了下面的处理: \Laravel\Lumen\Console\ConsoleServiceProvider: ...

  3. springboot集成mybatis-generator时候遇到的问题

    今天在集成mybatis自动生成内容的时候,出现了几个问题,解决了一个小时才搞完,都怪之前没有好好研究研究: 1.mysql-connector-java新驱动带来的问题? 当用比较新的sql驱动的时 ...

  4. 洛谷【P1523】旅行商的背包（算法导论 15-1） 题解

    P1523 旅行商简化版 题目背景 欧几里德旅行商\((Euclidean Traveling Salesman)\)问题也就是货郎担问题一直是困扰全世界数学家.计算机学家的著名问题.现有的算法都没有 ...

  5. 【CSS】绝对定位和相对定位

    html:定位层 特点: >>完全脱离默认文档流,独立于立体层面的Z轴之上. >>和float浮动一样都脱离了默认文档流,但float元素与默认文档流之间会相互产生影响,而定位 ...

  6. Angular组件生命周期钩子

    Angular会按以下顺序依次调用以下钩子(8个): ngOnChanges ngOnInit ngDoCheck ngAfterContentInit ngAfterContentChecked n ...

  7. 多目标遗传算法 ------ NSGA-II （部分源码解析）二元锦标赛选择 tourselect.c

    tourselect.c  文件中共有两个函数: selection (population *old_pop, population *new_pop) individual* tournament ...

  8. 为什么要用dubbo，dubbo和zookeeper关系

    为什么要用dubbo? 当网站规模达到了一定的量级的时候,普通的MVC框架已经不能满足我们的需求,于是分布式的服务框架和流动式的架构就凸显出来了.     单一应用架构 当网站流量很小时,只需一个应用 ...

  9. android kotlin Gradle DSL method not found: '1.2.51()'错误，be using a version of the Android Gradle plug-in that does not contain the method (e.g. 'testCompile' was added in 1.1.0).

    同步的时候遇到这个问题,从log上看是因为gradle的版本不包含kotlin 1.2.51这个method,具体原因我也不是很清楚,大概猜测是kotlin版本的问题,而最新的版本就是1.2.51,所 ...

  10. Dojo框架：误解与现实[转载]

    随着Ajax技术的流行,越来越多的Web应用使用Ajax技术来提高用户体验.使用Ajax技术的一个重要优势是不需要额外的浏览器插件支持,只需要使用浏览器原生的API,并利用JavaScript来操作即 ...