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等等
网址:
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