前端知识体系

目录

1、概述：

2、前端核心分析：

VUE 概述

vue.js优点：

前端三要素

结构层（html）

html基本机构

表现层（css）

什么是CSS预处理器？

常用的CSS预处理器有哪些？

行为层（JavaScript

Native 原生JS开发

TypeScript 微软的标准

 JavaScript框架：

UI框架

JavaScript构建工具

3、三端统一（了解即可）

混合开发（Hybrid APP）

微信小程序

4、后端技术

5、主流前端框架

---

---

1、概述：

• Vue 的核心库只关注视图层，方便与第三方库或既有项目整合。
• HTML + CSS + JS : 视图 ： 给用户看，刷新后台给的数据
• 网络通信 ： axios
• 页面跳转 ： vue-router
• 状态管理：vuex
• Vue-UI : ICE , Element UI

2、前端核心分析：

VUE 概述

• Vue (类似于view)是一套用于构建用户界面的渐进式框架，发布于2014年2月。
• 与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。
• Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库(如: vue-router: 跳转，vue-resource: 通信，vuex:管理)或既有项目整合

官网：https://cn.vuejs.org/v2/guide/

vue.js优点：

1. 体积小（压缩后33K）

2. 更高的运行效率（基于虚拟dom，一种可以预先通过JavaScript进行各种计算，把最终的dom操作计算出来并优化的技术，由于这个dom操作时预处理，并没有真实操作dom，所以叫做虚拟dom）

3. 双向数据绑定（让开发者不用再去操作dom对象，把更多的精力投入到业务逻辑上。）

4. 生态丰富，学习成本低（市场上拥有大量成熟、稳定的基于vue.js的ui框架，常用组件，拿来即用实现快速开发！）

扩展：

vue.js -- 前端开发人员必修技能

1. 使用场景广泛（被广泛的应用于web端，移动端，跨平台应用开发）

2. 招聘市场需求大，前景较好

前端三要素

• HTML (结构) ：超文本标记语言(Hyper Text Markup Language) ，决定网页的结构和内容
• CSS (表现) ：层叠样式表(Cascading Style sheets) ，设定网页的表现样式
• JavaScript (行为) ：是一种弱类型脚本语言，其源代码不需经过编译，而是由浏览器解释运行,用于控制网页的行为

结构层（html）

HTML

• hyper text markup language（超文本标记语言）
• 超文本包括：文字，图片，音频，视频，动画等

HTML5

• 提供了一些新的元素和一些有趣的新特性，同时也建立了一些新的规则。这些元素、特性和规则的建立提供了许多新的网页功能，如使用网页实现动态渲染图形、图表、图像和动画，以及不需要安装任何插件直接网页播放视频等。
• H