前端入门
前端入门
菜鸟入门必读:零基础的小明要如何成为前端工程师?
web开发技术文档:Web 开发技术
前端发展史
https://zhuanlan.zhihu.com/p/29924966
对比iOS,我们了解OC的发展史,才会明白OC为什么会有[ ]这种奇怪的语法,为什么会有runtime,为什么apple还要开发新语言swift。所以学习一门语言,首先需要了解它的历史。
有些历史时刻,是对前端开发产生了深远影响的,比如ie6的发布,jQuery的发布,ajax的流行,知历史,我们可以预判到前端的未来发展方向,知历史,我们可以打通知识体系,尤其是资历尚浅的前端同学。
技术栈
基础
- HTML
HTML(HyperText Markup Language,超文本标记语言)用于描述、定义页面内容。 - CSS
CSS(Cascading Style Sheets,层叠样式表)用于描述页面内容的外观与展示。 - JavaScript
JavaScript 是在浏览器中运行的编程语言。 它可以为你的网站或应用程序添加交互性和其他动态功能。
随着 Node.js 的出现, 你也可以在服务器上运行 JavaScript。
进阶
- jQuery
jQuery 是一个高效、精简并且功能丰富的 JavaScript 工具库。它提供的 API 易于使用且兼容众多浏览器,这让诸如 HTML 文档遍历和操作、事件处理、动画和 Ajax 操作更加简单。 - CSS preprocessor
CSS有些缺陷,比如,统一管理CSS颜色时,需要定义一个变量,CSS不支持程序的变量概念。所以就有了CSS预处理器,可以定义变量,统一管理。简单来说就是你可以先写一些不是 CSS 的语法,经过这个预处理器之后,就会变成符合标准的 CSS。常见的CSS预处理器有:SCSS/SASS、Less 跟 Stylus. - npm
包管理器,类似于iOS的cocoapods - 响应式框架
VUE,React等等 - webpack
本质上,webpack 是一个现代 JavaScript 应用程序的_静态模块打包器(module bundler)。当 webpack 处理应用程序时,它会递归地构建一个_依赖关系图(dependency graph),其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个 bundle。