85浏览

0评论

在vue中多次调用同一个定义全局变量的实例

在Vue开发中，有很多场景会用到多次重复的API请求。例如： '//192.168.1.117:1009/'在多个地方调用，每次书写很麻烦，后期项目维护也不好管理。我们可以在src目录下创建一个api文件...

• 2020-05-27

61浏览

0评论

Vue2.0学习系列之项目上线的方法步骤(图文)

当你好不容易的做好了一个Vue项目，准备去上线的时候却发现不知道该怎么办时，或者遇到了一些问题，那么来看我这篇文章吧，你会有所收获的。1：打包项目上线必须要打包。
命令： npm ru...

• 2020-05-27

87浏览

0评论

vue解决一个方法同时发送多个请求的问题

在项目开发过程中，让人抓狂之一的问题就是一个点击事件，当快速点击的时候，它会重复发送多个请求。这是不允许出现的。但是怎么解决这个问题呢？一般处理方法，就是点击的时候，立刻将...

• 2020-05-27

82浏览

0评论

使用vue2.0创建的项目的步骤方法

1.由于vue项目依赖 node.js npm 需要先安装. 若没有请先安装，请按照此文章进行安装https://www.freexyz.cn/article/138020.htm//检查是否有node.js npm vuewin+r 输入cmd...

• 2020-05-27

73浏览

0评论

深入理解与使用keep-alive(配合router-view缓存整个路由页面)

在搭建 vue 项目时，有某些组件没必要多次渲染，所以需要将组件在内存中进行‘持久化'，此时 <keep-alive> 便可以派上用场了。 <keep-alive> 可以使被包含的组件状态维持不变，即便...

• 2020-05-27

93浏览

0评论

vue单页缓存存在的问题及解决方案(小结)

1.css同名覆盖,解决方法：父组件加上scoped<style lang="scss" scoped> @import './unbind.scss'</style>子组件同名样式加上deep /deep/ .tabs-row { .items-wrp{ padding...

• 2020-05-27

89浏览

0评论

Vue中对拿到的数据进行A-Z排序的实例

最近在做一个音乐app练手项目，拿到的数据是杂乱的，又不想跟视频那样重新构造数据，就自己百度使用简便的方法排序，下面说一下我拿到的数据是这样的，我想让他按照A-Z顺序排列1.对于...

• 2020-05-27

79浏览

0评论

vue单页缓存方案分析及实现

实现全站的页面缓存，前进刷新，返回走缓存，并且能记住上一页的滚动位置，参考了很多技术实现，github上的导航组件实现的原理要么使用的keep-alive，要么参考了keep-alive的源码，但是只...

• 2020-05-27

88浏览

0评论

解决IE11 vue +webpack 项目中数据更新后页面没有刷新的问题

vue +webpack 项目中数据更新后页面没有刷新问题，ie11下，如果GET请求请求相同的URL，默认会使用之前请求来的缓存数据，而不会去请求接口获取最新数据，我用的解决方法是在每个请求...

• 2020-05-27

86浏览

0评论

ExtJs使用自定义插件动态保存表头配置(隐藏或显示)

关于保存列表表头的配置，一般我们不需要与后台交互，直接保存在 localStorage 中就能满足常规使用需求（需要浏览器支持）。直接上代码，插件：Ext.define('ux.plugin.ColumnCustom', {...

• 2020-05-27

87浏览

0评论

vue使用rem实现 移动端屏幕适配

要想移动端适配 并使用 rem 您需要先看这篇文章，配置好less &#10145;&#65039; 在vue 中使用 less，就可以使用rem了如果项目已经开发的差不多了，没有用到rem 又要使用rem，您用这...

• 2020-05-27

83浏览

0评论

vue如何进行动画的封装

本文实例为大家分享了vue动画封装的具体代码，供大家参考，具体内容如下
<style>　　.v-enter,.v-leave-to{　　　　opacity: 0;　　}　　.v-enter-active,.v-leave-active{　　...

• 2020-05-27

73浏览

0评论

在vue 中使用 less的教程详解

1.安装npm install --save-dev less less-loadernpm install --save-dev style-loader css-loader先在index.html页面head标签内插入这段代码<script> (function (doc, win...

• 2020-05-27

84浏览

0评论

Vue监听事件实现计数点击依次增加的方法

1.实现计数器功能，每点击一次按钮，count值增加一或增加二，鼠标在cordinates行移动时会更新当前坐标，通过自定义函数或者stop属性禁止事件传播。效果如下：代码如下：<!DOCTYPE html>...

• 2020-05-27

73浏览

0评论

Vue2.5学习笔记之如何在项目中使用和配置Vue

最开始的项目开发中，我们如果使用第三方的库我们会直接在项目中直接使用 script 元素标签引入即可。<script src="../xxx.js"></script>Vue 我们也可以这种引入的方式<div id...

• 2020-05-27

95浏览

0评论

web页面和微信小程序页面实现瀑布流效果

小程序实现瀑布流效果，和web页面差不多，都要经过以下步骤：1)、加载图片，获取图片的宽高度；2)、根据页面需要显示几列计算每列的宽度；3)、根据图片真实宽度和每列的宽度比，计算出图...

• 2020-05-27

136浏览

0评论

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

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

• 2020-05-27

75浏览

0评论

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

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

• 2020-05-27

115浏览

0评论

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

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

• 2020-05-27

145浏览

0评论

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

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

• 2020-05-27

106浏览

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

154浏览

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

81浏览

0评论

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

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

• 2020-05-27

87浏览

0评论

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

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

• 2020-05-27

78浏览

0评论

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

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

• 2020-05-27

101浏览

0评论

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

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

• 2020-05-27

97浏览

0评论

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

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

• 2020-05-27

98浏览

0评论

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

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

• 2020-05-27

119浏览

0评论

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

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

• 2020-05-27

135浏览

0评论

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

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

• 2020-05-27

107浏览

0评论

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

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

• 2020-05-27

101浏览

0评论

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

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

• 2020-05-27

106浏览

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

70浏览

0评论

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

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

• 2020-05-27

74浏览

0评论

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

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

• 2020-05-27

85浏览

0评论

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

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

• 2020-05-27

79浏览

0评论

基于JavaScript实现一个简单的Vue

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

• 2020-05-27

157浏览

0评论

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

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

• 2020-05-27

81浏览

0评论

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

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

• 2020-05-27

122浏览

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

82浏览

0评论

webpack打包nodejs项目的方法

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

• 2020-05-27

99浏览

0评论

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

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

• 2020-05-27

80浏览

0评论

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

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

• 2020-05-27

72浏览

0评论

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

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

• 2020-05-27

71浏览

0评论

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

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

• 2020-05-27

95浏览

0评论

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

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

• 2020-05-27

170浏览

0评论

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

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

• 2020-05-27

77浏览

0评论

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

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

• 2020-05-27

92浏览

0评论

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

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

• 2020-05-27

92浏览

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