您好,欢迎光临本网站![请登录][注册会员]  

搜索资源列表

  1. vue2.0-taopiaopiao-master.zip

  2. vue2.0与express构建淘票票页面 描述 写这个项目的目的一是为了学习vue2.0相关的知识点,二是为了给他想要了解vue2.0的童鞋提供一个学习demo。所以为了使这个项目更加完整,项目中加入一个server服务,模拟服务器环境,为前端提供数据来源,当用 npm run deploy 命令运行前端环境时,就可以直接将前端资源部署到server服务里。因此本项目有两个环境,一个是前端开发环境(端口是8080),一个是server服务环境(端口是9090)。 主要技术栈: •vue2.0
  3. 所属分类:HTML5

    • 发布日期:2017-01-07
    • 文件大小:13mb
    • 提供者:weibin529
  1. vue.js学习相关文件-测试代码

  2. 条件语句 v-if ,v-else,v-else-if。 后两者必须放在v-if之后 循环语句 v-for 指令需要以 site in sites 形式的特殊语法, sites 是源数据数组并且 site 是数组元素迭代的别名。 Computed VS methods 我们可以使用 methods 来替代 computed,效果上两个都是一样的,但是 computed 是基于它的依赖缓存,只有相关依赖发生改变时才会重新取值。而使用 methods ,在重新渲染的时候,函数总会重新调用执行。 事
  3. 所属分类:HTML5

    • 发布日期:2019-06-05
    • 文件大小:951kb
    • 提供者:peterrabbit49
  1. vue2中的keep-alive使用总结及注意事项

  2. keep-alive 是Vue的内置组件,能在组件切换过程中将状态保留在内存中,防止重复渲染DOM。结合vue-router中使用,可以缓存某个view的整个内容。 基本使用如下: 一般有这样的需求,当我们第一次进入列表页需要请求一下数据,当我从列表页进入详情页,详情页不缓存也需要请求下数据,然后返回列表页 有两个情况: 1. 直接点击浏览器的后退返回按钮。 2. 点击导航栏中的 /list的链接返回。 那么针对第一种情况下,我们直接通过后退按钮
  3. 所属分类:其它

    • 发布日期:2020-11-30
    • 文件大小:63kb
    • 提供者:weixin_38717359
  1. Vue-axios-post数据后端接不到问题解决

  2. 1 前言 最近在前后端联调的时候发现了一个问题,可能自己平时不注意发送的内容格式,导致解决问题的路上,走了很多弯路,尤其是在刚刚懂了一点Vue知识之后,发送请求的各种花式写法也是让人头大,我在这把我踩到的坑给大家介绍一下吧。 2 问题 这个问题是我前端登录的时候向后端发生post请求。在使用这个接口前,我使用 postman 确认过了几次,接口传参是没有问题的,而且使用params或者body传参都是能接收到的。然而还是报错了……我们先来看看一个截图吧。 我向后端发参数的时候无论如何我都接
  3. 所属分类:其它

    • 发布日期:2020-11-29
    • 文件大小:86kb
    • 提供者:weixin_38526751
  1. Vue 中 filter 与 computed 的区别与用法解析

  2. watch与computed、filter: watch:监控已有属性,一旦属性发生了改变就去自动调用对应的方法 computed:监控已有的属性,一旦属性的依赖发生了改变,就去自动调用对应的方法 filter:js中为我们提供的一个方法,用来帮助我们对数据进行筛选 watch与computed的区别: 1.watch监控现有的属性,computed通过现有的属性计算出一个新的属性 2.watch不会缓存数据,每次打开页面都会重新加载一次, 但是computed如果之前进行过计算他会将计算的结果
  3. 所属分类:其它

    • 发布日期:2020-12-13
    • 文件大小:68kb
    • 提供者:weixin_38691055
  1. vue mounted 调用两次的完美解决办法

  2. 在开发中发现其中一个页面moutned调用了两次,而其他页面正常,表示很懵逼,然后查找原因,终于找到了,其实归根到底是要知道mounted的调用机制问题; 情况:在这个页面中出现了mounted 加载了两次的情况; 方法:排除法 首先把 this.$store.commit() 方法注释掉,发现就好了,只加载一次 初步判断是commit  方法导致的 二  验证判断是否正确,不使用commit 方法,该用直接改变变量状态的方法,发现又加载了两次; 再次判断,不是由于commit引起的 三  
  3. 所属分类:其它

    • 发布日期:2020-12-13
    • 文件大小:241kb
    • 提供者:weixin_38606202
  1. PHP结合Vue实现滚动底部加载效果

  2. 前言 最近的一个项目手机端分页跳转不理想,自己做了一个滚动加载的一个Demo,下面话不多说了,来一起看看详细的介绍吧。 实现思路      1.获得滚动条到底部的距离 getScrollBottomHeight()      2.绑定滚动事件handleScroll() ,handleScroll()判断滚动条到底部距离是否小于设置的bottomHight,并且增加一个loading属性,防止加载时滑动时多次触发,造成多次加载      3.Ajax请求load.php,通过Page去查询
  3. 所属分类:其它

    • 发布日期:2020-12-20
    • 文件大小:69kb
    • 提供者:weixin_38547887
  1. vue请求服务器数据后绑定不上的解决方法

  2. 后台返回的数据,json类型 {success:1,tagList:[{Id:1,name:林俊杰},{Id:2,name:MV},{Id:3,name:三次元},{Id:4,name:燃},{Id:5,name:宅}]} Vue绑定UI的代码 {{item.name}} 下面是Vue请求数据的代码 var hotTag=new Vue({ el:.
  3. 所属分类:其它

    • 发布日期:2020-12-30
    • 文件大小:30kb
    • 提供者:weixin_38688550
  1. vue中keep-alive的用法及问题描述

  2. 1.keep-alive的作用以及好处 在做电商有关的项目中,当我们第一次进入列表页需要请求一下数据,当我从列表页进入详情页,详情页不缓存也需要请求下数据,然后返回列表页,这时候我们使用keep-alive来缓存组件,防止二次渲染,这样会大大的节省性能。 2.keep-alive的基本用法 在app.vue中 <router-view v-if=!$route.meta.keep_ali
  3. 所属分类:其它

    • 发布日期:2020-12-29
    • 文件大小:44kb
    • 提供者:weixin_38729685
  1. loan-app:简单的贷款管理系统-源码

  2. 贷款管理应用 一个简单的贷款管理应用程序,使用Quasar框架和Express用Vue构建。 客户端应用程序部署到Netlify,服务器应用程序部署到Heroku。 资料夹结构 客户申请=>贷款申请服务器应用程序=> loan-app-server JS挑战-https : CSS挑战-https : 对于CSS挑战,我使用字体作为XD文件中提供的字体,Avenir Next是付费版本,Prompt是与此最接近的字体。 Express服务器 快捷服务器路由GET,POS
  3. 所属分类:其它

    • 发布日期:2021-03-16
    • 文件大小:198kb
    • 提供者:weixin_42138139
  1. moyu-server:基于Vue和Electron的在线协同api接口管理工具-源码

  2. 摸鱼(服务端) 一款基于Vue和Electron的接口文档管理工具 || 预览 常用 (由于浏览器限制,完整版功能需要下载客户端) 主要功能 团队协作 自定义接口规则 支持常见请求方式 本地内网发送接口(类似postman) 优雅的离线版本导出 细粒度的权限管理 改善的提高录入接口效率 开源免费,内网部署安全有保障 部署&二次开发 环境要求 nodejs(10+) mongodb(2.6+) nginx(任意web服务器,任选) 主要技术栈 Vue 电子 Egg.js 元素UI Mon
  3. 所属分类:其它

    • 发布日期:2021-03-03
    • 文件大小:650kb
    • 提供者:weixin_42166623
  1. zeusSpring:基于Spring Boot 2.0的前一步分离的快速开发平台,此仓库是后台部分;前台:Vue + Element后台:Spring Boot 2.0Spring SecurityJWTSpring Data JPA +

  2. 项目演示 注意:目前项目部署在heroku,因为使用免费dyno,连续没有http请求服务器会进入到Hibernate状态,所以第一次访问会有一些许久延迟,请耐心等待,另外因为目前只是尝试开发的演示版本,和本地环境下的样式或功能尚有些出入,目前正在快马加鞭地开发与整理,项目开发完成后会和当前版本云泥之别,敬请期待。 项目简介 代码拥有丰富的注释和,(文档尚在完善中,即将开放),基于springboot 2.0.4.RELEASE开发,后续有, 的重组计划,敬请期待 主要功能如下: rabbit
  3. 所属分类:其它

  1. 利用vue + koa2 + mockjs模拟数据的方法教程

  2. 前言 首先说一下这是本人第一次分享东西第一次写,写的不好或者有错误的请大家多包涵支出错误共同进步,好了,话不多说了,来一起看看详细的介绍吧。 关于mockjs,官网描述的是       1.前后端分离       2.不需要修改既有代码,就可以拦截 Ajax 请求,返回模拟的响应数据。       3.数据类型丰富       4.通过随机数据,模拟各种场景。 等等优点。 第一步 安装vue-cli项目 不多说网上一大把 需要的朋友们参考这篇文章://www.jb51.net/article/
  3. 所属分类:其它

    • 发布日期:2021-01-21
    • 文件大小:62kb
    • 提供者:weixin_38520046
  1. Vue的diff算法详解和key作用(较详细)

  2. 在此,我准备先简单谈谈什么是dom和virtual dom,有助于后面diff算法的理解。 一. 那么什么是DOM?     在实际情况下,用户输入想要访问的网址在通过DNS解析后得到服务器地址,浏览器向服务器发起http请求,再经过tcp三次握手确认连接后服务器将需要的代码发回给浏览器,浏览器在接收代码后进行解析。 其中主要步骤:1.DOM构造 2.布局 3.渲染呈现 (在这之中也包括执行脚本js内容,但脚本可能需要访问或操作之前的HTML或样式,所以要等到先前的CSS节点构建完成) 1.D
  3. 所属分类:其它

    • 发布日期:2021-01-20
    • 文件大小:229kb
    • 提供者:weixin_38601103
  1. vue和iview实现Scroll 数据无限滚动功能

  2. 在做项目的时候因为数据比较多,一次性全部渲染的话会花费较多的时间,所以,想到每一次渲染10条数据 也想过每一次获取十条数据然后显示就行了,就目前自己所知最好的方法是修改接口,一次返回10条,可是这样子太麻烦了,所以决定一次性请求所有数据,然后每次渲染十条,需要再上拉加载更多 使用的是iview中的组件Scroll 以下是获取数据和封装数据的方法: 原理是先定义两个全局的变量,一个存储全部的数据,一个存储渲染的数据 在首次获得数据的时候,往渲染的变量中存入全部数据的前十条: 然后在数据最底时上
  3. 所属分类:其它

    • 发布日期:2021-01-19
    • 文件大小:126kb
    • 提供者:weixin_38663516
  1. 浅谈vue异步数据影响页面渲染

  2. 今天遇到一个问题,要保证页面渲染前请求的数据已经得到了 由于user是在异步请求之后保存在session中,而在页面渲染时session中还没有user,页面直接报错。 因此我希望能在所有请求都得到后再去做页面的渲染。 1.先把id为app的div用v-if=”appShow”,定义appShow为false进行隐藏,避免渲染 2.写计数器,每1ms进行一次查询,如果session中已经有user,删除过滤器,移除滤布,appShow为true,开始渲染页面,这样可以保证页面的正常渲染。 具
  3. 所属分类:其它

    • 发布日期:2021-01-19
    • 文件大小:57kb
    • 提供者:weixin_38612139
  1. 快速将Vue项目升级到webpack3的方法步骤

  2. 前言 由于 webpack3升级后,新增了 Scope Hositing(作用域提升) 功能,据说是对 js的性能提升很大。因此,我们做了一个测试对比,就是 webpack3和 webpack1/2 的性能对比,如下: 测试目标 以下数据是2天随机时段3部手机各2组数据,每组数据都是30次取平均值,为了测试js的解析能力,排除了网络请求的影响 平台:M5 Note Build/MRA58K 系统:android 6.0 时间 before after 2017-08-10 13
  3. 所属分类:其它

    • 发布日期:2021-01-19
    • 文件大小:153kb
    • 提供者:weixin_38508126
  1. vue项目中axios请求网络接口封装的示例代码

  2. 每个项目网络请求接口封装都是很重要的一块,第一次做Vue项目,我们的封装方法如下: (1).新建一个js文件,取名api.js (2).引入 axios ,mint-UI ,如下图: import axios from 'axios' import {MessageBox, Toast} from 'mint-ui' axios.defaults.timeout = 50000//默认请求超时时间 axios.defaults.headers = '请求头' (2).封装get方法 exp
  3. 所属分类:其它

    • 发布日期:2021-01-19
    • 文件大小:27kb
    • 提供者:weixin_38517113
  1. vue elementUI table表格数据 滚动懒加载的实现方法

  2. 在项目中遇到了一个性能问题 vue+elementUI table表格展示数据,当数据很多的时候,不能一页显示完,同时一次请求数据量太大,会增加网页渲染的时间,影响体验, 这个时候常常有两种方法处理, 1、分页,如下   2、如果我不想分页,又想在一页显示全部数据呢?这个时候其实就可以用数据懒加载了 如下一开始表格只显示31行数据 当将滚动条拉到低的时候,就会再加载31条数据,如果剩下的数据不足31,那就加载剩下的   根据项目需求,这需要一页可以看到全部数据,所以我选择了第二中方式 那么第
  3. 所属分类:其它

    • 发布日期:2021-01-19
    • 文件大小:203kb
    • 提供者:weixin_38706455
  1. 解决vue axios跨域 Request Method: OPTIONS问题(预检请求)

  2. 我们在vue开发中用axios进行跨域请求时有时会遇到,同一个接口请求了两次,并且第一次都是options请求,然后才是post/get请求 如下图 options请求 get请求 为什么会出现这种原因呢? 这是因为CORS跨域分为 简单跨域请求和复杂跨域请求; 简单跨域不会发送options请求,复杂跨域会发送一个预检请求options。 1.简单跨域满足的条件 1.请求方式是以下三种之一: HEAD GET POST 2.HTTP的头信息不超出以下几种字段 Accept Accep
  3. 所属分类:其它

    • 发布日期:2021-01-19
    • 文件大小:209kb
    • 提供者:weixin_38545517
« 12 »