- Fetch.js
pilakuma
import*ashelperfrom'./helper.js'importCookiesfrom'js-cookie'exportdefaultasync(url='',data={},type='GET',method='fetch',body=null)=>{type=type.toUpperCase();url=url;if(data){if(type=='GET'||type=='POS
- 简单封装axios
N_bcde
axios安装npminstallaxios--save首先在src目录下创建axios文件夹,然后创建index.js和fetch.js两个文件。fetch.js文件代码如下:importaxiosfrom'axios'//定义fetch函数,config为配置exportfunctionfetch(config){//返回promise对象returnnewPromise((resolve,r
- Vue.js笔记 — axios 前台拦截器
honglingdai
我们在请求后台数据时,都会在请求过程中执行动画,和统一管理请求错误、MD5加密、验证TOKEN,等等的情况;使用axios做请求时,你可以做如下设置来解决以上问题1、npmiaxiosqs--save来下载这两个模块2、创建fetch.js文件,内容如下:importaxiosfrom'axios'importqsfrom'qs'//直接post请求后台取不到参数,()//发起请求时,会执行该方法
- VUE获取请求进度
ThemisHoo
onUploadProgress允许为上传处理进度的事件,是axios的请求配置之一。importfetchfrom'@/libs/fetch.js';/*上传文件*/functionaudioUpload(e,callback){letheaders={'Content-Type':'multipart/form-data',};returnfetch({headers,url:'/api/up
- fetch封装
@世俗散仙
笔记
1.src文件夹下创建util文件夹2.util文件夹下创建fetch.js文件3.fetch.js书写注意请求的地址和请求头tokenimport{Toast}from‘vant’;//允许同时存在多个ToastToast.allowMultiple();letdataurl=‘www.baidu.com’//我们请求的接口constHttp=function(){letDeviceID=loc
- fetch.js封装
向艳蓉
- 在vue中使用axios(详细通用版)
温其如玉_zxh
前端JavaScriptvuevuehttphttps经验分享postman
一、安装1、使用npm$npminstallaxios2、使用bower$bowerinstallaxios3、使用cdn二、封装在src下创建两个文件夹,utils和api,分别用来放封装的文件和接口文件1、封装fetch.js在utils中创建fetch.js文件,内容如下fetch.js//引入element插件,也可以不用,看具体项目需求import{Message}from"elemen
- 封装微信小程序api - wx.request
MacSam
fetch.js最底层封装//https://mp.weixin.qq.com/debug/wxadoc/dev/api/network-request.htmlmodule.exports=function(url,method,data,params){letusertry{user=wx.getStorageSync('user')}catch(e){wx.showModal({conten
- 增删改查js2019-07-19
LookForandPersi
importfetchfrom"@/utils/fetch.js";import{Message}from"element-ui";exportdefault{data(){return{typeList:[],typeListObj:{},typeTree:[],typeInfo:{id:null,pid:0,path:"0",typeIcon:"",typeName:"",typeOrder:
- slider info index2019-07-25
LookForandPersi
{{scope.row.date}}姓名:{{scope.row.name}}住址:{{scope.row.address}}{{scope.row.name}}编辑删除importfetchfrom"@/utils/fetch.js";import{Message}from"element-ui";importelDialogfrom"./elDialog";importlistfrom"lis
- map2019-08-02
LookForandPersi
您使用的浏览器版本过低,请换高版本浏览器查看。-->您使用的浏览器版本过低,请换高版本浏览器查看。取消保存import{MP}from"@/utils/map";importfetchfrom"@/utils/fetch.js";import{Message}from"element-ui";exportdefault{data(){return{visiable:false,formData:{
- info2019-07-21
LookForandPersi
取消确定importfetchfrom"@/utils/fetch.js";import{Message}from"element-ui";importlistfrom"list";exportdefault{components:{list},data(){return{conf:{parameters:{keyWord:""},dir:"desc",sort:"id"},search:[{na
- 基本模板2019-07-26
LookForandPersi
importfetchfrom"@/utils/fetch.js";import{Message}from"element-ui";importlistfrom"list";exportdefault{components:{list},data(){return{conf:{parameters:{keyWord:""},dir:"desc",sort:"id"},search:[{name:"
- 2018-03-09
ideago
小程序网络请求封装示例fetch.js/***抓取远端API的结构*https://developers.douban.com/wiki/?title=movie_v2*@param{String}apiapi根地址*@param{String}path请求路径*@param{Objece}params参数*@return{Promise}包含抓取任务的Promise*/module.export
- 2019-10-24
LookForandPersi
importfetchfrom"@/utils/fetch.js";import{Message}from"element-ui";importstorefrom"@/store";importechartsfrom"echarts";exportdefault{mounted(){this.init();},data(){return{conf:{parameters:{State:"1"},d
- 新手axios封装
独孤求胖
写在最前面##新手前端刚刚接触vue,感觉真的好用。项目中需要使用axios,然后学习了一下。借鉴网上一些大佬的经验,现在分享一下axios的简单封装,如果有什么错误的地方,请大家指出。axios安装##npminstallaxios--save最最简单的使用##首先在src目录下创建axios文件夹,然后创建index.js和fetch.js两个文件。fetch.js文件代码如下:importa
- promise封装wx.request()
有手就...卧槽我手呢
es6
使用promise封装wx.request()1、目录结构在根目录下创建http目录及api.js文件fetch.js以及http.js文件;在根目录下创建env目录,创建index.js配置并导出多个开发环境下面展示一些内联代码片。module.exports={//开发环境Dev:{"BaseUrl":"https://www.develep.com"},//测试环境Test:{"BaseUr
- 小程序 3 封装 (wx.request)
liyunlonggg
小程序
用promise封装wx.request()promise是一个构造函数,主要是用来封装异步操作并可以获取成功(relove)或失败(reject)的结果首先创建一个http文件夹里面有三个js文件分别是:api.js(用来存储接口地址)fetch.js(用来封装wx.request)http.js(用来合并api.js和fetch.js)api.jsmodule.exports={//名字:'地
- ERROR in xxx.js from UglifyJs / Invalid assignment / webpack打包无法编译Promise / npm打包失败
人一闲-就废了
vue
菜鸡后端冒充前端写vue页面,运行调试一切正常,运行npmrunbuild的时候遇到了一个大大的Error,如图:google各种方案无解,原来是自己给自己挖了个坑。解决过程:1.Errorinxxx.jsfromUglifyJs搜索结果是Es6无法正常编译为Es5的原因2.Invalidassignment[./axios/fetch.js:6,0]表示问题出现在fetch.js的第六行,如图:
- JavaScript进阶(六十一):实现一个 fetch(一),content-type 头的作用
Mr_大木
JavaScript进阶javascript
上篇博客,我们了解了fetch的一个基本用法。那么这里我们就来自己搞一个fetch看看。首先,我们新建一个fetch.js:因为fetch是全局的,所以它必然是在window上:然后接下来,我们需要知道的是,fetch这个东西,它都有什么参数?因为我们是希望完全贴近于系统那边的需求,那么我们就得知道它原本是怎么工作的。我们先来介绍下,fetch这个东西是这样的,它有几个参数:首先,它有个url。f
- 前端框架Vue(3)——vue-cli 目录结构
AllenChinese
目录结构vue-cli
1、vue-cli项目结构图2、目录分析目录/文件说明bulid项目构建的一些js文件config配置文件项,index.js比较重要,打包上线需要修改配置dist项目打包后的文件node_modulesnpm安装包位置src项目的开发目录assets:图片、字体等资源components:公共组件部分config:开发分支和生产分支的切换配置,以及fetch.js对于前后台数据交互的封装plug
- vue项目实践-添加axios封装api请求
weixin_30466953
安装axiosnpminstallaxios--save创建实例(utils/fetch.js)axios默认提交格式为:application/json可使用qs模块(需要安装)转换后提交格式为application/x-www-form-urlencoded通过设置transformRequest属性data=>qs.stringify(data)可以正常表单形式提交importaxiosfr
- 在vue中封装Axios
ppapplezero
vue学习
vue封装axios和组件复用在src目录下新建store文件夹新建fetch.js文件引入axiosimportaxiosfrom‘axios’//引入依赖exportfunctionfetch(options){//定义fetch函数returnnewPromise((resolve,reject)=>{//返回值constinstance=axios,create({//创建axios实例h
- axios二次封装,接口统一存放,满足RESTful风格
wocwin
在新建项目目录src下utils文件夹新建fetch.js文件,此文件统一处理所有http请求和响应。直接上代码importaxiosfrom'axios'importqsfrom'qs'importstorefrom'@/store'importrouterfrom'@/router'import{getToken}from'./auth'import{Message,MessageBox}fr
- axios封装简单有效
baidu_41601299
一、新建一个axios文件夹新建一个fetch.js文件:关注我的微信公众号【前端基础教程从0开始】,加我微信,可以免费为您解答问题。回复“1”,拉你进程序员技术讨论群。回复“小程序”,领取300个优秀的小程序开源代码+一套入门教程。回复“领取资源”,领取300G前端,Java,微信小程序,Python等资源,让我们一起学前端。importaxiosfrom‘axios’;constTENANT_
- 【前端库】fetch.js 网络请求
搬砖老程
插件前端
前言fetch是window.fetch的JavaScriptpolyfill。全局fetch函数是web请求和处理响应的简单方式,不使用XMLHttpRequest。这个polyfill编写的接近标准的Fetch规范。也就是说现在可以不使用ajax了,除非是兼容很低得浏览器。该fetch()函数是一个基于Promise的机制,用于在浏览器中编程地制作Web请求。该项目是一个实现标准Fetch规范
- 注意在小程序中内外this的区分
beichen3997
wepy
欢迎来到加载中...importwepyfrom'wepy'importfetchfrom'../utils/fetch.js'importNotifyfrom'../components/vant/notify/notify'exportdefaultclassIndexextendswepy.page{config={navigationBarTitleText:'wechat','using
- wepy中的this.$apply()在什么时候用,以及methods方法中的调用
beichen3997
wepy
单号:{{item.EDOC_NO}}制作单位:{{item.CREATE_TIME}}单据类型:{{item.EDOC_TYPE}}确定importwepyfrom'wepy'importfetchfrom'../utils/fetch.js'importNotifyfrom'../components/vant/notify/notify'exportdefaultclassSelectext
- 微信小程序api封装方案
sxs1995
微信小程序
创建fetch.js封装requset请求constBaseUrl='xxxxx.com'exportconstFetch=({url='',data={},header={"content-type":"application/json"},method='GET'})=>{returnnewPromise((resolve,reject)=>{wx.request({url:BaseUrl+u
- VUE:vue使用fetch.js发送post请求java后台无法获取参数值
Schon_zh
VUEVue
一、问题:前台vue使用fetch.js发送post请求后,后台request.getParameter()无法获取到参数值二、思路:StatusCode:200OK请求发送成功查看浏览器request请求中有参数查看浏览器request请求中有参数后台controller中使用request.getParameter(“account”),参数名称一致仔细对比以前发送的post请求发现reque
- Nginx负载均衡
510888780
nginx应用服务器
Nginx负载均衡一些基础知识:
nginx 的 upstream目前支持 4 种方式的分配
1)、轮询(默认)
每个请求按时间顺序逐一分配到不同的后端服务器,如果后端服务器down掉,能自动剔除。
2)、weight
指定轮询几率,weight和访问比率成正比
- RedHat 6.4 安装 rabbitmq
bylijinnan
erlangrabbitmqredhat
在 linux 下安装软件就是折腾,首先是测试机不能上外网要找运维开通,开通后发现测试机的 yum 不能使用于是又要配置 yum 源,最后安装 rabbitmq 时也尝试了两种方法最后才安装成功
机器版本:
[root@redhat1 rabbitmq]# lsb_release
LSB Version: :base-4.0-amd64:base-4.0-noarch:core
- FilenameUtils工具类
eksliang
FilenameUtilscommon-io
转载请出自出处:http://eksliang.iteye.com/blog/2217081 一、概述
这是一个Java操作文件的常用库,是Apache对java的IO包的封装,这里面有两个非常核心的类FilenameUtils跟FileUtils,其中FilenameUtils是对文件名操作的封装;FileUtils是文件封装,开发中对文件的操作,几乎都可以在这个框架里面找到。 非常的好用。
- xml文件解析SAX
不懂事的小屁孩
xml
xml文件解析:xml文件解析有四种方式,
1.DOM生成和解析XML文档(SAX是基于事件流的解析)
2.SAX生成和解析XML文档(基于XML文档树结构的解析)
3.DOM4J生成和解析XML文档
4.JDOM生成和解析XML
本文章用第一种方法进行解析,使用android常用的DefaultHandler
import org.xml.sax.Attributes;
- 通过定时任务执行mysql的定期删除和新建分区,此处是按日分区
酷的飞上天空
mysql
使用python脚本作为命令脚本,linux的定时任务来每天定时执行
#!/usr/bin/python
# -*- coding: utf8 -*-
import pymysql
import datetime
import calendar
#要分区的表
table_name = 'my_table'
#连接数据库的信息
host,user,passwd,db =
- 如何搭建数据湖架构?听听专家的意见
蓝儿唯美
架构
Edo Interactive在几年前遇到一个大问题:公司使用交易数据来帮助零售商和餐馆进行个性化促销,但其数据仓库没有足够时间去处理所有的信用卡和借记卡交易数据
“我们要花费27小时来处理每日的数据量,”Edo主管基础设施和信息系统的高级副总裁Tim Garnto说道:“所以在2013年,我们放弃了现有的基于PostgreSQL的关系型数据库系统,使用了Hadoop集群作为公司的数
- spring学习——控制反转与依赖注入
a-john
spring
控制反转(Inversion of Control,英文缩写为IoC)是一个重要的面向对象编程的法则来削减计算机程序的耦合问题,也是轻量级的Spring框架的核心。 控制反转一般分为两种类型,依赖注入(Dependency Injection,简称DI)和依赖查找(Dependency Lookup)。依赖注入应用比较广泛。
- 用spool+unixshell生成文本文件的方法
aijuans
xshell
例如我们把scott.dept表生成文本文件的语句写成dept.sql,内容如下:
set pages 50000;
set lines 200;
set trims on;
set heading off;
spool /oracle_backup/log/test/dept.lst;
select deptno||','||dname||','||loc
- 1、基础--名词解析(OOA/OOD/OOP)
asia007
学习基础知识
OOA:Object-Oriented Analysis(面向对象分析方法)
是在一个系统的开发过程中进行了系统业务调查以后,按照面向对象的思想来分析问题。OOA与结构化分析有较大的区别。OOA所强调的是在系统调查资料的基础上,针对OO方法所需要的素材进行的归类分析和整理,而不是对管理业务现状和方法的分析。
OOA(面向对象的分析)模型由5个层次(主题层、对象类层、结构层、属性层和服务层)
- 浅谈java转成json编码格式技术
百合不是茶
json编码java转成json编码
json编码;是一个轻量级的数据存储和传输的语言
在java中需要引入json相关的包,引包方式在工程的lib下就可以了
JSON与JAVA数据的转换(JSON 即 JavaScript Object Natation,它是一种轻量级的数据交换格式,非
常适合于服务器与 JavaScript 之间的数据的交
- web.xml之Spring配置(基于Spring+Struts+Ibatis)
bijian1013
javaweb.xmlSSIspring配置
指定Spring配置文件位置
<context-param>
<param-name>contextConfigLocation</param-name>
<param-value>
/WEB-INF/spring-dao-bean.xml,/WEB-INF/spring-resources.xml,
/WEB-INF/
- Installing SonarQube(Fail to download libraries from server)
sunjing
InstallSonar
1. Download and unzip the SonarQube distribution
2. Starting the Web Server
The default port is "9000" and the context path is "/". These values can be changed in &l
- 【MongoDB学习笔记十一】Mongo副本集基本的增删查
bit1129
mongodb
一、创建复本集
假设mongod,mongo已经配置在系统路径变量上,启动三个命令行窗口,分别执行如下命令:
mongod --port 27017 --dbpath data1 --replSet rs0
mongod --port 27018 --dbpath data2 --replSet rs0
mongod --port 27019 -
- Anychart图表系列二之执行Flash和HTML5渲染
白糖_
Flash
今天介绍Anychart的Flash和HTML5渲染功能
HTML5
Anychart从6.0第一个版本起,已经逐渐开始支持各种图的HTML5渲染效果了,也就是说即使你没有安装Flash插件,只要浏览器支持HTML5,也能看到Anychart的图形(不过这些是需要做一些配置的)。
这里要提醒下大家,Anychart6.0版本对HTML5的支持还不算很成熟,目前还处于
- Laravel版本更新异常4.2.8-> 4.2.9 Declaration of ... CompilerEngine ... should be compa
bozch
laravel
昨天在为了把laravel升级到最新的版本,突然之间就出现了如下错误:
ErrorException thrown with message "Declaration of Illuminate\View\Engines\CompilerEngine::handleViewException() should be compatible with Illuminate\View\Eng
- 编程之美-NIM游戏分析-石头总数为奇数时如何保证先动手者必胜
bylijinnan
编程之美
import java.util.Arrays;
import java.util.Random;
public class Nim {
/**编程之美 NIM游戏分析
问题:
有N块石头和两个玩家A和B,玩家A先将石头随机分成若干堆,然后按照BABA...的顺序不断轮流取石头,
能将剩下的石头一次取光的玩家获胜,每次取石头时,每个玩家只能从若干堆石头中任选一堆,
- lunce创建索引及简单查询
chengxuyuancsdn
查询创建索引lunce
import java.io.File;
import java.io.IOException;
import org.apache.lucene.analysis.Analyzer;
import org.apache.lucene.analysis.standard.StandardAnalyzer;
import org.apache.lucene.document.Docume
- [IT与投资]坚持独立自主的研究核心技术
comsci
it
和别人合作开发某项产品....如果互相之间的技术水平不同,那么这种合作很难进行,一般都会成为强者控制弱者的方法和手段.....
所以弱者,在遇到技术难题的时候,最好不要一开始就去寻求强者的帮助,因为在我们这颗星球上,生物都有一种控制其
- flashback transaction闪回事务查询
daizj
oraclesql闪回事务
闪回事务查询有别于闪回查询的特点有以下3个:
(1)其正常工作不但需要利用撤销数据,还需要事先启用最小补充日志。
(2)返回的结果不是以前的“旧”数据,而是能够将当前数据修改为以前的样子的撤销SQL(Undo SQL)语句。
(3)集中地在名为flashback_transaction_query表上查询,而不是在各个表上通过“as of”或“vers
- Java I/O之FilenameFilter类列举出指定路径下某个扩展名的文件
游其是你
FilenameFilter
这是一个FilenameFilter类用法的例子,实现的列举出“c:\\folder“路径下所有以“.jpg”扩展名的文件。 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28
- C语言学习五函数,函数的前置声明以及如何在软件开发中合理的设计函数来解决实际问题
dcj3sjt126com
c
# include <stdio.h>
int f(void) //括号中的void表示该函数不能接受数据,int表示返回的类型为int类型
{
return 10; //向主调函数返回10
}
void g(void) //函数名前面的void表示该函数没有返回值
{
//return 10; //error 与第8行行首的void相矛盾
}
in
- 今天在测试环境使用yum安装,遇到一个问题: Error: Cannot retrieve metalink for repository: epel. Pl
dcj3sjt126com
centos
今天在测试环境使用yum安装,遇到一个问题:
Error: Cannot retrieve metalink for repository: epel. Please verify its path and try again
处理很简单,修改文件“/etc/yum.repos.d/epel.repo”, 将baseurl的注释取消, mirrorlist注释掉。即可。
&n
- 单例模式
shuizhaosi888
单例模式
单例模式 懒汉式
public class RunMain {
/**
* 私有构造
*/
private RunMain() {
}
/**
* 内部类,用于占位,只有
*/
private static class SingletonRunMain {
priv
- Spring Security(09)——Filter
234390216
Spring Security
Filter
目录
1.1 Filter顺序
1.2 添加Filter到FilterChain
1.3 DelegatingFilterProxy
1.4 FilterChainProxy
1.5
- 公司项目NODEJS实践0.1
逐行分析JS源代码
mongodbnginxubuntunodejs
一、前言
前端如何独立用nodeJs实现一个简单的注册、登录功能,是不是只用nodejs+sql就可以了?其实是可以实现,但离实际应用还有距离,那要怎么做才是实际可用的。
网上有很多nod
- java.lang.Math
liuhaibo_ljf
javaMathlang
System.out.println(Math.PI);
System.out.println(Math.abs(1.2));
System.out.println(Math.abs(1.2));
System.out.println(Math.abs(1));
System.out.println(Math.abs(111111111));
System.out.println(Mat
- linux下时间同步
nonobaba
ntp
今天在linux下做hbase集群的时候,发现hmaster启动成功了,但是用hbase命令进入shell的时候报了一个错误 PleaseHoldException: Master is initializing,查看了日志,大致意思是说master和slave时间不同步,没办法,只好找一种手动同步一下,后来发现一共部署了10来台机器,手动同步偏差又比较大,所以还是从网上找现成的解决方
- ZooKeeper3.4.6的集群部署
roadrunners
zookeeper集群部署
ZooKeeper是Apache的一个开源项目,在分布式服务中应用比较广泛。它主要用来解决分布式应用中经常遇到的一些数据管理问题,如:统一命名服务、状态同步、集群管理、配置文件管理、同步锁、队列等。这里主要讲集群中ZooKeeper的部署。
1、准备工作
我们准备3台机器做ZooKeeper集群,分别在3台机器上创建ZooKeeper需要的目录。
数据存储目录
- Java高效读取大文件
tomcat_oracle
java
读取文件行的标准方式是在内存中读取,Guava 和Apache Commons IO都提供了如下所示快速读取文件行的方法: Files.readLines(new File(path), Charsets.UTF_8); FileUtils.readLines(new File(path)); 这种方法带来的问题是文件的所有行都被存放在内存中,当文件足够大时很快就会导致
- 微信支付api返回的xml转换为Map的方法
xu3508620
xmlmap微信api
举例如下:
<xml>
<return_code><![CDATA[SUCCESS]]></return_code>
<return_msg><![CDATA[OK]]></return_msg>
<appid><