返回标签

#前端

12 篇文章,按发布时间排列。

全栈基础

2.0 使用 Git 管理代码

没有版本控制时,项目目录很容易变成: 这种方式的问题不仅是文件名混乱,还包括:

全栈基础

2.1 前端是什么

前端是直接运行在用户设备上、负责呈现信息并接收交互的应用部分。 在 Web 开发中,它通常指运行在浏览器里的 HTML、CSS、JavaScript 及其资源。 前端不只是“美工”或“写页面”,它还要处理:

全栈基础

2.10 TypeScript:类型系统解决了什么

TypeScript 在 JavaScript 之上加入静态类型系统和相关语法。工具在运行前检查代码,再生成 JavaScript: TypeScript 的主要价值:

全栈基础

2.11 浏览器存储、缓存与安全边界

把缓存当唯一数据源,会在浏览器清理空间后丢失用户成果;把所有服务器数据永久复制到客户端,又会制造过期、隐私和一致性问题。 设计前先回答:哪一份是权威来源?数据丢失是否可接受?何时过期?是否含敏感信息?

全栈基础

2.2 前端模块化

小页面可以把所有代码放在一个 <script 里。项目变大后,这种方式会迅速遇到问题: 模块化是把系统拆成边界清晰、职责聚焦、通过明确接口协作的单元。 它的目标不是“让文件变多”,而是管理复杂度。

全栈基础

2.3 前端构建

开发时写的是源码(source code),最终部署的是构建产物(build artifacts)。把前者转换为后者的一组自动化处理,就叫构建。 简单的 HTML、CSS、JavaScript 可以不经过构建直接在浏览器运行。但现代项目

全栈基础

2.4 什么是框架?前端框架有哪些?为什么react不是框架?

开发软件时,我们不会从像素绘制、网络报文和数据结构全部手写。别人封装好的代码大致可以分成几种层次: 边界并非数学定理。同一个项目可以既自称框架,又允许像库一样渐进使用。比标签更重要的是知道:它替你决定了哪些事,你还必须自己选择哪些事。

全栈基础

2.5 把网页部署到公网上

localhost 或 127.0.0.1 指当前这台设备自身。开发服务器监听在这里时,请求不会离开你的电脑,互联网上的其他人自然无法访问。 让网站公开可用,至少要解决:

全栈基础

2.6 HTML:内容、结构与语义

HTML(HyperText Markup Language)用元素给内容增加结构和含义: 这里不是在告诉浏览器“第一行用 32 像素粗体”,而是在声明:这是一篇文章、一个一级标题和一个段落。视觉外观主要由 CSS 决定。

全栈基础

2.7 CSS:布局、响应式与渲染

CSS(Cascading Style Sheets)描述元素在不同设备、内容和状态下如何呈现。浏览器综合: 好的 CSS 通常描述关系,例如“卡片至少 16rem,能放几个就放几个”,而不是给每个元素写死屏幕坐标。

全栈基础

2.8 JavaScript:语言核心

JavaScript 是 ECMAScript 标准定义的编程语言。浏览器提供 DOM、Fetch、定时器、Storage 等 Web API;Node.js 则提供文件、进程和服务端网络 API。 Array.prototype.ma

全栈基础

2.9 异步、事件循环与 Promise

网络、磁盘和用户输入的速度远慢于 CPU。如果程序发出请求后原地占住主线程等待,页面会无法点击、滚动或绘制。 异步的核心是:发起一个暂时不能立即完成的操作,把继续执行所需的信息保存下来;操作完成后,再安排后续代码运行。