摘要: 在开发过程中,我们会碰到很多绑定持续触发的事件。例如:文本框输入,下拉加载更多等,可能会持续的触发发送请求导致服务端压力过大。这个时候,我们就要优化一下,怎么才能不要持续触发,而是给它一个“缓一缓”的时间,那么防抖和节流这个概念就出来了。 1.什么是防抖? 就是在一段时间n内,只能执行一次函数(使用 阅读全文
posted @ 2020-05-20 09:32 阿周 阅读(147) 评论(0) 推荐(0) 编辑
摘要: Vuex是一个状态管理模式,专门为vue.js创造出来的。它可以集中管理存储整个项目的所有组件的状态,并根据相应的具体规则来改变状态。所以,如果不是开发复杂的单页面应用,是没有必要使用vuex,简单的store模式即可。(可以见官网) 下面直接开始具体怎么使用vuex(以最简单的计数器做例子)。 1 阅读全文
posted @ 2020-05-18 14:20 阿周 阅读(1089) 评论(0) 推荐(0) 编辑
摘要: 这两天看ant-design的文档,看到定制主题,就想自己也来试试。 首先,我是用的vue-cli 2版本来做的。 一、将项目搭建好 1.创建一个vue项目 vue create antd-demo 2.安装ant-design-vue npm install ant-design-vue --sa 阅读全文
posted @ 2020-04-30 10:19 阿周 阅读(2560) 评论(1) 推荐(2) 编辑
摘要: 一、什么是Promise? (1)Promise时JS中进行异步编程的新的解决方案。(旧的是回调函数) (2)从语法上看,Promise是一个构造函数。 (3)从功能上来说,Promise对象用来封装一个异步操作并可以获取其结果。 二、Promise的状态 1.Promise一共有三种状态,pend 阅读全文
posted @ 2020-04-27 22:13 阿周 阅读(269) 评论(0) 推荐(0) 编辑
摘要: 在vue中,可以使用现有的框架,例如element-ui或者ant-design等来直接实现上传文件和下载文件。 但是我不想使用框架,直接用js来实现。 一、上传文件 1.编写页面 //上面这个按钮是用来显示上传按钮的 <div class="addFile"> <button @click="tr 阅读全文
posted @ 2020-04-27 14:43 阿周 阅读(6997) 评论(4) 推荐(0) 编辑
摘要: 做项目时,遇到需要增加或者减少相同组件时,用v-for循环出来。一般情况下,都习惯性的把index(序号)赋值给key,来作区别。 这样的结果就是无论怎么删,都是只删除了最后一个子组件。 主要原因还是出在虚拟DOM上,应该给key一个子组件独一无二的值来作为唯一标识。 解决办法: 给数组遍历一次,加 阅读全文
posted @ 2019-10-29 16:58 阿周 阅读(2281) 评论(0) 推荐(0) 编辑
摘要: vue-pdf就是pdf.js进行了进一步简化封装,参考github:https://github.com/FranckFreiburger/vue-pdf#readme 一、下载并引进需求 1.下载: npm install vue-pdf --save-dev 2.引进:import pdf f 阅读全文
posted @ 2019-10-21 13:51 阿周 阅读(9820) 评论(2) 推荐(1) 编辑
摘要: 最近开始了第一份工作,对于前端新手小白,以前的惯用做法都是直接在需要的页面写请求数据的接口。但是因为项目中会频繁的请求后台,所以将所有的请求封装起来,方便管理。 一、配置url(可以放在一个js中) const service=axios.create({ baseURL:请求的地址, timeou 阅读全文
posted @ 2019-09-17 10:43 阿周 阅读(25569) 评论(0) 推荐(3) 编辑
摘要: 我用得最多的大概就是jquery中的ajax了吧,就从ajax总结起走: 一、ajax: 参数解释:(主要就用到url、type、data、dataType、success、error等,其他的看需求而定) $.ajax({ url:" ", //请求的地址,类型为string type:" ", 阅读全文
posted @ 2019-01-11 14:48 阿周 阅读(50037) 评论(0) 推荐(3) 编辑
摘要: 最近在别的博客看到的,正好也要用就记录一下。 一、下载: npm install qs 二、语法: 1.qs.parse() 将url解析成对象的形式 例如: const Qs=require('qs'); let url="method=query_sql_dataset_data&project 阅读全文
posted @ 2019-01-11 10:15 阿周 阅读(5162) 评论(0) 推荐(0) 编辑