标签： functional

发布于

CSS `Functional Programming` 思想在 `CSS Variables` 与 `calc()` 中的体现

各位观众老爷们，大家好！今天咱们不聊八卦，来点硬核的，聊聊 CSS 里那些隐藏的“函数式编程”小心机。别害怕，虽然名字听起来高大上，但保证你听完之后，感觉 CSS 也能玩出花儿来！ 咱们今天要聊的核心是：CSS Variables (自定义属性) 和 calc() 函数，以及它们如何体现函数式编程的思想。 什么是函数式编程？别怕，三句话概括： 纯函数： 给定相同的输入，永远返回相同的输出，没有副作用（不改变外部状态）。 不可变性： 数据一旦创建，就不能被修改。 函数是一等公民： 函数可以像变量一样传递和使用。 听起来有点抽象？没关系，咱们用 CSS 的例子来解释。 一、CSS Variables：变量，但不仅仅是变量 CSS Variables，又称自定义属性，用 — 开头定义。它们允许你存储值，并在整个样式表中重复使用。乍一看，这好像只是提高了代码的可维护性，避免了到处复制粘贴。但实际上，它也为函数式编程的思想埋下了伏笔。 :root { –base-color: #3498db; –spacing-unit: 16px; } body { background-color: …

继续阅读“CSS `Functional Programming` 思想在 `CSS Variables` 与 `calc()` 中的体现”

发布于

JS `Functional Reactive Programming` (FRP) 与 `RxJS` 的冷热流概念

各位观众老爷，大家好！我是你们的老朋友，今天咱们来聊聊 JS 领域里高大上的 Functional Reactive Programming (FRP) 以及 RxJS 中让人挠头的冷热流概念。保证让各位听完之后，感觉自己也像个 FRP 大师一样，指点江山，激扬文字！ 开场白：为啥要有 FRP？ 咱们先来想想，平时写 JS 代码，是不是经常遇到各种异步操作？比如用户点击按钮、网络请求、定时器等等。这些操作会产生一堆事件，然后我们需要手动去处理这些事件，代码写多了就成了意大利面条，乱成一锅粥。 FRP 就是来拯救我们的！它把一切都看作是数据流，然后用函数式的方式来处理这些数据流，让我们的代码更加简洁、易于维护。 FRP 核心概念：数据流和函数式操作 FRP 的核心就是数据流 (Data Stream)。你可以把数据流想象成一条河流，河里流淌着各种数据，比如鼠标点击事件、键盘输入、网络请求结果等等。 然后，我们可以用各种函数式操作 (Functional Operations) 来处理这些数据流，比如 map (映射)、filter (过滤)、reduce (归约) 等等。 举个例子： / …

继续阅读“JS `Functional Reactive Programming` (FRP) 与 `RxJS` 的冷热流概念”

发布于

函数索引（Functional Indexes）/ 表达式索引（Expression Indexes）的创建与应用

好的，各位观众老爷们，晚上好！我是你们的老朋友，江湖人称“Bug终结者”的码农老王。今天，咱们不聊枯燥的代码，不谈深奥的理论，咱们来聊点儿接地气的，聊聊数据库里那些“扮猪吃老虎”的家伙——函数索引，也叫表达式索引。 开场白：索引界的“变形金刚” 话说这数据库的世界，就像一个巨大的图书馆，里面塞满了各种各样的书籍（数据）。我们想要快速找到想要的书，就得借助图书馆的索引系统。普通的索引，就像按照书名排列的索引卡片，简单直接。但是，如果我们需要按照书名的长度，或者作者姓名的第一个字母来找书呢？普通的索引就抓瞎了。 这时候，就需要我们的主角——函数索引登场了！它就像一个变形金刚，可以根据我们自定义的函数或表达式，生成索引，让我们在复杂的数据查询中也能游刃有余。 第一幕：什么是函数索引？（What is it?） 简单来说，函数索引就是对数据库表中某个字段应用函数或表达式后，再对结果建立的索引。 你可能会问：“直接对字段建立索引不好吗？干嘛这么麻烦？” 嗯，这个问题问得好！这就好比你直接把书按照书名排列，当然简单。但是，如果你的需求变了，需要按照书名的字数来找书，你难道要把所有的书重新排列一遍吗 …

继续阅读“函数索引（Functional Indexes）/ 表达式索引（Expression Indexes）的创建与应用”