番外 JavaScript 中的类型判断方法
JavaScript 提供了多种判断值类型的机制，各自适用于不同的场景。本文梳理 、、、、 和 六种方式的适用边界与取舍逻辑。 typeof：原始类型检查的基本工具 是类型判断中最常用的操作符。它对原始类型的返回值基本可靠： 然而 对于对象类型存在已知局限：数组、对象字面量、正则表达式、 均返回 。 源自 JavaScript 初始版本中值的内部类型标签（Type Tag）设计：对象的类型标签为 ，而 被表示为全零指针，其类型标签同样为 ，因此被误判为对象。该行为已…
网络知识体系：从基础协议到 Web 安全
网络模型与分层架构 OSI 七层模型与 TCP/IP 四层模型 网络通信的复杂性被分层模型所管理。理论上存在 OSI 七层参考模型，但工程实践中遵循的是 TCP/IP 四层模型。两者的对应关系以及各层代表性协议如下： | 层级 | OSI 七层 | TCP/IP 四层 | 代表性协议 | |---|---|---|---| | 7 | 应用层 | 应用层 | HTTP、HTTPS、DNS、FTP、SMTP | | 6 | 表示层 | 应用层 | TLS/SSL（加密与压缩） …
番外 浏览器渲染原理
本节知识提炼自渡一教育大师课，图片素材来自课程素材。WEB前端大师课 首先要回答的问题是何为渲染： 渲染（render）对于浏览器来说，仅代表着一件事，就是将 HTML/CSS 转换为屏幕上像素信息的这一整条完整流水线；对于vue或者react等框架来说，渲染则意味着计算变更后的 UI 应该长什么样（虚拟 DOM），并更新真实 DOM 来匹配这个状态。 而渲染发生的时机，就与事件循环有密切的关联。 对于“输入地址按下回车键后，发生了什么事”这一经典面试题，可以说整个过程主要分…
番外 this解析
this 是什么 是执行上下文中的一个独立槽位，存放一个对象引用。不在活动对象里，不参与作用域链查找。 不是编写时确定的，而是调用时由调用方式决定。 一句话而言，处于函数的执行上下文里面，指向调用函数的对象。 this只能存在于一个函数里面，因为每个函数被调用时，JS 引擎都会创建一个执行上下文（Execution Context），里面有一块固定内存叫this，无非会不会用到this。而this存放的是指针，指针指向调用这个函数的对象。 绑定规则（4 条） 规则 1：默…
阅读DAY8 JavaScript高级程序设计 6章下 高级引用类型
开始阅读JavaScript高级程序设计（第5版）学习JS，总共有1000+页，非常全面，短期看完不太现实，找到了一篇博客，花些时间跟着这篇博客过一下红宝书。 JavaScript高级程序设计（第5版）微信读书 红宝书《JavaScript高级程序设计（第5版）》学习大纲 - 大前端全栈开发 - SegmentFault 思否 object，map，set，weakmap和weakset的基本api对比： | 操作 | Object …
Jekyll 侧边栏自定义「最近」Tab 页实现记录
需求 博客文章越来越多，希望侧边栏新增一个「最近」tab 页，按最后修改时间（）降序展示最近 7 天内修改或新建的文章，不足 10 篇时用最新文章补齐。 技术方案 Chirpy v5.1 侧边栏的 tab 页由 文件 + 驱动。常规做法是自定义 layout 分页，但不干净。 最终采用 纯 Ruby Generator plugin 方案： Generator 在构建时截获 ，注入排序好的 HTML 内容 不写任何自定义 、 文件 卡片的 HTML 结构手动拼出，与主题 …
CSSDAY4 Flexbox And Grid
开始根据林想的Web工坊大佬的建议路线学习CSS。 本文涉及内容会如下： CSS flexible box layout - CSS \| MDN CSS grid layout - CSS \| MDN flex是内容驱动排列，而grid则是布局驱动排列。 📊 本节知识点重要度速览： / 双轴概念 / / / 🔴 每天必写； / / / / 🟡 常用； 简写 / / 初始值细节 🟢 知道就行； 书写模式（writing modes）理论 ⚪ 了解即可。 T…
localStorage、sessionStorage 与 Cookie：从状态保持到浏览器存储的演化
前端存储是面试中的经典话题。localStorage、sessionStorage 与 Cookie 被反复放在一起比较，但初学时常常会感到困惑：Cookie 明明是 HTTP 协议中用来维持会话状态的机制，为什么总是被拉进"浏览器存储"的比较当中？本文从状态与存储的双重视角出发，梳理这三者（以及它们背后更大的家族）的关系，补全面试中容易被追问的脉络。 本文参考了掘金文章《面试题深度解析：localStorage、sessionStorage 与 Cookie：前端存储的三大…
CSSDAY4 Display And Positioning
开始根据林想的Web工坊大佬的建议路线学习CSS。 本文涉及内容会如下： CSS display - CSS \| MDN CSS positioned layout - CSS \| MDN Block and inline layout in normal flow（正常流中的块级与行内布局） CSS 2.1 规范定义了正常流（normal flow）的默认行为：所有盒子都属于某个格式化上下文（formatting context），并且只能是 block 或 inlin…
- 1
- 2
- 2 / 2