937 字 1 分钟

# 设计模式 设计模式，即软件设计中常见问题的解决方案模型 历史经验的总结 与特定语言无关 # 分类 一共有 23 种设计模式。 创建型 - 如何创建一个对象 结构型 - 如何灵活的将对象组装成较大的结构 行为型 - 负责对象间的高效通信和职责划分 # 浏览器中的设计模式 单例模式 发布订阅模式 # 单例模式 定义 全局唯一访问对象 应用场景 缓存，全局状态管理等。 # 发布订阅模式 定义 一种订阅机制， 可在被订阅对象发生变化 时通知订阅者。 应用场景 从系统架构之间的解耦，到业务中一些实 现模式，像邮件订阅，上线订阅等等，应 用广泛。 # JavaScript...
3.2k 字 4 分钟

# 初识 HTTP 在浏览器地址栏输入网址，按下回车后发生了什么？ # 什么是 HTTP Hyper Text Transfer Protocol 超文本传输协议 应用层协议，基于 TCP 协议 请求 响应 简单可扩展 无状态 # 协议分析 # 报文 # Method 方法 说明 GET 请求一个指定资源的表示形式。使用 GET 的请求应该只被用于获取数据 POST 用于将实体提交到指定的资源，通常导致在服务器上的状态变化或副作用 PUT 用请求有效载荷替换目标资源的所有当前表示 DELETE 删除指定的资源 HEAD 请求一个与 GET...
1.3k 字 2 分钟

# 为什么学习 TS TypeScript JavaScript JavaScript 的超集，用于解决大型项目的代码复杂性 一种脚本语言，用于创建动态网页 不允许改变变量的数据类型 变量可以被赋值成不同类型 强类型，支持静态和动态类型 动态弱类型语言 可以在编译期间发现并纠正错误 只能在运行时发现错误 # TS 基础 # 基础类型 boolean、number、string 枚举 enum any、unknown、void never 数组类型 [] 元组类型 tuple # 函数类型 定义：TS...
525 字 1 分钟

# 写好 JS 的一些原则 各司其责 让 HTML、CSS 和 JavaScript 职能分商 组件封装 好的 UI 组件具备正确性、扩展性、复用性 过程抽象 应用函数式编程思想 # HTML/CSS/JS 各司其责 结论 应当避免不必要的由 JS 直接操作样式 可以用 class 来表示状态 纯展示类交互寻求零 JS 方案 # 例子：轮播图制作 # 结构 轮播图是一个典型的列表结构，我们可以使用无序列表 ul 元索来实现 # 表现 使用 CSS 绝对定位将图片重叠在同一个位置 轮播图切换的状态使用修饰符 (modifier) 轮播图的切换动画使用 CSS...
2.8k 字 4 分钟

# 选择器优先问题 越特殊，选择器优先级越高 # 继承 某些属性会自动继承其父元素的计算值，除非显示指定一个值 可继承的属性 不可继承的属性要想继承父元素，可以使用显式继承，即 inherit 一、css...
2.2k 字 3 分钟

# 前端与 HTML # 什么是前端？ 解决 GUI 人机交互问题 跨终端 PC / 移动浏览器 客户端小程序 VR/AR 等 Web 技术栈 # 前端应该关注那些方面 功能（核心：要解决用户需求） 美观 安全 性能 无障碍 兼容性 用户体验 # 前端的边界 前端领域发展迅速，技术更新快。 # 开发环境 只需浏览器和编辑器，易于入门 # HTML 是什么？ HTML 全称为 HyperText Markup Language HyperText 指图片、标题、连接、表格等内容，Markup Language...
1.5k 字 2 分钟

# 前端语言的基本能力 前端三剑客：HTML CSS JavaScript 同等重要，缺一不可。 # HTML（超文本标记语言） 用于定义网页结构和内容。HTML 是一种用于创建网页的标记语言。它由一系列标签（tag）组成，这些标签用于描述网页的结构和内容。HTML 标签告诉浏览器如何显示网页的各个部分，包括文字、图像、链接、表格等。 HTML 是构建万维网的基础，与 CSS 和 JavaScript 等其他技术一起，可以创建出各种丰富多样的网页和交互式应用程序。 # CSS （层叠样式表） CSS 是一种用于描述网页样式和布局的样式表语言，与 HTML 结合使用。CSS 可以对 HTML...
3.2k 字 4 分钟

学的这个视频，用来预习字节青训营前端题 # 模版字符串 const username = "john";const age = 30;console.log("My name is " + username + " and my age is " + age);const a = `My name is ${username} and my age is ${age}`;console.log(a);都能打印 My name is john and my age...
3.9k 字 5 分钟

# HTML 学习笔记 # HTML 概念先导 HTML 指的是超文本标记语言: HyperText Markup Language。准确来说，HTML 不是编程语言而是标记语言，由各种 HTML 元素（HTML 标签和 HTML 内容）组成。 <!DOCTYPE html> //声明为HTML5文档<html> //HTML页面的根元素<head> //包含文档的元(meta)数据<meta...