前端框架

165 阅读2分钟

1.为什么需要前端框架?

​ 当前前端开发的状态---

​ 前端基础三大语言:

​ HTML:构建页面内容和结构

​ CSS:美化和布局页面内容

​ JavaScript:提供交互能力和动态

​ 三者整合就是我们现在看到的网页页面---所有的页面和页面功能都能够被完成

​ 现在能做什么?

​ 浏览器展示的网页+小程序

​ 网站,网页游戏等等

​ 当前的状态有什么问题?

​ 基础语言开发的时候----面向过程方式-------每一步都是自己写----面面俱到---开发业务复杂难度大

​ 每个人有每个人的编写代码的方式和习惯---开发写作难---没有标准

​ 无法适应当下和未来的开发理念----懒

​ 前后端开发独立----前端走向服务器化---复杂度进一步增加

当前核心思想

​ 复杂自由发挥-----简单+标准化

前端也需要与时俱进

​ 标准化开发过程-----开发用原生的基础语言的一个项目---开发窗口---让你填空

​ 简单化业务内容----常规的业务操作进行封装---直接使用--

​ ----编写一些成型的组件和页面---供你直接使用

​ 将写好的内容---打包整合----形成一套功能包----成为框架

2.什么是框架?

​ 框架是由基础语言编写的半成品的项目

3.框架分类

​ 前端框架

​ 后端框架

​ 整合框架

​ 系统框架

​ 1.概念

​ 有前端基础语言【HTML+CSS+JavaScript】开发有规范的半成品项目

​ 2.分类

​ js框架【对JavaScript编写业务的简化】:

​ jQuery,angular,node,vue,react

​ ul框架【html+css构建页面内容的框架】

​ jQueryUI,easyUI,layUI,boostrap,element-ui等

​ js引擎:

​ box.js,three.js,metor.js等等

​ 网址:

element.eleme.cn/#/zh-cn

layui.dev/

threejs.org/

​ 3.我们选择学习的框架

​ jQuery---入门

​ vue---主要学习框架---基础语法

​ nodejs+layui、elementui----完成功能

​ 4.学习前端框架得前提条件

​ 编写框架得基础语言必须熟练【硬性】

​ 前端框架需要掌握:html5-----css3-----JavaScript(typescript)

​ 1.html---标签库

​ 架构标签

​ 文本标签

​ 超链接

​ 换行

​ 横线

​ 段落

​ 块

​ 表单

​ 框架

​ 媒体

​ 表格

​ 列表

​ 2.css----样式库

​ 引入样式

​ 样式定义

​ 常用样式

​ 选择器

​ 盒子模型

​ 3.JavaScript----脚本语言

​ 1.基础语法

​ 关键字

​ 标识符

​ 注释

​ 变量和常量

​ 运算符

​ 流程语句

​ 数组

​ 函数

​ 2.高级语法

​ 对象概念 闭包概念

​ 常用对象:

​ 字符串,日期 数学等等

​ 3.正则表达式

​ 4.json数据

前端开发得工具和环境

​ 工具:

​ 记事本----基础语言用

​ hbuilderx--开源的前端工具--推荐初学者使用

​ vscode----壳子----插件开发工具----开发人员使用

​ webstrom------收费

​ 环境

​ 浏览器:谷歌/火狐/edge