前端躬行记

前端躬行记

前端躬行记

古语云：“纸上得来终觉浅，绝知此事要躬行”。不管看了多少本书，如果自己不实践，那么就很难领会其中的精髓。为此，开辟了《前端躬行记》系列，将相关知识系统的记录下来，以便自己翻阅，也希望能帮助到广大网友。

等 4 人订阅共44篇文章创建于2022-04-25

HTML躬行记（4）——Web音视频基础

公司目前的业务会接触比较多的音视频，所以有必要了解一些基本概念。文章涉及的一些源码已上传至 Github，可随意下载。

2年前
164
点赞
评论

HTML躬行记（3）——WebRTC视频通话

WebRTC 在创建点对点（P2P）的连接之前，会先通过信令服务器交换两端的 SDP 和 ICE Candidate，取两者的交集，决定最终的音视频参数、传输协议、NAT 打洞方式等信息。

2年前
574
1
评论

HTML躬行记（2）——WebRTC基础实践

WebRTC (Web Real-Time Communications) 是一项实时通讯技术，在 2011 年由 Google 提出，经过 10 年的发展，W3C 于 2021 年正式发布

2年前
131
1
评论

Node.js躬行记（13）——接口拦截和页面回放实验

最近在研究 Web自动化测试，之前做了些实践，但效果并不理想。　　对于 QA 来说，公司的网页交互并不多，用手点点也能满足。对于前端来说，如果要做成自动化，就得维护一堆的脚本

2年前
106
点赞
评论

Node.js躬行记（12）——Web自动化测试

网页在提测流转给 QA 后，如何能帮他们更有效而准确的完成测试，是我一直在思考的一个问题。QA 他们会对网页编写测试用例，在提测之前会让我们将优先级最高的用例跑通，这在一定程度上能够避免频繁的返工

2年前
203
点赞
评论

Node.js躬行记（11）——低代码

低代码开发平台（LCDP）是无需编码（0代码）或通过少量代码就可以快速生成应用程序的开发平台。让具有不同经验水平的开发人员可以通过图形化的用户界面，通过拖拽组件和模型驱动的逻辑来创建网页和移动应用程序

2年前
154
点赞
评论

CSS躬行记（11）——管理后台响应式改造

为了提升业务人员操作管理后台的体验，花了点时间进行响应式的改造，紧急情况时，掏出手机就能工作。利用CSS3的媒体查询，就能根据不同屏幕的尺寸采用不同的样式来渲染，目前使用的移动端屏幕阈值为750。

2年前
99
点赞
评论

TypeScript躬行记（8）——装饰器

装饰器（Decorator）可声明在类及其成员（例如属性、方法等）之上，为它们提供一种标注，用于分离复杂逻辑或附加额外逻辑，其语法形式为@expression。

3年前
150
1
评论

TypeScript躬行记（7）——命名空间

TypeScript中的命名空间可将那些具有内在联系的接口、类或对象等代码组织在一起，既能隔离作用域，也能避免命名冲突，并且使得代码结构清晰，更易追踪。在命名空间内部，所有实体部分默认都是私有的

3年前
89
点赞
评论

TypeScript躬行记（6）——高级类型

本节将对TypeScript中类型的高级特性做详细讲解，包括交叉类型、类型别名、类型保护等。交叉类型（Intersection Type）是将多个类型通过“&”符号合并成一个新类型

3年前
219
点赞
评论

TypeScript躬行记（5）——类型兼容性

TypeScript是一种基于结构类型的语言，可根据其成员来描述类型。在判断两个函数的兼容性时，需要考虑参数数量、返回值类型等多个方面。

3年前
85
点赞
评论

TypeScript躬行记（4）——泛型

泛型是程序设计语言中的一种风格或范式，相当于类型模板，允许在声明类、接口或函数等成员时忽略类型，而在未来使用时再指定类型，其主要目的是为它们提供有意义的约束，提升代码的可重用性。

3年前
119
点赞
评论

TypeScript躬行记（3）——类

类是对对象的抽象，描述了对象的特征和行为，而对象就是类的实例。ES6引入了类的概念，TypeScript在此基础上，不仅根据ES7等规范完善了类的语法，还添加了许多其它语法。

3年前
107
点赞
评论

TypeScript躬行记（2）——接口

在传统的面向对象语言中，接口（Interface）好比协议，它会列出一系列的规则（即对行为进行抽象），再由类来实现这些规则。而TypeScript中的接口更加灵活，除了包含常规的作用之外，它还能扩展其

3年前
558
2
评论

TypeScript躬行记（1）——数据类型

TypeScript不仅支持JavaScript所包含的数据类型，还额外扩展了许多实用的数据类型，例如枚举、空值、任意值等。

3年前
102
点赞
评论

HTML躬行记（1）——SVG

<svg>是矢量图的根元素，通过xmlns属性声明命名空间，从而告诉用户代理标记名称属于哪个XML方言。在下面的示例中，为<svg>元素声明了宽度和高度（默认以像素为单位），其子元素<title>

3年前
1.1k
1
评论

CSS躬行记（10）——CSS方法论

方法论是一个哲学术语，会对一系列具体的方法进行分析研究、系统总结并最终提出较为一般性的原则。CSS方法论是一种面向CSS、由个人和组织设计、已被诸多项目检验且公认有效的最佳实践。

3年前
118
1
评论

CSS躬行记（9）——网格布局

网格布局（Grid Layout）也叫栅格布局，与表格布局类似，也依赖行和列。但与之不同的是，网格布局能直接控制HTML文档中元素的顺序、位置和大小等，而不用再借助辅助元素。

3年前
810
3
评论

CSS躬行记（8）——裁剪和遮罩

裁剪（clipping）能让元素显示指定形状的区域，在布局时可起点缀的作用，丰富了视觉呈现。注意，裁剪本质上只是让元素的部分区域透明，由此可知，裁剪完后元素所占的空间仍旧会保留。

3年前
361
点赞
评论

CSS躬行记（7）——合成

在图形编辑软件中，可以按特定地方式处理不同图层的合成，最新的CSS规范也引入了该功能，并提供了mix-blend-mode和background-blend-mode两个属性。

3年前
113
点赞
评论