前端需要掌握的知识

Posted 前端之路

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前端需要掌握的知识相关的知识,希望对你有一定的参考价值。

一.基础知识

  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中的浏览器

以上是关于前端需要掌握的知识的主要内容,如果未能解决你的问题,请参考以下文章

前端小知识点(从一名小白到前端大神需要掌握哪些知识点)

前端需要掌握的知识

想从事web前端开发工作,需要掌握哪些知识?

WEB前端开发培训需要掌握哪些技能

前端开发到底需要掌握哪些知识?

要学Web前端开发,你要掌握这6点知识