JavaScript - 教程之家

124浏览

0评论

详解vue中多个有顺序要求的异步操作处理

最近项目业务上有个需求，用户可以批量下订单，但每个订单都有一个保价费，手续费需要根据订单的价值由后台的模型算出来，然后下单的时候每个订单都需要带上这个保价费，所以其实在批...

2020-05-27

145浏览

0评论

浅谈vue异步数据影响页面渲染

今天遇到一个问题，要保证页面渲染前请求的数据已经得到了由于user是在异步请求之后保存在session中，而在页面渲染时session中还没有user，页面直接报错。因此我希望能在所有请求...

2020-05-27

89浏览

0评论

js实现贪吃蛇小游戏

本文实例为大家分享了js实现贪吃蛇小游戏的具体代码，供大家参考，具体内容如下index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewpor...

2020-05-27

68浏览

0评论

VUE实现强制渲染,强制更新

列表渲染，以下数组操作方法可触发渲染push()pop()shift()unshift()splice()sort()reverse()当采用特殊方法操作数组后，导致无法更新数据到UI，此时可使用强制渲染，方法如下this.$...

2020-05-27

116浏览

0评论

vue 解决异步数据更新问题

问题记录一下出现的问题, 数据翻倍这是复现问题的代码data() { return { space: "", allresult: [] }; }, methods: { getmessage() { this.allresult = []; axi...

2020-05-27

59浏览

0评论

简单使用webpack打包文件的实现

没有安装node的同学请先安装node。安装
npm i -g webpack编写配置文件
假设我们有两个js文件需要打包，1.js和mode1.js，我们在1.js里面引入mode1.js模块
mode1.js 模块：export d...

2020-05-27

58浏览

0评论

javascript实现简单打字游戏

本文实例为大家分享了javascript打字游戏的具体代码，供大家参考，具体内容如下<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>传智...

2020-05-27

372浏览

0评论

vue 强制组件重新渲染(重置)的两种方案

数据通过异步操作后，对之前刚加载的数据进行变更后，发现数据不能生效方案一当数据变更后,通过watch 监听，先去销毁当前的组件，然后再重现渲染。使用 v-if 可以解决这个问题<temp...

2020-05-27

84浏览

0评论

vue + elementUI实现省市县三级联动的方法示例

本文介绍了vue + elementUI实现省市县三级联动的方法示例，分享给大家，具体如下： 1、首先需要准备省市县json文件，网上有很多可以下载。项目中使用的city.json数据是这样的格式：[...

2020-05-27

221浏览

0评论

关于vue2强制刷新,解决页面不会重新渲染的问题

问题描述：在使用Vue框架开发时，在函数中改变了页面中的某个值，在函数中查看是修改成功了，但在页面中没有及时刷新改变后的值；解决：运用 this.$forceUpdate(); //强制刷新，解决页面...

2020-05-27

658浏览

0评论

基于axios 的responseType类型的设置方法

responseType值的类型可为如下axios请求下载导出一个文件，请求成功时返回的是一个流形式的文件，需要设置responseType: 'arraybuffer'，但是请求失败的需要返回的是json数据，所以...

2020-05-27

116浏览

0评论

vue实现路由监听和参数监听

1、路由携带数据跳转routerAction(hideDisplays, data) { switch (hideDisplays) { case "pubAccountMenu": this.$router.push({ name: "AppAccountInfo",...

2020-05-27

79浏览

0评论

vue+elementui 对话框取消表单验证重置示例

最近在写增删改查，在新增的时候要弹出对话框填写form表单信息，发现对话框右上角的小X和右下角的取消不是一个事件，我想在点击它们两个的时候都可以重置表单，最终解决，如下。vue：<e...

2020-05-27

123浏览

0评论

使用axios请求接口,几种content-type的区别详解

axios的使用安装(一般使用框架的话, 脚手架都集成了)$ npm install axios请求示例// POSTaxios.post('/user', { firstName: 'Fred', lastName: 'Flintstone' }) .then(func...

2020-05-27

78浏览

0评论

解决axios post 后端无法接收数据的问题

在后端允许跨域的情况下，axios post 将数据传到后端，但是后端无法接收，始终为空请求能正常到达后端，那么肯定传数据的地方的问题了所以这里headers设置为headers:{"Content-Typ...

2020-05-27

76浏览

0评论

js单线程的本质 Event Loop解析

怎么判断是浏览器还是node环境？node中window是未定义；setImmediate是定义的，在浏览器中未定义timer阶段：这个阶段会执行setTimeout和setIntervalcheck阶段：执行setImmediatemacro...

2020-05-27

196浏览

0评论

Vue 设置axios请求格式为form-data的操作步骤

Cover在Vue中使用axios这个老生常谈了，还是先记录一遍，方面后面自己查。!!! 设置form-data请求格式直接翻到后面看。1. 安装axios在项目下执行npm install axios。之后在main....

2020-05-27

128浏览

0评论

JQuery 实现文件下载的常用方法分析

本文实例讲述了JQuery 实现文件下载的常用方法。分享给大家供大家参考，具体如下：GET方式window.location.href = url;POST方式var url = "下载接口地址";// 构造隐藏的form表...

2020-05-27

113浏览

0评论

JS操作json对象key、value的常用方法分析

本文实例讲述了JS操作json对象key、value的常用方法。分享给大家供大家参考，具体如下：一、定义JSON对象// 首先定义一个json对象，对象以“{”（左括号）开始，“}”（右括号）结束// 花括...

2020-05-27

118浏览

0评论

详解Vue 项目中的几个实用组件（ts）

前言
这段时间使用 ts 和 vue 做了一个项目，项目从 0 开始搭建，在建设和优化的同时，实现了很多自己的想法，有那么一两个组件可能在我本人看来有意义，所以从头回顾一下当初的想法，...

2020-05-27

189浏览

0评论

Vue axios 将传递的json数据转为form data的例子

修改main.js文件中axios的配置：在发送请求前将数据用qs模块转化修改请求头的Content-Type='application/x-www-form-urlencoded'具体配置如下：import axios from 'axios'impor...

2020-05-27

115浏览

0评论

JS操作字符串转数字的常见方法示例

本文实例讲述了JS操作字符串转数字的常见方法。分享给大家供大家参考，具体如下：JS中字符串转数字共三种方法一、转换函数 JS提供了两个转换函数 parseInt() 换成整数 parse...

2020-05-27

80浏览

0评论

解决vue-cli项目开发运行时内存暴涨卡死电脑问题

最近开发一个vue项目时遇到电脑卡死问题，突然间系统就非常卡，然后卡着卡着就死机了，鼠标也动不了了，只能冷启动。而且因为是突然卡死，没来得及打开任务管理器。最开始以为是硬盘...

2020-05-27

99浏览

0评论

基于form-data请求格式详解

最近一直都比较忙，坚持月月更新博客的计划不得中止了，今天抽出点时间来说说最近项目中遇到的一个问题，有关request post请求格式中的multipart/form-data格式。引言最近在参与...

2020-05-27

87浏览

0评论

使用axios请求时,发送formData请求的示例

最近做的一个项目中有一个特例接口，传json后端接收不到，对接的后端又不愿意改接口，只能用formData方式传参，由于好多年没有用过formData，头痛了一会，找到了解决方法，发现非常简单，在...

2020-05-27

86浏览

0评论

Vue 实现把表单form数据转化成json格式的数据

目的：Vue 中把表单form数据转化成json格式的数据第一步：创建一个数据集（就是你表单需要的数据）如果你表单都是一些正常的数据，比如 text 什么的。你定义好数据集，就去用 v-model...

2020-05-27

81浏览

0评论

vue获取form表单的值示例

这里使用的是Element-ui组件html:<el-input placeholder="请输入手机号" id="phone" prop="phone" v-model="phone" clearable></el-input>JS:var phone = this.phone;var p...

2020-05-27

73浏览

0评论

vue-form表单验证是否为空值的实例详解

重点部分：点击表单的 submit按钮触发form 部分 @submit=”submit”事件：submit事件定义在js部分： prevent：文档上说了在事件后面加上 .prevent就可以阻止默认事件了。form @su...

2020-05-27

94浏览

0评论

解决VUE双向绑定失效的问题

双向绑定失效的原因有很多。lz就说最近遇到的。是的，单价下的那个输入框我用了双向绑定（比如叫price，比如100）。然后ipnut键入中文时，（即使我做了输入验证）。回车时虽然框中不会保...

2020-05-27

96浏览

0评论

Vue中图片Src使用变量的方法

相信不少同学在开发中都有遇到图片路径需要使用变量引入的情况，如定制化背景，动态展示头像等。可能也犯过如下错误# 错误描述
页面直接调用图片资源的方案<img src="../../sta...

2020-05-27

100浏览

0评论

vue进入页面时不在顶部,检测滚动返回顶部按钮问题及解决方法

这里是本小白使用时遇到的问题及个人使用的方法可能并不完美。1.监测浏览器滚动条滚动事件及滚动距离dmounted() { window.addEventListener("scroll", this.gundong);...

2020-05-27

141浏览

0评论

vue中使用rem布局代码详解

1、npm i amfe-flexible2、import ‘amfe-flexible‘然后再，安装postcss-px2rem插件npm i postcss-px2rem在package.json中配置"postcss": { "plugins": { "autoprefixer"...

2020-05-27

116浏览

0评论

vue解决花括号数据绑定不成功的问题

如下所示：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <script src="js/vue.js" type="text/javascript" charset="utf-8"></script>...

2020-05-27

100浏览

0评论

vue中的mescroll搜索运用及各种填坑处理

父组件处理：<template> <div class="wrap">  <div class="searchInputArea"> <div class="searchBarBox"> <div class="inputW...

2020-05-27

106浏览

0评论

vue请求服务器数据后绑定不上的解决方法

后台返回的数据，json类型{"success":1,"tagList":[{"Id":1,"name":"林俊杰"},{"Id":2,"name":"MV"},{"Id":3,"name":"三次元"},{"Id":4,"name":"燃...

2020-05-27

96浏览

0评论

茶余饭后聊聊Vue3.0响应式数据那些事儿

"别再更新了，实在是学不动了"这句话道出了多少前端开发者的心声，"不幸"的是 Vue 的作者在国庆区间发布了 Vue3.0 的 pre-Aplha 版本，这意味着 Vue3.0 快要和我们见面了。既来之...

2020-05-27

70浏览

0评论

vue解决使用$http获取数据时报错的问题

在引用vue作为一个插件时，使用$http获取数据时报错Failed to load http://****/ajaxGrainRain:Request header field Content-Type is not allowed by Access-Control-Allow-...

2020-05-27

82浏览

0评论

基于JavaScript实现单例模式

首先，了解一下什么是单例模式，这里我直接把菜鸟教程中的定义给copy过来：单例模式（Singleton Pattern）是 Java 中最简单的设计模式之一。这种类型的设计模式属于创建型模式，它提供...

2020-05-27

115浏览

0评论

vue中更改数组中属性,在页面中不生效的解决方法

问题描述：使用vue的方法获取了数组数据，获取数据后为每个数据增加edit属性，初始值均为false，其目的是为了当点击列表中的编辑按钮时，控制保存与不保存的按钮的出现与消失，结果当更...

2020-05-27

151浏览

0评论

vue2.x 通过后端接口代理,获取qq音乐api的数据示例

前言: 部分qq音乐的api接口不能直接通过jsonp访问,需要通过官方的代理才能获取,如:歌词,推荐歌单等1. webpack.dev.conf.js中创建接口:// 开头调用:var express = require('...

QQ

2020-05-27

144浏览

0评论

vue - vue.config.js中devServer配置方式

前言这里写你调用接口的基础路径，来解决跨域，如果设置了代理，那你本地开发环境的axios的baseUrl要写为''，即空字符串只有一个接口ip端口时devServer: { open: false, // 跨域...

2020-05-27

60浏览

0评论

react quill中图片上传由默认转成base64改成上传到服务器的方法

使用react-quill富文本编辑器，里面处理图片是默认转成base64，提交到后台的时候文件太大，因此这里改写处理image的逻辑，改成上传到服务器。
具体代码如下：配置1
import Quill from...

2020-05-27

110浏览

0评论

vue cli3 配置proxy代理无效的解决

vue cli3 创建的vue项目配置开发环境代理无效，网上的各种配置都试了，还是不行，最后终于试出来一种配置方法vue.config.js配置如下内容(不要配置任何多余的选项，什么changOrigin...

2020-05-27

71浏览

0评论

vue 实现cli3.0中使用proxy进行代理转发

解决方法：在vue项目的根目录下添加 vue.config.js文件，文件中需要按照下面写法来写module.exports = { lintOnSave: true, devServer: { proxy: { // proxy all requests st...

2020-05-27

90浏览

0评论

微信小程序基于高德地图查找位置并显示文字

这篇文章主要介绍了微信小程序基于高德地图查找位置并显示文字,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下1.根据经...

2020-05-27

118浏览

0评论

vue遍历生成的输入框绑定及修改值示例

对于vue遍历生成的输入框进行其值的修改与保存是vue项目开发过程中的一种常规操作。这种操作的难点在于生成数量的不确定，不能在在组件中的data直接定义。思路获取生成的输入...

2020-05-27

86浏览

0评论

vue表单中遍历表单操作按钮的显示隐藏示例

使用情况，vue中返回的数据循环遍历如果用到v-if时不能直接赋值true 或者false，要true 或者false push到数组里面，隐藏或显示时用 splice方法。以下是详情1. 第一步先在data中定...

2020-05-27

93浏览

0评论

vue路由遍历生成复数router-link的例子

业务场景：使用vue-cli做一个spa；需求：顶部导航栏控制下方内容栏，实现页面内切换。毫无疑问，vue-router很适合这样的需求，实现起来也并不复杂：1、main.js：import VueRouter from 'vue...

2020-05-27

71浏览

0评论

解决在Vue中使用axios用form表单出现的问题

vue中使用Axios第三方库，采用形式提交，参数格式为multipart /格式数据，请求参数变为对象格式的解决办法。（推荐第二种方法）提交数据的四种编码方式一，应用/ X WWW的窗体-urlencod...

2020-05-27

105浏览

0评论

vue 解决form表单提交但不跳转页面的问题

vue使用@submit.prevent=""来设置提交时执行的函数，并阻止页面跳转： <form id="msgForm" action="" method="post" @submit.prevent="sub">sub函数写在methods内： methods:{ $...

2020-05-27

热门文章