SASS基本用法指南

什么是 SASS ? Sass 是一款强化 CSS 的辅助工具,它在 CSS 语法的基础上增加了变量 (variables)、嵌套 (nested rules)、混合 (mixins)、导入 (inline imports) 等高级功能,这些拓展令 CSS 更加强大与优雅。使用 Sass 以及 Sass 的样式库(如 Compass)有助于更好地组织管...

CSS垂直居中的几种方法

1、通过 verticle-align:middle 实现 CSS 垂直居中 通过 vertical-align:middle 实现CSS垂直居中是比较使用的方法,但是有一点需要格外注意,vertical-align:middle 生效的需要元素为行内元素或者设置 display:inline-block 的块元素。 .parent { height: 100px; ...

React Hook Form 表单校验库

React 表单校验库React Hook Form是一个高性能、灵活、易拓展、易于使用的表单校验库,用于React Web&Native的表单验证。 特性 使创建表单和集成更加便捷非受控表单校验以性能和开发体验为基础构建迷你的体积而没有其他依赖遵循 html 标准进行校验与 React Native 兼容...

JavaScript 设计模式之迭代器模式

迭代器模式迭代器模式是指提供一种方法顺序访问一个聚合对象中的各个元素,页不需要暴露该对象的内部表示。迭代器模式可以把迭代的过程从业务逻辑中分离出来,在使用迭代器模式之后,即使不关心对象的内部构造,也可以按顺序访问其中的所有元素。 内部迭代器 它完全接手...

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、虚拟代理把一些开销很大的对象,延迟到真正需要它的时候才创建。 ...