React 表单校验库React Hook Form是一个高性能、灵活、易拓展、易于使用的表单校验库,用于React Web&Native的表单验证。 特性 使创建表单和集成更加便捷非受控表单校验以性能和开发体验为基础构建迷你的...
前端开发
JavaScript 设计模式之迭代器模式
迭代器模式迭代器模式是指提供一种方法顺序访问一个聚合对象中的各个元素,页不需要暴露该对象的内部表示。迭代器模式可以把迭代的过程从业务逻辑中分离出来,在使用迭代器模式之后,即使不关心对象的内部构造,...
css 实现 Bootstrap 网格系统,12栏栅格布局
网格系统在平面设计中,网格是一种由一系列用于组织内容的相交的直线(垂直的、水平的)组成的结构(通常是二维的)。它广泛应用于打印设计中的设计布局和内容结构。在网页设计中,它是一种用于快速创建一致的布...
React Hooks 状态的分层设计、自定义 hook
react-hooks 是 react16.8以后,react新增的钩子API,目的是增加代码的可复用性,逻辑性,弥补无状态组件没有生命周期,没有数据管理状态state的缺陷。react-hooks思想和初衷,也是把组件,颗粒化,单元化,形成...
HTTP协议详解
HTTP运行机制 HTTP 协议基于请求 / 响应(Request / Response)模式实现,相当于客户 / 服务器模式。它为客户 / 服务器通信提供了握手方式及报文传送格式,支持客户端(浏览器)与服务器之前的通信 ...
JavaScript 设计模式之代理模式
代理模式是为了一个对象提供一个代用品或占位符,以便控制对它的访问。 代理模式是一种有用的模式,在生活中可以找到很多代理模式的场景。1、保护代理之不直接面对,不愿暴露,而是通过代理方式与外部接触;2、虚...
JavaScript 设计模式之策略模式
定义:定义一系列的算法,把它们一个个封装起来,并且使它们可以相互替换这些算法灵活多样,而且可以随意互相替换 var strategies = { 'S': function(salary) { return salary * 4 }, 'A': fun...
JavaScript设计模式之单例模式
定义:保证一个类仅有一个实例,并提供一个访问它的全局访问点。单例模式是一种常用的模式,有些对象往往只需要一个,比如:线程池、全局缓存、浏览器中的 window 对象等。在 Javascript 开发中,单例模式的用途...
JavaScript 闭包和高阶函数
一、闭包 变量的作用域 在函数中声明一个变量,如果变量前面没有带上关键字 var ,这个变量就会成为全局变量,用 var 关键字声明变量,变量即为局部变量,只有在函数内部可以访问 var func = function(...
JavaScript this、call 和 apply 初识
一、this this 指向 作为对象的方法调用 当函数做为对象的方法调用时,this 指向该对象 var obj = { name: 'javaScript', getName: function() { console.log(this === obj); // true ...