重新思考前端开发

结构、表现、行为

结构:HTML用于描述页面的结构,就像人的骨架。
变现:CSS用于控制页面中的元素的样式,类似于身穿的衣服,美化页面。
行为:Javascript用于响应用户操作,可以让人动起来,活起来。

一、WEB应用历史

- 前端的起点——1994年

前端
网景公司推出第一版Navigator
万维网联盟创立
css发布
动态web网页设计的服务端脚本PHP诞生

万维网是欧洲核子研究所创建的,发布xml、html、css、DOM等网页编写规范

- 从静态走向动态

静态
1、布局相同,内容不同的页面,需要重复写。
2、计算任务全部在服务器端实现,容易造成同步阻塞
动态
1、PHP实现了与数据库交互和动态页面模板引擎。
2、js实现了客户端的计算任务

二、前后端分离

1、为什么要前后端分离在这里插入图片描述
2、怎样进行前后端分离
在这里插入图片描述
前端:负责View和Controller层。

后端:只负责Model层,业务处理/数据等。

如果前端掌握了Controller,前端工程师可以做统一资源定位符设计,可以根据场景决定在服务端同步渲染,还可以根据view层数据输出json数据,还可以根据表现层需求很容易的做动态网页服务,Comet的web应用框架,编程接口等,完全是需求决定使用方式。

3、基于NodeJS"全栈"式开发
要实现前后端分离,就需要一种web服务器来实现前后端的任务
在这里插入图片描述
优点: 合理的分层能让职责清晰、也方便协作,会大大提高开发效率。前端工作量虽然增加了一点,但有了nodejs后,有了联调、沟通环节,总体开发效率提升很多。

三、前端主流技术和内涵

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

四、前端工程化

1、什么是工程化?
在这里插入图片描述
Web业务日益复杂化和多元化

在这里插入图片描述

2、怎样进行前端工程化
在这里插入图片描述

五、学习前端的心态

1、如何应对新技术层出不穷的现状?

在这里插入图片描述
2、学习前端并没有那么简单,但也没有那么难,兴趣是最好的老师,不是吗?
在这里插入图片描述
在这里插入图片描述
注:在此非常感谢方师兄给的帮助,我才能有这么多资料,以及学习的动力

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值