前端之路

前言

我是通过视频和网络教程学习的前端技术。前端给人的感觉总是很炫，写的代码总能很快看到直观的结果。但是，前端的技术更新很快，又有很多的库很多知识要学。所以呢，我就在这里记录一下我的前端学习之路。我认为基础很重要，除了前端基础，还包括计算机的基础，然后是实践与思考。我常会有这样的感觉，我要努力解决这个问题，然后不久发现一个东西，惊呼——哇哦！这不就是我需要的那个解决方法么，然后我就意识到这不就是所谓的重复造轮子。我的学习过程也大多就是这种发现缺轮子、自己造轮子、发现更好的轮子、用最好的轮子的过程。

入门

HTML、CSS、JavaScript 是前端最基础的三部分。我对前端的理解：

1. HTML 是内容和骨架
2. CSS 带来美观的样式
3. JavaScript 使网页活动起来

当我学了这些内容之后就迫不及待的想做一些东西。我觉得 js 太好玩了，但是似乎太麻烦了，操作一个元素总是要写几行代码才可以，然后就发现了 jQuery 。

进阶

jQuery

jQuery 是一个js库，把对元素的操作变得非常简洁，几乎就是直接把脑中的想法映射到代码中，不像js要很细致的操作。

// js 原生
var title = document.getElementById('title')
title.innerText = 'Hello World!'

// jquery
$('#title').text('Hello World!')

 Sass/Less

CSS 的语法如下：
　　[选择器] { 若干条样式声明 }
一个 CSS 文件中会有多条的语句组成，如果要写很多样式，就要罗列很多，与 html 层层嵌套的标签相比毫无逻辑感，在维护的时候也相当不容易。
如果 CSS 也能像 html 一样可以嵌套就好了，这时就需要 Sass/Less 了。
Sass 和 Less 都是对 CSS 的扩展，支持变量、嵌套、函数、导入等特性。

高级

ES6

当程序写的越来越多，js就会有很多问题难以理解，比如this、闭包、可怕的嵌套回调、原型链等等，ES6的出现使得js程序变得优雅，数组对象可以解构赋值、有了 class、promise 避免回调陷阱、标准的模块语法等等

Vue vs React

当做的项目越大，总是要维护很多的状态、数据、事件等等，程序上了百行就变得不易阅读浏览，Vue与React的出现使前端开发变成了像搭积木一样容易，不用费心于状态的变换、数据的管理、事件的维护，大的项目可以拆成一个个小的组件，容易设计，容易理解。

 

转载于:https://www.cnblogs.com/bfjdbcs/p/10955478.html