一锅端——前端和大前端

欢迎关注，敬请点赞！

小前端

小前端就是 Web 前端。对于就业来说，前端常称“web”；后端常称“开发”或“数据”。

前端，也就是用户操作互动界面：负责用户界面、展示数据和获取用户输入，包括：

• Web页面的结构；
• Web的外观视觉表现；
• Web层面的交互实现。

前端分工：

• 网页设计师：对网页的架构、色彩以及网站的整体页面代码负责；
• 网页美工：只针对UI这块的东西，比如网站是否做的漂亮；
• web前端开发工程师：是负责交互设计的，需要和后端开发程序员(包括数据分析和人工智能算法)配合。

WEB工作原理

返回顶部

• 浏览器 => 服务器：发送请求，一般用于索取相关数据，或者提交相关请求。
• 服务器 => 浏览器：响应请求，服务器接收到请求，解析处理，然后返回相关数据。
• 页面组成：HTML、CSS、JS

HTML简介

• 说明：HTML是HyperText Markup Language的缩写，即超文本标记语言，所见即所得
• 最新版本：h5
• 后缀：.html
• 标签：是HTML文件的基本组成部分
• 编辑工具：notepad++、hbuilder(支持国产)、…
• 测试工具：chrome、firefix 、…

CSS简介

• 说明：CSS是Cascading Style Sheet 的缩写，即层叠样式表
• 作用：HTML的标签决定页面中有什么内容，CSS可以对页面的内容进行修饰
  • HTML的标签会决定页面中有什么内容，CSS可以对页面的内容进行修饰
• 为什么使用？
  • 通过标签属性可以设置样式，但是页面会比较臃肿，使用CSS可以将内容与显示分开；
  • CSS提供了很多标签属性无法完成的效果；
  • CSS可以独立成文件，多个页面可以共享，节约带宽，降低成本。
• 后缀：.css

JS简介

• 说明：JS是JavaScript的缩写，借助Java的名气进行推广而已
• 定位：客户端脚本，服务器端对应的脚本叫node.js
• 组成：语法、文档对象模型(DOM)、浏览器对象模型(BOM)

jQuery简介

• jQuery是一个快速、简洁的JavaScript框架
• jQuery设计的宗旨是“write Less，Do More”，写更少的代码，做更多的事情
• 它封装JavaScript常用的功能代码，优化HTML文档操作、事件处理、动画设计和Ajax交互。

WEB框架

返回顶部
常用框架有bootstrap和Vue

bootstrap简介

• 简洁、直观、强悍的前端开发框架，让web开发更迅速、简单。
• 是最受欢迎的 HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 WEB 项目。

Vue简介

• 构建用户界面的渐进式框架。
• 只关注视图层， 采用自底向上增量开发的设计。
• 目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件

大前端

返回顶部
大前端包括一切负责展示的端，包括：

• Web 前端(PC)
• 移动[手机端（Android、iOS）+ 智能穿戴设备 + 车载系统]
• VR
• 智能电视等等

大前端负责从浏览器端到web服务器端的所有开发，从后端工程师那边调用数据api，包含：

• 客户端业务逻辑（浏览器上的html，css，js）
• 服务器端业务逻辑（node.js），使js与算法结合，对接访问数据中间层。

站在“前端开发”的角度：

① 对于“小系统”，有了 node.js 后，
大前端 = 全栈；

② 对于应对“各种端”应用，
大前端 = Web 前端 + 手机端（Android、iOS）+ 智能穿戴设备 + 车载系统 + VR+智能电视 + ……
全栈 = 啥都会又啥都不会；

③ 对于“小程序”等“微应用”，
大前端 = 小程序 + 快应用 + 其他。

总结：

前端是需要产品思维的。
量力而行、通力合作，不是更愉快、更和谐吗？
都想着大，自己累死、别人失业，何必呢？

欢迎关注，敬请点赞！
返回顶部