函数节流与函数防抖

什么是函数节流与函数防抖举个栗子,我们知道目前的一种说法是当 1 秒内连续播放 24 张以上的图片时,在人眼的视觉中就会形成一个连贯的动画,所以在电影的播放(以前是,现在不知道)中基本是以每秒 24 张的速度播放的,为什么不 100 张或更多是因为 24 张就可以满足人类视觉需求的时候,100 张就会显得很浪费资源。再举个栗子,假设电梯一次只能载一人的话,10 个人要上楼的话电梯就得走 10......
Just

React 中的函数式思想

题图:React Illustration 函数式编程简要概念 函数式编程中一个核心概念之一就是纯函数,如果一个函数满足一下几个条件,就可以认为这个函数是纯函数了: 它是一个函数(废话);当给定相同的输入(函数的参数)的时候,总是有相同的输出(返回值);没有副作用;不依赖于函数外部状态。当一个函数满足以上条件的时候,就可以认为这个函数是纯函数了。举个栗子: 123456789101112......
Just

如何实现一个简化版的 jQuery

对于操作 DOM 来说,jQuery 是非常方便的一个库,虽然如今随着 React, Vue 之类框架的流行,jQuery 用得越来越少了,但是其中很多思想还是非常值得我们学习的,这篇文章将介绍如何从零开始实现一个简化版 jQuery。 在这里,我把这个库命名为 Clus(class 的谐音),下面以 $ 符号代替。 首先需要声明一个构造函数并做一些初始化操作: 12345678functi......
Just

CSS 设计指南 学习笔记 一

由于 CSS 作用的对象是 HTML ,所以作者在这章主要先讲了一些基本的 HTML 标签的用法和结构。 1.2 HTML 文档剖析作者在这节主要讲了一个 HTML 页面所需的最基本的文档结构如下: 12345678910<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title&g......
Just

CSS 设计指南 学习笔记 二

本篇文章是笔者的 《CSS 设计指南》 学习笔记的第二部分,由于最近都在准备期末考的事,所以都没来得及对 《CSS 设计指南》 进行一些总结,没有看之前第一部分的话也可以从这里传送过去。 第三章 定位元素3.1 理解盒模型其实 HTML 页面中每个元素其实都是一个「盒子」,默认情况下这些盒子的边框不可见,背景也是透明的,所以我们不能直接的看到页面中盒子的结构,但是我们可以借助一些 Web D......
Just