css 实现 Bootstrap 网格系统,12栏栅格布局

网格系统在平面设计中,网格是一种由一系列用于组织内容的相交的直线(垂直的、水平的)组成的结构(通常是二维的)。它广泛应用于打印设计中的设计布局和内容结构。在网页设计中,它是一种用于快速创建一致的布局和有效地使用 HTML 和 CSS 的方法。 Grid.css .grid { ...

React Hooks 状态的分层设计、自定义 hook

react-hooks 是 react16.8以后,react新增的钩子API,目的是增加代码的可复用性,逻辑性,弥补无状态组件没有生命周期,没有数据管理状态state的缺陷。react-hooks思想和初衷,也是把组件,颗粒化,单元化,形成独立的渲染环境,减少渲染次数,优化性能。 React Hooks是Rea...

HTTP协议详解

HTTP运行机制 HTTP 协议基于请求 / 响应(Request / Response)模式实现,相当于客户 / 服务器模式。它为客户 / 服务器通信提供了握手方式及报文传送格式,支持客户端(浏览器)与服务器之前的通信 客户端首先要与服务器建立 TCP 连接客户端向服务器发送 HTTP 请求...

JavaScript 设计模式之代理模式

代理模式是为了一个对象提供一个代用品或占位符,以便控制对它的访问。 代理模式是一种有用的模式,在生活中可以找到很多代理模式的场景。1、保护代理之不直接面对,不愿暴露,而是通过代理方式与外部接触;2、虚拟代理把一些开销很大的对象,延迟到真正需要它的时候才创建。 ...

JavaScript设计模式之单例模式

定义:保证一个类仅有一个实例,并提供一个访问它的全局访问点。单例模式是一种常用的模式,有些对象往往只需要一个,比如:线程池、全局缓存、浏览器中的 window 对象等。在 Javascript 开发中,单例模式的用途同样非常广泛,比如做登录弹框,它在当前页面是唯一的,无论单击...

JavaScript 闭包和高阶函数

一、闭包 变量的作用域 在函数中声明一个变量,如果变量前面没有带上关键字 var ,这个变量就会成为全局变量,用 var 关键字声明变量,变量即为局部变量,只有在函数内部可以访问 var func = function() { var a = 'JavaScript'; console.log(a); // JavaScript...