前端架构知识体系

0. 前端自动化(Workflow)

1. 前端框架(Frameworks)

2. JavaScript 框架汇总

3. 前端游戏框架

4. ui组件库

5. 基础模版

6. 排版

7. 网格系统

8. HTML5 API 应用

9. UA 识别

10. 表单处理

10.1 表单验证(Form Validator)

10.2 < select > 相关

10.3 单选框/复选框相关

10.4 上传组件

10.5 日期选择

10.6 取色

10.7 标签插件(Tag)

10.8 自动完成插件

10.9 样式修正

10.10

11. 图表绘制

12. 日期格式化

13. 页面交互

13.1 Slider

13.2 瀑布流

13.3 图片懒加载/加载监听

13.4 图片轮播/展示

13.5 图片剪裁/处理

13.6 进度条

13.7 侧滑插件(offcancas)

13.8 菜单(Menu)

13.9 滚动侦测(ScrollSpy)

13.10 滚动加载更多

13.11 平滑滚动插件(Smooth Scroll)

13.12 全屏滚动

13.13 分屏滚动

13.14 转场效果

13.15 固定元素(Sticky)

13.16 触控事件

13.17 拖拽组件

13.18 隐藏或展示页面元素

13.19 滚动条

13.20 视差滚动(Parallax Scrolling)

13.21 分页

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

15. UI Icon 组件

16. 动画

17. 本地存储

18. 模板引擎

19. 通知组件/弹框组件

20. 提示控件(Tooltips)

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

22. 文档/表格

23. 目录树插件

24. Ajax模块

25. 音频/视频

26. 按钮

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

28. 内容提取(Readability)

29. 颜色(CSS Colors)/SVG

30. 实用工具/其他插件

31. 实用工具/其他插件

30. 思维导图

时间： 2024-08-27 01:18:34

前端架构知识体系的相关文章

[转帖]一文读懂分布式架构知识体系（内含超全核心知识大图）

一文读懂分布式架构知识体系(内含超全核心知识大图) https://yq.aliyun.com/articles/721007?spm=a2c4e.11153959.0.0.2f464977X7lSdH 作者 | 晓土  阿里巴巴高级工程师 姊妹篇阅读推荐:<云原生时代,分布式系统设计必备知识图谱(内含22个知识点)> 导读:本文力求从分布式基础理论.架构设计模式.工程应用.部署运维.业界方案这几大方面,介绍基于 MSA(微服务架构)的分布式知识体系大纲,从而对 SOA 到 MSA 进化有着立

前端开发知识体系部

1. 前言 本文把整个web前端开发所需要的知识都之中在一个视图中,形成一个完整的web前端知识体系,目的是想要颠覆人们对于前端只有三大块(html.css.js)的认识--做web前端需要的比这三大块要多得多. 在看内容之前,先看一下这个知识框架的预览图.图太大不好展示,看不清除,可在此下载清晰版:http://pan.baidu.com/s/1hqIUvUc (内有整个知识体系的图片和xmind文件) 2. 分类 所有知识框架,那肯定是一个结构型的展现,就是一棵树.web前端的知识点非常多,

一文读懂分布式架构知识体系（内含超全核心知识大图）

作者 | 晓土  阿里巴巴高级工程师 姊妹篇阅读推荐:<云原生时代,分布式系统设计必备知识图谱(内含22个知识点)> 导读:本文力求从分布式基础理论.架构设计模式.工程应用.部署运维.业界方案这几大方面,介绍基于 MSA(微服务架构)的分布式知识体系大纲,从而对 SOA 到 MSA 进化有着立体的认识:从概念上和工具应用上更近一步了解微服务分布式的本质,身临其境的感受如何搭建全套微服务架构的过程. 关注“阿里巴巴云原生”公众号,回复“分布”,即可下载分布式系统及其知识体系清晰大图! 随着移动互

转载 前端基础知识体系 一个新手的学习之路

原帖地址:  转载的原因是我学习前端和php已经4个多月了.看看自己还有那些不足.自己得努力学习,牛人太多.红色是我会的,或者学过的.希望今天把大部分飘红. 一.HTML 标签的分类 标签表示一个元素 按性质划分: Block-Level和Inline-Level 按语义划分: Headings: h1, h2, h3, h4, h5, h6 Paragraphs: p Text Formatting: em, strong, sub, del, ins, small Lists: ul, li

前端校招知识体系之计算机网络

计算机网络体系结构 OSI的七层协议体系结构的概念清楚,理论也比较完整,但它既复杂又不实用.TCP/Ip体系结构则不同,但它现在却得到了非常广泛的应用,不过,从实质上来讲,TCP/IP只有最上面的三层,因为最下面的网络接口层并没有什么具体内容.因此在学习计算机网络的原理时通常采用折中的办法,即综合这两种的优点,采用一种只有五层协议的体系结构. OSI的七层协议:应用层.表示层.会话层.运输层.网络层.数据链路层.物理层 TCP/IP的四层协议:应用层.运输层.网际层.网络接口层 五层协议:应用层

前端开发知识体系技能点【根据自我学习顺序】

UI设计+原型 html5+css3 bootstrap+ionic javascript[对象.数组.函数.字符串.闭包.原型链.对象封装.ajax.事件.DOM.BOM.正则.设计模式] jquery[五大模块:选择器.文档操作.动画.ajax.事件]+zepto requireJS[模块化] less+sass angular[模型+控制器+过滤器] nodeJS mongoDB

web前端知识体系大全

1. 前言 大约在几个月之前,让我看完了<webkit技术内幕>这本书的时候,突然有了一个想法.想把整个web前端开发所需要的知识都之中在一个视图中,形成一个完整的web前端知识体系,目的是想要颠覆人们对于前端只有三大块(html.css.js)的认识——做web前端需要的比这三大块要多得多. 拖了好几个月了,但是由于近期将要参加的某一个活动,我不得不这两天把这个东西整出来.说干就干.上午我就开始在办公室画草图,乱七八糟的在那儿理思路. 大家不要害怕,其实下文中的这个知识框架要比草图中的好看的

自己总结的web前端知识体系大全【欢迎补充】

1. 前言 大约在几个月之前,让我看完了<webkit技术内幕>这本书的时候.突然有了一个想法. 想把整个web前端开发所须要的知识都之中在一个视图中,形成一个完整的web前端知识体系.目的是想要颠覆人们对于前端仅仅有三大块(html.css.js)的认识--做web前端须要的比这三大块要多得多. 拖了好几个月了,可是因为最近将要參加的某一个活动.我不得不这两天把这个东西整出来. 说干就干. 上午我就開始在办公室画草图,乱七八糟的在那儿理思路. 大家不要害怕.事实上下文中的这个知识框架要比草图

Hive(一):架构及知识体系

Hive是一个基于Hadoop的数据仓库,最初由Facebook提供,使用HQL作为查询接口.HDFS作为存储底层.mapReduce作为执行层,设计目的是让SQL技能良好,但Java技能较弱的分析师可以查询海量数据,2008年facebook把Hive项目贡献给Apache.Hive提供了比较完整的SQL功能(本质是将SQL转换为MapReduce),自身最大的缺点就是执行速度慢.Hive有自身的元数据结构描述,可以使用MySql\ProstgreSql\oracle 等关系型数据库来进行存储