前端躬行记

前端躬行记

前端躬行记

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

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

CSS躬行记（6）——滤镜

滤镜（filter）可改造元素的视觉呈现，CSS内置的滤镜有10种，通过SVG文件还能自定义滤镜。调色滤镜可控制元素的模糊、颜色、亮度等变化，并且多个滤镜可组合在一起使用。

3年前
146
点赞
评论

CSS躬行记（5）——渐变

渐变是由两种或多种颜色之间的渐进过渡组成，它是一种特殊的图像类型，分为线性渐变和径向渐变，这两类渐变还会细分为单次和重复两种。渐变图像与传统图像相比，它的优势包括占用更少的字节，避免额外的服务器请求

3年前
420
点赞
评论

CSS躬行记（4）——浮动形状

CSS规范新增了一个模块：CSS Shapes，shape-outside属性属于该模块，它能影响浮动元素周边内容流的形状（即浮动形状），可接收三类值：形状盒子、函数和图像。

3年前
717
4
评论

CSS躬行记（3）——CSS属性拾遗

粘滞定位（sticky）与相对定位类似，既不会脱离正常流，也不会改变元素盒类型，并且会保留原先所占的空间。它会相对于包含块偏移，它的包含块分为两种，第一种和绝对定位一样；第二种是最近的滚动祖先

3年前
552
1
评论

CSS躬行记（2）——伪类和伪元素

伪选择器弥补了常规选择器的不足，能够实现一些特殊情况下的样式，例如在鼠标悬停时或只给字符串中的第一个字符指定样式。与类选择器类似，可以从HTML元素的class属性中查看到

3年前
812
2
1

CSS躬行记（1）——CSS基础拾遗

CSS3新增的box-decoration-break属性可指定行内非替换元素在跨行、跨列或跨页时的样式渲染，它包含两个值：（1）slice：默认值，盒子会被分割成多部分。

3年前
134
点赞
评论

数据结构和算法躬行记（8）——动态规划

动态规划（Dynamic Programming，DP）是指在给定的约束条件下求最优值的算法，在解决问题的过程，需要经历多个决策阶段，每个决策阶段都对应着一组状态。

3年前
209
点赞
评论

数据结构和算法躬行记（7）——分治算法

分治算法（Divide-and-Conquer Algorithm），就是分而治之，把一个复杂问题分成两个或更多个相同或相似的子问题，直到最后子问题可以简单的直接求解，原问题的解即子问题的解的合并。

3年前
124
点赞
评论

数据结构和算法躬行记（6）——贪心算法

贪心算法（Greedy Algorithm）会在每一步选择中都采取当前状态下最好或最优（即最有利）的选择，不能回退，从而希望结果是最好或最优的算法。它是动态规划的一种特例，需要满足更多的限制条件。

3年前
126
点赞
评论

数据结构和算法躬行记（5）——回溯算法

回溯算法（backtracking）是一个类似枚举的搜索尝试过程，在寻找问题解的过程中，当发现不满足求解条件时，就退回一步，尝试其它路径，该算法的时间复杂度都不会低于 O(N!)

3年前
139
点赞
评论

数据结构和算法躬行记（4）——二分查找

二分查找是对一种针对有序数据集合的查找算法，依赖数组，适合静态数据。通过 n/2^k=1（k 是比较次数），可以求得 k=log2^n，因此时间复杂度为高效地 O(logn)

3年前
94
点赞
评论

数据结构和算法躬行记（3）——二叉树

树是一种非线性表数据结构，树的基本概念如下所列。（1）结点高度：结点到叶子结点的最长路径（即边数）。（2）结点深度：根结点到这个结点所经历的边的个数。

3年前
169
点赞
评论

数据结构和算法躬行记（2）——栈、队列、散列表和位运算

栈（stack）是一种操作受限的线性表数据结构，基于后进先出（LIFO）策略的集合类型，例如函数中的临时变量符合后进先出的特性，因此用栈保存最合适。

3年前
144
点赞
评论

数据结构和算法躬行记（1）——链表

链表（Linked List）是不同于数组的另一种数据结构，它的存储单元（即结点或元素）除了包含任意类型的数据之外，还需要包含指向另一个结点的引用，后文会用术语链接表示对结点的引用。

3年前
108
点赞
评论

Node.js躬行记（10）——KOA源码分析（下）

在上一篇中，主要分析了package.json和application.js文件，本文会分析剩下的几个文件。在context.js中，会处理错误，cookie，JSON等。

3年前
118
点赞
评论

Node.js躬行记（9）——KOA源码分析（上）

本次分析的KOA版本是2.13.1，它非常轻量，诸如路由、模板等功能默认都不提供，需要自己引入相关的中间件。源码的目录结构比较简单，主要分为3部分，tests，lib和docs

3年前
90
点赞
评论

Node.js躬行记（8）——半吊子的可视化搭建系统

我们组维护的管理后台会接到很多开发需求，每次新开页面，就会到处复制黏贴相关代码。并且还会经常性的翻阅文档，先在书签或地址栏输入WIKI地址，然后找到那一份说明文档，再定位到要看的组件位置。

3年前
121
点赞
评论

Node.js躬行记（7）——活动配置化

一直想将一些常规活动抽象化，制作成可配置的。原先的计划是做成拖拽的，那种可视化搭建，运营也能自己搭建页面。这是一个美好的愿景，但是现实不允许我花太多精力去制作这样一个系统。经过权衡后

3年前
109
点赞
评论

Node.js躬行记（6）——活动规则引擎

在日常的业务开发中，会包含许多的业务规则，一般就是用if-else硬编码的方式实现，这样就会增加逻辑的维护成本，若无注释，可能都无法理解规则意图。因为一旦规则有所改变，那么就需要修改代码再发布代码

3年前
306
1
评论

Node.js躬行记（5）——MySQL归档

当前我们组管理着一套审核系统，除了数据源是服务端提供的，其余后台管理都是由我们组在维护。这个系统就是将APP中的各类社交信息送到后台，然后有专门的审核人员来判断信息是否合规

3年前
81
点赞
评论