编程开发 - 教程之家

编程开发

分类导航：HTML/html5 CSS JavaScript PHP Python Java IOS .NET R语言 Rust Android Go语言鸿蒙OS C类语言综合编程正则表达式

123浏览

0评论

Vue中控制v-for循环次数的实现方法

在Vue中的遍历方法v-for控制循环次数的方法可以通过以下两种方法1.截取循环的数据 v-for="(item,index) in domainList.slice(0, 2)" 用这样的方法可以截取循环的数据长度，从...

2020-05-27 04:40:58

67浏览

0评论

原生JS实现简单的无缝自动轮播效果

最近在不断的加强巩固js。在学习jq和vue之后发现很多东西其实都是不明所以，有些底层的东西自己不懂，到头来也只是一昧的使用，一直在用别人的东西，对自己的成长帮助也不大。万丈...

2020-05-27 04:40:57

109浏览

0评论

VUE v-for循环中每个item节点动态绑定不同函数的实例

一. 业务场景：一个title 处可能有一个或多个按钮，按钮对应不同的响应事件二. 思路 : 按钮个数根据传入的数据length 来循环渲染，每条数据对应的事件名称通过动态绑定三....

2020-05-27 04:40:56

138浏览

0评论

基于vue v-for 多层循环嵌套获取行数的方法

在做vue项目的时候难免会用到循环，可是但我们后台数据返回多条记录而且是多层嵌套关系的时候，我们需要获取当前第几次循环此时就会出现问题。下面给大家介绍两种方式，第一种是...

2020-05-27 04:40:55

99浏览

0评论

vue 循环加载数据并获取第一条记录的方法

最近使用elment ui和vue.js，遇到需要像c:foreach类似的效果，就找了vue的API：https://cn.vuejs.org/v2/guide/list.html#v-for-with-v-ifelement ui：http://element.eleme.io/#/z...

2020-05-27 04:40:54

142浏览

0评论

Vue监听一个数组id是否与另一个数组id相同的方法

数据list，结构为[{id:1,…},{id:2,…}]，数据shoplist，结构为[{id:1,…},{id:2,…}]，判断当shoplist.id等于list.id时显示list的数据。.vue文件：<template> <div class="hello"> <...

2020-05-27 04:40:53

76浏览

0评论

详解Axios统一错误处理与后置

问题
在进行业务开发的时候，前后端会对接口的数据结构进行约定，若接口有异常，需要将异常信息展示给用户知晓。这个流程里，数据结构是确定的（事先约定），数据的处理逻辑是相同的（展示...

2020-05-27 04:40:52

80浏览

0评论

node.js使用redis储存session的方法

转储session的原因网上有许多session需要用数据库储存的原因，对我来说原因很简单，仅仅只是node的生产环境不允许将session存到服务器的内存中。会报一个内存溢出的风险警告。...

2020-05-27 04:40:51

74浏览

0评论

深入理解react-router 路由的实现原理

React Router 是一个基于 React 之上的强大路由库，它可以让你向应用中快速地添加视图和数据流，同时保持页面与 URL 间的同步。本文从两个方便来解析 react-router 实现原理。...

2020-05-27 04:40:50

96浏览

0评论

解决vuejs 使用value in list 循环遍历数组出现警告的问题

在使用vuejs遍历数组的时候，使用in语句形式，会有一个警告的提示：警告很明显说是少了v-bind:key,所以添加一个就ok了,看如下文件：/* eslint-disable */<template> <div class="he...

2020-05-27 04:40:49

94浏览

0评论

使用weixin-java-tools完成微信授权登录、微信支付的示例

本文为学习记录weixin-java-tools实现公众号微信支付.
码云地址：点我 // 授权登录用到 <dependency> <groupId>com.github.binarywang</groupId> <artifactI...

2020-05-27 04:40:48

92浏览

0评论

JS返回页面时自动回滚到历史浏览位置

在我的系统实际开发过程中遇到一个需求，我需要让应用在各个页面间跳转时回到每页原先浏览到的位置，方便用户使用。在网上查资料时，看到的方案有不少，众说纷纭，但真正给出可行可用...

2020-05-27 04:40:47

