摘要： 在上一节利用element-ui封装地址输入的组件留下了个尾巴，说react搭配ant-design封装一下地址输入的组件的。本来应该早早就完成的，但是由于这中间发生了一些事情，导致了突发性的换了工作，所以一直耽误到现在，今天就把这个尾巴结束吧！ 事实上，ant-design在form组件内提供了自 阅读全文

摘要： 我们前端做项目时，难免会遇到地址输入，多数情况下，我们都是提供一个省市三级联动，加上具体地址输入的Input输入框给用户，用以获取用户需要输入的真实地址。在需要对用户输入的数据进行校验的时候，我们会单独针对省市的三级联动和具体地址栏单独校验。也基本上能够完成项目需求。 然而当我们转向vue+elem 阅读全文

摘要： 做单页应用，不管是用Vue还是React，或者其他，有一个重要的原则，就是：组件重用。 既然组件可以重用，那么当添加一个信息，和修改该信息的布局必然是一致的，这时候，最好的方法自然是利用同一个组件，在添加信息的时候，默认值为空，在修改的时候，默认值为后台获取到的数据。 看一个基础页面： 这是一个添加 阅读全文

摘要： 距离上一篇文章，似乎已经过去好久了。 确实是最近相对忙了一点，本身是用vue重构之前一个传统的项目，就自己一个人写。而且，在稍微闲暇之余，想着同时用react也重构一遍，也算是对react的学习吧！毕竟只有实际应用才是最好的学习方法。 在vue应用中，我们常常涉及到一个概念就是路由导航守卫。 在做用 阅读全文

摘要： 数组常用方法应该只剩下最后这哥仨了，他们都是最早的ECMA-262标准的方法，结果写着写着，居然把他们写到最后了。 slice：slice() 方法返回一个新的数组对象，这一对象是一个由 begin和 end（不包括end）决定的原数组的浅拷贝。原始数组不会被改变。 先看定义，其实该方法就是对原数组 阅读全文

摘要： 今天写的reduce是比较复杂的一个数组方法，其实在这之前我也用过reduce，可是每次用起来总感觉不那么顺手，主要还是因为不熟，对reduce本身不熟。首先reduce这个单词翻译为中文，不那么直观，再加上他的示例比较简单，导致用在复杂情况下，就有点懵逼的感觉。通过自己的理解，我们重构一次，可能更 阅读全文

摘要： 其实还有一个方法push，应该放在一起说的，问题是他跟concat跑了，那只剩下这哥仨了。 pop：pop()方法从数组中删除最后一个元素，并返回该元素的值。此方法更改数组的长度。捎带一下push，push是在数组当中最后存入参数当中传递过来的元素，而pop恰好相反，删除数组当中最后一个元素。似乎没 阅读全文

摘要： 我们继续吧！ includes：includes() 方法用来判断一个数组是否包含一个指定的值，根据情况，如果包含则返回 true，否则返回false。还是先看看includes的用法吧 var array1 = [1, 2, 3, [], {},0,false, null]; console.lo 阅读全文

摘要： 今天到flat了，一个第一次知道该方法还是看到一个面试题，别人给了个答案，用到了flat才知道的方法。 前面也写过关于这道面试题的文章，《一道关于数组的前端面试题》。 这里再来说说吧！ flat：flat() 方法会按照一个可指定的深度递归遍历数组，并将所有元素与遍历到的子数组中的元素合并为一个新数 阅读全文

摘要： 继续数组方法，今天应该到filter了。 filter：filter() 方法创建一个新数组, 其包含通过所提供函数实现的测试的所有元素。 使用： var words = ['spray', 'limit', 'elite', 'exuberant', 'destruction', 'present 阅读全文