大家好，工作闲暇之余又来续写一下Formik这个库的文章了，这次文章主要内容为如下： 更多表单组件的封装示例 单选/多选按钮 选择器 时间选择器 文本输入框 提交按钮 Formik的表单验证 Formik的表单提交处理 总结 表单组件的封装 在上篇我们简单的封装了一下InputItem组件，并为该组件增加了错误提示功能，接下来我们可以...

首先来一次问题的描述吧，个人感觉这样学习的方法不错。 关于Redux中state改变而render不渲染的问题。 实际问题场景如下： 数据：一个数组dateList，一个对象activeObj。["2013","2014"],{} 在手风琴组件内，我们根据数组遍历生成对应List，并为其添加onChange监听。 理想效果为，根据点击的List发送ajax请求，在请求完...

概览 本文主要用于记录该次使用Formik时用到的相关接口，而侧重点不在antd-mobile，对antd-mobile会贴出对应组件API。 文章需要基础知识点： React基本知识 ES6基本知识 文章实践环境为： antd-mobile@2.2.3 formik@1.1.1 react@16.4.1 文章最后成果： 熟悉Formik的使用方法 封装一个简单的自用表单组件 Formik 开源的轻...

首先我们要对计数排序有一个正确的认识,计数排序是用于确定范围的整数的线性时间排序算法,这一句话我们就可以知道计数排序该如何用了.处理数据:确定范围内的整数特点:快(线性时间)

今天在这里就略微谈一下响应式布局吧,想必大家都知道响应式布局已经在这个移动端为主流的时代成为了避不开的话题之一,接下来我们从小到大来谈谈响应式网页设计的基本原则.

对于我们CSS开发者来说经常听到一些关于'LESS'和'SASS'的信息,但是我们并不知道这都是什么意思,这篇文章就是为我们而准备的.在调查这些语言后,我已经发现它们都是一些js文件,运行后会产生相应CSS文件给我们.为什么我们要使用'LESS'和'SASS'它们呢,因为我们可以避免CSS中需要的重复性人物.

主要介绍不常用的DOM类型 这里介绍我们的其他类型,包括以下几个类型: Text类型 Comment类型 CDATASection类型 DocumentType类型 DocumentFragment类型 Attr类型 <!-- more --> Text类型 文本节点由Text类型表示 特征 nodeType值为3 nodeName为"#text" nodeValue为节点包含的文本 parentNode是一个Element 不支持(...

除了IE(该死的IE),其他所有浏览器都可以访问到Node类型,而JS中所有节点类型都继承自Node类型,因此所有节点类型都共享着相同的基本属性和方法.每个节点都有一个nodeType属性,可以表明节点的类型,我们来看看有哪些类型吧

奇妙的记忆点: 不稳定 内排序 基本思想: 分为两步,建堆与维持堆的性质,首先我们要先理解堆是什么东西.堆其实就是一个完全二叉树,我们可以使用顺序表存储一个二叉树,如下图所示来存储: 其中分为最大堆最小堆,而最大堆就是上头大,下头小;最小堆则反之.明白了堆的定义我们就可以开始学习堆排序了,堆排序其实也是分为有序区...

通过一趟排序把待排序记录分为独立的两部分,其中一部分记录的关键字都比另一部分的关键字小,则分别对两部分继续进行排序,以达到整个序列有序.自己的理解:其实就是用分治法的思路,将一个数组分为两半,进行无限分割排序.首先在数列中取一个值,成为"关键字/基准"(pivot);然后比它小的放前面,大的放后面,相同的话随便放.递归...

JavaScript高程第六章:继承-理解与实践昨日细细的读了一遍JavaScript高程,现在写篇文章来巩固下认知吧. 读 首先是从中读到了什么,我自己也在读书的时候用笔记下了各个部分的点,现在等于阅读笔记回忆下书本. 理解基础 ECMA-262(第五版)ECMA中规定了两种属性:数据属性 and 访问器属性 数据属性 包含一个数据值的位置(读取...

参考书:严蔚敏-数据结构 希尔排序(Shell's Sort) 希尔排序又称"缩小增量排序",归属于插入排序一类,简单来说,和我们的插入排序比,它更快. 奇妙的记忆点: 内排序(内存排序就够了) 不稳定(排序后原始顺序无法保证) 希尔排序重点在于分割. 基本思想: 将整个待排序记录序列分割为若干个子序列,然后对每一个子序列进行直接插入...

比想象的要简单点,它直接根据传入的非Promise对象return了一个新的Promise对象.并且和then函数一样调用了handle()函数.也就是说该函数相当于new了个Promise再调用then函数一样.

相比大家都看到这行函数了doResolve(fn, this);,这里也就是我们初始化一个Promise时会做的事了,我们在看这个函数前,先理解下源码中类似于工具函数一样的函数.

下一篇大概就是源码方面的学习笔记了...龟速学习中... 这一次我是去看了下Promises/A+规范照例传送门:图灵社区Promises/A+规范 [链接] 首先吧个人总结下该用的词: 解决(fulfill/resolve): 结婚 拒绝(reject) 婉拒 终值/值(eventual value/value) 传家宝 拒因(reason) 好人卡等等 异常(exception) 车祸 Promise thenable ...

Promise对象是CommonJS(熟悉的名字吧- -)工作组提出的规范.Promise原本只是社区提出的构想,一些外部函数库率先实现了该功能,ES6中将其写入了语言标准.目的:为异步操作提供统一接口

最近对于圆形有种特别的感情呢...因为写了个cricle_process_bar就像到了用来做时钟大概会比较有趣吧,所以就着手写了个这样的一个东西.大概代码上错漏还是蛮多的.接下来分享下关于如何开发一个圆形时钟条吧~_~

已知HTML结构如下,以下哪些CSS可以实现左列定宽(100px)右列宽度自适应的布局? {代码...} (A).parent{display:flex;}.left{width:100px;}.right{flex:1;}(B).parent{overflow:hidden;}.left{float:left;width:100px;}.right{overflow:hidden;}(C).parent{display:flex;}.left{width:100px;}.right{flex:auto;}(D).parent{...

今天,上网找了下各种flex的博文学习了一番,资料如下:阮一峰的网络日志Dive into Flexbox2009年,W3C提出了---Flex布局,特点是 简便 完整 响应式 兼容性如下查询链接 介绍 Flex(Flexible Box),意思为"弹性布局"任何一容器都可以指定为Flex布局,甚至行内元素也可以 {代码...} 但是由于支持的情况各不相同,我们还是需要对属...

今天和朋友一起屁颠颠的跑去深圳参加了IMWeb Conf 2016,毕竟是第一次参加这种分享会,总是有那么一些小激动的.早上6点就起床跑去赶高铁去深圳啦,回到学校也差不多眼睛快睁不开了,但是打铁还是要趁热的,这次分享会让我对前端的了解更近了一步,现在就先回顾下今天的流程,总结下其中听到的技术.