113浏览

0评论

Vue resource三种请求格式和万能测试地址

注意：1.前端服务器测试地址的万能地址，太好用了http://jsonplaceholder.typicode.com/users，基本能响应各种请求。点击进入官网2.这里测试只写了成功的回调函数，同时还要失败时...

2020-05-27 04:40:45

128浏览

0评论

React项目动态设置title标题的方法示例

在React搭建的SPA项目中页面的title是直接写在入口index.html中，当路由在切换不用页面时，title是不会动态变化的。那么怎么让title随着路由的切换动态变化呢？
1.在定义路由时增...

2020-05-27 04:40:44

100浏览

0评论

react-navigation之动态修改title的内容

本文介绍了react-navigation之动态修改title的内容，分享给大家，具体如下：效果图：
动态修改title内容： static navigationOptions = { title: ({ state }) => `Chat with ${sta...

2020-05-27 04:40:43

92浏览

0评论

Vue 配合eiement动态路由,权限验证的方法

1.要实现动态路由，只需要在main.js中将所有路由表先规定好，如下const routes=[ {path:'/login',component:login},/*登录*/ {path:'/home',component:home},/*首页*/ {path:'...

2020-05-27 04:40:42

101浏览

0评论

vue-router之nuxt动态路由设置的两种方法小结

方法一：router-link<div class="slide-item" v-for="user in shareData.users"> <nuxt-link :to="'/community/member/'+ user.id"> <img src="../../static/head.png" alt=...

2020-05-27 04:40:41

63浏览

0评论

Nodejs把接收图片base64格式保存为文件存储到服务器上

下面一小段代码给大家分享Nodejs把接收图片base64格式保存为文件存储到服务器上的方法，具体代码如下所示：app.post('/upload', function(req, res){ //接收前台POST过来的base...

2020-05-27 04:40:40

69浏览

0评论

vue根据进入的路由进行原路返回的方法

情景：a---------->c 点击返回，希望返回到ab---------->c 点击返回，希望返回到b解决方案：a页面，加from字段PubSub.subscribe('table-view', function(msg, args) { var rowData =...

2020-05-27 04:40:39

75浏览

0评论

微信小程序授权登录及解密unionId出错的方法

注：没有在微信开放平台做开发者资质认证的就不要浪费时间了，没认证无法获取unionId，认证费用300元/年，emmmm....微信授权登录流程第一步：wx.login获取用户临时登录凭证code第二...

2020-05-27 04:40:39

74浏览

0评论

基于JavaScript实现一个简单的Vue

Object.defineProperty()实现之前我们得先看一下Object.defineProperty的实现，因为vue主要是通过数据劫持来实现的，通过get、set来完成数据的读取和更新。var obj = {name:'wc...

2020-05-27 04:40:37

147浏览

0评论

vue项目使用axios发送请求让ajax请求头部携带cookie的方法

最近做vue项目时遇到登录权限问题，登录以后再发送的请求头部并没有携带登录后设置的cookie，导致后台无法校验其是否登录。检查发现是vue项目中使用axios发送ajax请求导致的。...

2020-05-27 04:40:36

74浏览

0评论

基于axios 解决跨域cookie丢失的问题

设置 axios.defaults.withCredentials = true 即可示例代码： axios.defaults.withCredentials = true; var param = new URLSearchParams(); param.append("vCode",vcode); a...

2020-05-27 04:40:35

112浏览

0评论

在vue中获取token,并将token写进header的方法

需要准备的东西：Vue+axios+Vuex+Vue-router1.在login.vue中通过发送http请求获取token//根据api接口获取tokenvar url = this.HOST + "/session";this.$axios.post(url, {use...

2020-05-27 04:40:34

72浏览

0评论

webpack打包nodejs项目的方法

适用情况首先说明，此情况不具备普遍性。若你的情况与笔者类似那么希望这篇文章能够帮到你。我的项目情况是这样的：用node.js做后台，ejs做模板引擎（即整个页面是一个ejs文件）由nod...

2020-05-27 04:40:33

92浏览

0评论

Node.js模拟发起http请求从异步转同步的5种用法

使用 Node.js 模拟发起 http 请求很常用的,但是由于 Node 模块（原生和第三方库）提供里面的方法都是异步，对于很多场景下应用很麻烦，不如同步来的方便。下面总结了几个常见的库 A...

2020-05-27 04:40:32

76浏览

0评论

axios取消请求的实践记录分享

问题的来源用el-autocomplete远程获取数据时，点击输入框会触发第一次请求，然后输入搜索文字后会触发第二次请求，两次请求间隔较短，有时候会出现第二次请求比第一次请求先返回的...

2020-05-27 04:40:31

64浏览

0评论

axios 封装上传文件的请求方法

axios 和 ajax 都支持异步请求，两者使用方法大同小异，在此使用 axios 上传文件的请求。使用的时候只需要在响应的 vue 组件中引入就可以。import Vue from 'vue';import VueCo...

2020-05-27 04:40:30

67浏览

0评论

如何在 JavaScript 中更好地利用数组

本文短小精悍，我保证。在过去的数个月里，我注意到在我审阅的 pull request 中有四个（关于数组使用的）错误经常出现。同时，我自己也会犯这些错误，因此有了这篇文章。让我们一起学习...

2020-05-27 04:40:29

90浏览

0评论

vue中使用axios post上传头像/图片并实时显示到页面的方法

在前端开发中，为了更好的用户体验，在头像上传时会先将图片显示到页面然后点击保存按钮完成图片的上传成功代码部分有参考他人的写法。html代码： <div id="myPhoto" v-show="p...

2020-05-27 04:40:28

167浏览

0评论

解决Vue使用swiper动态加载数据,动态轮播数据显示白屏的问题

Vue使用swiper插件时特别是轮播元素含有动态数据时可能会出现数据为空或者白屏的问题使用下面的方法可以解决（保证在数据请求之后再渲染页面）页面结构<div class="swiper-cont...

2020-05-27 04:40:27

70浏览

0评论

swiper在angularjs中使用循环轮播失效的解决方法

bug描述：我在anjularjs 中使用了swiper轮播图，通过动态获取到数据插入swiper-slide中，我在swiper初始化中设置了loop(循环),但是在出现了一点小问题，swiper会失效，划不动，当我设置...

2020-05-27 04:40:26

83浏览

0评论

Vue引用Swiper4插件无法重写分页器样式的解决方法

最近在尝试用nuxtjs来搭建新的站点，但是平时在jquery里面用惯的一些插件一到vue上面引用就各种不顺畅~本文记录一下在用Swiper插件来做轮播图的时候遇到的问题~至于怎么在vue...

2020-05-27 04:40:25

84浏览

0评论

浅谈在vue中使用mint-ui swipe遇到的问题

使用步骤：1.安装：npm install mint-ui -S2.引入组件// 完整引入import Vue from 'vue';import Mint from 'mint-ui';import "mint-ui/lib/style.css"Vue.use(Mint);// 按需引...

2020-05-27 04:40:24

79浏览

0评论

详解如何在vue项目中使用lodop打印插件

项目中使用到打印的功能。领导推荐使用LodopLodop是什么东东，反正就是可以定制打印的插件。。。既然是插件，vue的渐进式开发。完全可以拿来化为己用。如何使用那？先大概看了下...

2020-05-27 04:40:23

195浏览

0评论

解决Vue中引入swiper,在数据渲染的时候,发生不滑动的问题

前几天在工作的过程中，在数据渲染的时候，发生了swiper那一部分的轮播图不在滚动，手动滑动也没有效果。一直感觉数据开始渲染，是不是数据渲染的时候，并没有生成swiper的节点呢。后...

2020-05-27 04:40:22

88浏览

0评论

在vue中使用v-bind:class的选项卡方法

//vue中的选项卡的实现，数据驱动dom,因此需要使用数据，来改变class；详细见代码实现<style>ul{overflow: hidden;}ul li{float: left;width: 150px;height: 35px;line-height: 3...

2020-05-27 04:40:21

204浏览

0评论

Vue中的v-for指令不起效果的解决方法

我的代码之前类似下面的结构<div id="example-1" v-for="item in items"> <ul> <li> {{ item.message }} </li> </ul></div>结果发现不好用，数据读入了但是没有显示于是...

2020-05-27 04:40:20

65浏览

0评论

解决betterScroll在vue中存在图片时,出现拉不动的问题

1.先写一个图片加载的方法class ImgLoadClass { static preloadImages = (arr) => { //已经加载完的图片数量 let loadeImage = 0 //存放图片的数组 let newImages = [] //...

2020-05-27 04:40:19

71浏览

0评论

浅谈vue项目4rs vue-router上线后history模式遇到的坑

此次项目开发完后准备打包，因为hash模式的路径带#看着实在是有点丑，所以采用history模式。因为本次项目属于以前网站重构，但是seo问题，所以需要以前的一些地址路径写，所以vue-rou...

2020-05-27 04:40:18

90浏览

0评论

vue上传图片到oss的方法示例（图片带有删除功能）

最近Vue项目中，要将用户上传的图片全部上传到oss上，
OSS配置项请访问：https://help.aliyun.com/document_detail/64095.html?spm=a2c4g.11186623.6.773.kcD20nOSS平台配置...

2020-05-27 04:40:17

80浏览

0评论

解决vue项目nginx部署到非根目录下刷新空白的问题

1、修改config/index.js2、修改路由route/index3、后台配置nginx以上这篇解决vue项目nginx部署到非根目录下刷新空白的问题就是小编分享给大家的全部内容了，希望能给大家一个...

2020-05-27 04:40:16

71浏览

0评论

详解如何用VUE写一个多用模态框组件模版

对于新手们来说，如何写一个可以多用的组件，还是有点难度的，组件如何重用，如何传值这些在实际使用中，是多少会存在一些障碍的，所以今天特意写一个最常用的模态框组件提供给大家，希望...

2020-05-27 04:40:14

202浏览

0评论

Vue项目查看当前使用的elementUI版本的方法

在我们引入elementUI的时候，一般是两种方式：npm安装或者在script直接引入；当然，在script直接引入的时候，我们也可以通过直接指定版本的方式，达到锁定版本的效果。<script src="//u...

2020-05-27 04:40:13

69浏览

0评论

vue-cli的工程模板与构建工具详解

vue-cli提供的脚手架只是一个最基础的，也可以说是Vue团队认为的工程结构的一种最佳实践。对于初学者或者以前曾从事AngularJS/React开发的用户来说，可能对开发环境有自已习惯...

2020-05-27 04:40:12

135浏览

0评论

基于vue-cli npm run build之后vendor.js文件过大的解决方法

问题vue-cli npm run build命令默认把dependencies中的依赖统一打包，导致vendor.js文件过大，出现首屏加载过于缓慢的问题。解决方案像vue、axios、element-ui这些基本上不会改...

2020-05-27 04:40:11

77浏览

0评论

让webpack+vue-cil项目不再自动打开浏览器的方法

当我们用vue-cil建立一个完整的webpack+vue的项目之后，它的设置选项还是蛮多的。比如，当我们输入npm run dev开始跑起项目之后，就会自动的打开浏览器，并把页面打开。按理说，这是...

2020-05-27 04:40:10

103浏览

0评论

Vue CLI 3搭建vue+vuex最全分析(推荐)

一、介绍Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统。有三个组件：CLI：@vue/cli 全局安装的 npm 包，提供了终端里的vue命令（如：vue create 、vue serve 、vue ui 等命令）CL...

2020-05-27 04:40:09

174浏览

0评论

解决vue-cli脚手架打包后vendor文件过大的问题

大家会遇到打包后文件很大，导致页面初始化加载的速度很慢。会出现白屏的现象。这一般是你打包的vendor太大的缘故。如果你打包后看到你的vendor文件有700kb以上。你就要考虑...

2020-05-27 04:40:07

55浏览

0评论

vue引入axios同源跨域问题

前言：跨域方案有很多种，既然我们用到了Vue，那么就使用vue提供的跨域方案。解决方案：1.修改HttpRequestUtil.js import axios from 'axios' export var baseurl = '/api' /** * G...

2020-05-27 04:40:06

首页 «1382 138313841385 1386 »尾页

热门文章