前端需要掌握的知识

Posted 2020-10-23 前端之路

一.基础知识

1. html --- 定义了网页的内容。W3school
2. CSS --- 描述了网页的布局。参考手册
3. HTML5 ---是下一代的 HTML。W3school
4. CSS3 ---是最新的 CSS 标准。参考手册
5. javascript --- 设计了网页的行为。菜鸟教程
6. jQuery --- 是由JavaScript语法写成的一个插件库。API
7. Bootstrap --- 来自 Twitter，是目前最受欢迎的前端框架，响应式 CSS 能够自适应于台式机、平板电脑和手机。Bootstrap4

二.进阶学习

1. node.js（npm）--- 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。菜鸟教程
2. Sass --- css预处理器语言，支持变量、mixin，继承等功能，是基于Ruby的。Scss中文网，Sass本站教程
3. Vue.js --- 不是一个框架，只是聚焦图层，是一个构建数据驱动的web界面的库。通过简单的API提供高效的数据绑定和灵活的组建系统。菜鸟教程
4. sea.js --- js模块加载器。

三.工程自动化（前端构建工具）

1. gulp --- 是工具链、构建工具，可以配合各种插件做js压缩，css压缩，less编译 替代手工实现自动化工作。gulp中文网，gulp入门
2. webpack --- 是文件打包工具，可以把项目的各种js文、css文件等打包合并成一个或多个文件，主要用于模块化方案，预编译模块的方案。
3. seajs / require : 是一种在线"编译" 模块的方案，相当于在页面上加载一个 CMD/AMD 解释器。这样浏览器就认识了 define、exports、module 这些东西。也就实现了模块化。
4. browserify / webpack : 是一个预编译模块的方案，相比于上面 ，这个方案更加智能。没用过browserify，这里以webpack为例。首先，它是预编译的，不需要在浏览器中加载解释器。另外，你在本地直接写JS，不管是 AMD / CMD / ES6 风格的模块化，它都能认识，并且编译成浏览器认识的JS。

Gulp是一个工具，而webpack等等是模块化方案。Gulp也可以配置seajs、requirejs甚至webpack的插件。

三.开发工具

1. SVN --- 是Subversion的简称，是一个开放源代码的版本控制系统，SVN服务器有2种运行方式：独立服务器和借助apache运行。TortoiseSVN官网
2. IIS --- 是Internet Information Services的缩写，意为互联网信息服务开发环境下的虚拟服务器。开启方法
3. Fidder --- 抓包工具。是最强大最好用的Web调试工具之一！用法
4. PhotoShop --- 是由Adobe Systems开发和发行的图像处理软件。 高级教程 ，初级教程

四. 国内当前主流浏览器有那些

1. chrome --------  谷歌Google -----全球最份额第一
2. IE---------------   微软Internet Explorer ---最新版本11---web最强兼容性
3. Firefox----------   Mozilla火狐   ----开放源代码的网页浏览器
4. Opera------------  欧朋 最新版本12---浏览速度最快----2016年2月被360和昆仑万维收购
5. safari--------------------    苹果   -------是苹果计算机的操作系统Mac OS中的浏览器