【WEB模型】CS架构&BS架构&HTML&CSS&JS

一、CS架构 - Client/Server 客户端/服务器

pc安装软件:安卓应用、ios应用

需要安装专门软件才能用,软件直接跟服务器通信

开发成本高,各个平台都有对应的开发工程师

好处:功能强大

二、BS架构 - Browser/Server 浏览器/服务器

不需要安装软件,打开浏览器就能用

浏览器访问网页,网页背后连服务器

开发成本低,只需要一个前端开发

好处:方便快捷

三、HTML

HTML(HyperText Markup Language,超文本标记语言)是用于创建网页的标准标记语言。它通过标签(tags)定义网页的结构和内容,如文本、图像、音频、视频、链接等。浏览器解析HTML代码后渲染出可视化页面,他负责整个网页架构。

四、CSS

CSS(Cascading Style Sheets,层叠样式表)是一种用于描述网页外观和格式的样式表语言。它与HTML结合使用,控制网页的布局、颜色、字体等视觉表现,实现内容与样式的分离。

五、JS

JavaScript(简称 JS)是一种轻量级、解释型的编程语言,主要用于为网页添加交互功能。它是现代 Web 开发的三大核心技术之一(HTML、CSS、JavaScript),支持事件驱动、函数式编程和面向对象编程范式。

即:HTML搭架构-->CSS染颜色,做页面效果-->JS做交互

相关推荐
jerryinwuhan1 小时前
基于各城市站点流量的复合功能比较
开发语言·php
UXbot2 小时前
AI原型设计工具如何支持团队协作与快速迭代
前端·交互·个人开发·ai编程·原型模式
迈巴赫车主2 小时前
Java基础:list、set、map一遍过
java·开发语言
ZC跨境爬虫2 小时前
跟着MDN学HTML_day_48:(Node接口)
前端·javascript·ui·html·音视频
南 阳3 小时前
Python从入门到精通day66
开发语言·python
PieroPc4 小时前
CAMWATCH — 局域网摄像头监控系统 Fastapi + html
前端·python·html·fastapi·监控
十八旬4 小时前
快速安装ClaudeCode完整指南
开发语言·windows·python·claude
前进的李工4 小时前
EXPLAIN输出格式全解析:JSON、TREE与可视化
开发语言·数据库·mysql·性能优化·explain
Byron Loong5 小时前
【c++】为什么有了dll和.h,还需要包含lib
java·开发语言·c++
巴巴博一5 小时前
2026 最新:Trae / Cursor 一键接入 taste-skill 完整教程(让 AI 前端告别“AI 味”)
前端·ai·ai编程