FormData 对象的使用：1.用一些键值对来模拟一系列表单控件：即把form中所有表单元素的name与value组装成一个queryString2. 异步上传二进制文件。（ps：说白了就是不使用form表单实现form表单提交数据或文件，如果还是不懂，请自行百度）实现过程1.使用type类型为file的input框实现选择文件(顺便记录一下修改input框的默认样式)2.修改input框的默认样式3.通过选择文件拿到数据4.请求接口以上就是本次关于vue中实现上传文件给后台的...
本文实例讲述了JS中的算法与数据结构之栈(Stack)。分享给大家供大家参考，具体如下： 栈(Stack) 上一篇我们说到了列表，它是一种最自然的数据组织方式，如果对数据的存储顺序要求不重要，那么列表就是一种非常适合的数据结构，但对于计算机其他的一些应用（比如后缀表达式），那么列表就显得有些无能为力， 所以，我们需要一种和列表功能相似但更复杂的数据结构。 栈，又叫堆栈，是和列表类似的一种数据结构，但是却更高效，因为栈...
本文实例讲述了JS中的算法与数据结构之队列(Queue)。分享给大家供大家参考，具体如下： 队列(Queue) 我们之前说到了栈，它是一种比较高效的数据结构，遵循 先入后出(LIFO，last-in-first-out) 的原则。而今天我们要讨论的队列，它也是一种特殊的列表，它与栈不同的是， 队列只能在队尾插入元素，在队首删除元素，就像我们平时排队买票一样~ 队列用于存储按顺序排列的数据，遵循 先进先出(FIFO，First-In-First-Out) 的原则，也是计...
本文实例讲述了JS中的算法与数据结构之字典(Dictionary)。分享给大家供大家参考，具体如下：字典(Dictionary) 字典(Dictionary)是一种以 键-值对 形式存储数据的数据结构 ，就如同我们平时查看通讯录一样，要找一个电话，首先先找到该号码的机主名字，名字找到了，紧接着电话号码也就有了。这里的键就是你用来查找的东西，本例中指代的就是名字，值就是查找得到的结果，也就是对应的电话号码。 其实，JavaScript 中的 Object 类就是...
本文实例讲述了JS中的算法与数据结构之链表(Linked-list)。分享给大家供大家参考，具体如下： 链表(Linked-list) 前面我们讨论了如何使用栈、队列进行存数数据，他们其实都是列表的一种，底层存储的数据的数据结构都是数组。 但是数组不总是最佳的数据结构，因为，在很多编程语言中，数组的长度都是固定的，如果数组已被数据填满，再要加入新的元素是非常困难的。而且，对于数组的删除和添加操作，通常需要将数组中的其他元素向前或...
本文实例讲述了JS中的算法与数据结构之集合(Set)。分享给大家供大家参考，具体如下：集合(Set) 同数学中所学的一样，集合(Set)是由一组无序但彼此之间又有一定关系性的成员构成，每个成员在集合中只能出现一次，不同于我们之前说的字典，链表之类的，它是一种包含了不同元素的数据结构(集合中的元素称为成员)，从其定义中我们可以看出它具有两个很重要的特征：首先，集合中的成员是无序的，其次，集合中的成员是不相同的，即集合中...
本文实例讲述了JS中的算法与数据结构之二叉查找树（Binary Sort Tree）。分享给大家供大家参考，具体如下： 二叉查找树（Binary Sort Tree） 我们之前所学到的列表，栈等都是一种线性的数据结构，今天我们将学习计算机中经常用到的一种非线性的数据结构——树（Tree），由于其存储的所有元素之间具有明显的层次特性，因此常被用来存储具有层级关系的数据，比如文件系统中的文件；也会被用来存储有序列表等。 在树结构中，每一个结点...
JS中的sender参数（sender是事件的传值）前提是只有一个touch移动的时候。多个touch需要在 changedTouches 数组中查找redclcik:function(sender){wx.showModal({title: 点击红色,content: ,})console.log(sender);},redmove:function(sender){console.log(sender);// console.log(sender.changedTouches[0].pageX);},.wxss内容： <view>移动视图控件</view> <!-- 创建一个move-area --> <movable-area style="width:100%;height:10...
本文实例讲述了JS中的算法与数据结构之列表(List)。分享给大家供大家参考，具体如下： 前言 前端很少有机会接触到算法，大多都交互性的操作，所以不少前端工程师会抱着这么一种想法：我是做前端的，为什么要学数据结构与算法？没有数据结构与算法，我一样很好的完成工作。实际上，算法是一个宽泛的概念，我们平时写的任何代码都可以成为算法，它是对一个问题的解决方案的准确而完整的描述，是解决一系列问题的清晰指令，它代表着用...
本文实例讲述了javascript事件监听与事件委托。分享给大家供大家参考，具体如下： 事件监听与事件委托 在js中，常用到element.addEventListener()来进行事件的监听。但是当页面中存在大量需要绑定事件的元素时，这种方式可能会带来性能影响。此时，我们可以用事件委托的方式来进行事件的监听。 每个事件都经历三个阶段 捕获到达目标冒泡事件委托需要用到事件的冒泡，冒泡就是事件发生时，上层会一层一层的接收这个事件。 如下页面结...
今天主要记录 vue中命名视图的用法 先奉上官网网址：https://router.vuejs.org/zh/guide/essentials/named-views.html 一般情况下，一个页面里面可能有多个组件，比如侧边栏，内容区，侧边栏是一个组件、内容区是一个组件，我们普遍会将两个组件作为子组件添加到主页面中，因为页面中只有一个 router-view视图，那么问题来了，怎么让一个页面中有多个视图呢，拥有多个视图，很随意，多写几个router-view标签就行了，但是每个route...
本文实例讲述了javascript面向对象三大特征之封装。分享给大家供大家参考，具体如下： 封装封装(Encapsulation)：就是把对象内部数据和操作细节进行隐藏。很多面向对象语言都支持封装特性，提供关键字如private来隐藏某些属性和方法。要想访问被封装对象中的数据，只能使用对象专门提供的对外接口，这个接口一般为方法。调用该方法能够获取对象内部数据。 在JavaScript语言中没有提供专门的信息封装关键字，不过可以使用闭包来创建...
本文实例讲述了javascript面向对象三大特征之继承。分享给大家供大家参考，具体如下： 继承在JavaScript中的继承的实质就是子代可以拥有父代公开的一些属性和方法，在js编程时，我们一般将相同的属性放到父类中，然后在子类定义自己独特的属性，这样的好处是减少代码重复。继承是面向对象的基础，是代码重用的一种重要机制。——此文整理自 《jQuery 开发从入门到精通》 ，这是本好书，讲的很详细，建议购买阅读。 继承的作用 实现...
本文实例讲述了javascript面向对象三大特征之多态。分享给大家供大家参考，具体如下： 多态从某种意义上来说，多态是面向对象中重要的一部分，也是实施继承的主要目的。 一个实例可以拥有多个类型，它既可以是这种类型，也可以是那种类型，这种多种状态被称为类的多态。 多态的表现形式很多，其中继承和重载都是多态的表现形式。——整理自《jQuery开发从入门到精通》 继承 继承本身是多态的一种实现。详情请参考前面一篇：https:/...
1、foreachforeach循环对不能使用return来停止循环search(keyword){var newList = []this.urls.forEach(item =>{if(item.name.indexOf(keyword) != -1){newList.push(item)}})return newList}2、filteritem对象就是遍历数组中的一个元素，includes是es6中的新方法，在search方法中直接返回新数组search(keyword){return this.urls.filter(item =>{if(item.name.includes(keyword)){return item}})} 3、findIndex返回true后index就可...