web前端必备知识

0x01、web前端

所谓web前端,就是web给用户展示的东西,可能包含了设计、特效、用户交互等等。
前端美工:平常就做一些平面设计,交互设计等,不需要参与太多代码问题,对于前端来说,这是最基本的。
前端开发:会写js,应用js,用户交互等。
前端架构:开发和优化框架,及服务器,用户体验等涉汲就比较广。

0x02、主要分类

主要四大板块:理论知识,类库框架,编码开发,运行环境
web前端知识框架大家可以看一看

框架图应该从下面往上面看,下面是上面的基础。我们首先必须了解一定的理论知识,这个是前提,具备了编码能力后可以使用第三方框架和类库帮助我们,比如:jquery,继而使用一些便捷的工具对我们的代码进行测试、调试,最后达到高效、稳定的运行在相应的环境中的目的。

0x03、具体分类

理论知识、类库框架、编码开发、运行环境

理论知识

最主要的是要了解http标准、W3C标准和ECMAScript标准以及设计思想、数据结构等。

http标准主要掌握http请求过程、提交方法、状态码等,推荐《图解http》这本书;
W3C标准掌握html是结构 (网页一个架子,显示内容),css是样式(添加背景图片,边框等来修饰),js是行为(用户操作,华丽的动画),推荐W3Cschool
ECMAScript标准,javascript继承了ES的这些特性

类库框架

jquery一定是大部分web前端开发者不可或缺的工具,极大地简化了JavaScript 编程。
Bootstrap,是目前最受欢迎的前端框架,是基于 HTML、CSS、JavaScript 的,它简洁灵活,使得 Web 开发更加快捷。
fontAwesome是全世界最强大的图标系统。相比于css制作图标来说,这个要好很多倍,不管是开发、效率还是维护上。
requirejs和seajs这种模块定义系统,也一定是系统中不可或缺的。

编程开发

当然编程最强的当然还是微软的visual studio
推荐使用sublime,其中有好多插件可以供我们选择使用,可以大大减轻我们的工作量。

运行环境

浏览器下考虑的最终的两点:web安全、性能优化

0x04、总结

这里只是简单的概述了我们所要掌握的必备知识,至于具体的小知识点、小细节还是要大家努力去学习,掌握了这么多的基础知识和编程技巧之后,我们就可以更好的进行web前端开发。

另一个解释:https://zhuanlan.zhihu.com/p/22978846