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

搜索资源列表

  1. 黑马程序员vue.js项目实战视频教程全套(包含视频和笔记)完整版

  2. 课程目录 day1视频: 01.反馈 02.vue课程介绍 03.什么是Vue 04.为什么要学习前端的流行框架 05.框架和库的区别 06.MVC和MVVM的关系图解 07.Vue基本代码和MVVM之间对应关系 08.讲解v-cloak、v-text、v-HTML的基本使用 09.v-bind指令的学习 10.使用v-on指令定义Vue中的事件 11.跑马灯效果制作-上 12.跑马灯效果制作-下 13.事件修饰符的介绍 14.讲解v-model实现表单元素的数据双向绑定 15.使用v-mod
  3. 所属分类:Java

    • 发布日期:2019-07-16
    • 文件大小:270
    • 提供者:chaochao1933
  1. vue-happy-scroll-master.rar

  2. * [x] 保留原生滚动条功能 * [x] 支持动态设置滚动条颜色 * [x] 支持设置滚动条的位置。左右(竖向滚动条)、上下(横向滚动)方向 * [x] 支持隐藏滚动条 * [x] 支持动态设定滚动位置,并支持top与left值同步 * [x] 支持动态数据resize,滚动条自动隐藏与显示 * [x] 支持设置resize滚动条变化规则(e. 在chart应用中,来新消息时,滚动条始终在最底部) * [ ] 支持设置滚动速度 * [ ] 支持设置隐藏滚动条,hover时显示
  3. 所属分类:互联网

    • 发布日期:2020-07-10
    • 文件大小:158720
    • 提供者:bellediao
  1. 详解使用vue-router进行页面切换时滚动条位置与滚动监听事件

  2. 本篇文章主要介绍了详解使用vue-router进行页面切换时滚动条位置与滚动监听事件,具有一定的参考价值,感兴趣的小伙伴们可以参考一下。
  3. 所属分类:其它

    • 发布日期:2020-08-31
    • 文件大小:35840
    • 提供者:weixin_38546817
  1. Vue实现渲染数据后控制滚动条位置(推荐)

  2. 主要介绍了Vue实现渲染数据后控制滚动条位置,本文通过图文并茂的形式给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
  3. 所属分类:其它

    • 发布日期:2020-10-15
    • 文件大小:47104
    • 提供者:weixin_38621897
  1. vue 中滚动条始终定位在底部的方法

  2. 今天小编就为大家分享一篇vue 中滚动条始终定位在底部的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  3. 所属分类:其它

    • 发布日期:2020-10-18
    • 文件大小:44032
    • 提供者:weixin_38738830
  1. vue使用keep-alive保持滚动条位置的实现方法

  2. 主要介绍了vue使用keep-alive保持滚动条位置的实现方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
  3. 所属分类:其它

    • 发布日期:2020-10-17
    • 文件大小:54272
    • 提供者:weixin_38606169
  1. 基于vue实现滚动条滚动到指定位置对应位置数字进行tween特效

  2. 主要介绍了基于vue实现滚动条滚动到指定位置对应位置数字进行tween特效,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
  3. 所属分类:其它

    • 发布日期:2020-10-17
    • 文件大小:54272
    • 提供者:weixin_38705558
  1. Vue记住滚动条和实现下拉加载的完美方法

  2. 滚动条 常见于移动端 App 在滚动点击进入的时候 问题描述 当我们在开发 web app 的时候,经常会遇到一个问题,就是当从一个可滚动的列表页进入到下一个详情页面,然后返回列表页面的时候,很难去还原滚动条的状态,无法记住进来时候的位置。 以前我尝试过很多方法: 有 vue-router 自带的 scrollBehavior,需要记住 scrollTop,然后还原,但是管理这个 scrollTop 显得很麻烦,有的时候还不容易取值还有使用纯 CSS 的方式,在列表页面放置一个 router
  3. 所属分类:其它

    • 发布日期:2020-11-19
    • 文件大小:81920
    • 提供者:weixin_38663452
  1. Vue列表如何实现滚动到指定位置样式改变效果

  2. 这个需求大概是这样子: 我做的一个聊天Demo,在搜索框搜索用户,可以滚动到指定的用户。然后成选中状态。 这是目前状态,我搜索南宫仆射 ,想要下面的用户列表直接滚动到南宫仆射并改变CSS样式。 查询之后是这个子: 嗯,我的思路: 在搜索框搜索到用户之后会返回一个用户对象,之后会调用列表的点击事件,改变CSS样式及做一些聊天的逻辑。然后需要获取到列表对应的id值,直接使用 document.getElementById(it).scrollIntoView(); 具体实现: 列表:使用vue的
  3. 所属分类:其它

    • 发布日期:2020-11-21
    • 文件大小:173056
    • 提供者:weixin_38604395
  1. 解决vue无法设置滚动位置的问题

  2. 问题描述 在实现锚点定位的时候发现无法设置滚动条的位置。 在Vue中,使用 document.body.scrollTop=952 无法设置滚动条的高度。 document.body.scrollTop一直是0 原因 因为vue的页面指定了DTD,即指定了DOCTYPE时,使用document.documentElement。 页面没有DTD,即没指定DOCTYPE时,使用document.body。 解决方案 document.documentElement=956 总结 以上所述是小编给
  3. 所属分类:其它

    • 发布日期:2020-11-30
    • 文件大小:26624
    • 提供者:weixin_38614112
  1. vue实现拖拽效果

  2. vue中实现拖拽效果,供大家参考,具体内容如下 首先要搞明白分清clientY pageY screenY layerY offsetY的区别 作用3(事件对象中记录的鼠标位置) 语法 解释 evt.screenX 相对于屏幕的左上角为原点 evt.screenY evt.clientX 相对于浏览器的客户端左上角为原点(不计算滚动条位置) evt.clientY evt.pageX 相对于浏览器的客户端左上角为原点(计算滚动条的位置) evt.pageY evt.offsetX 以自己的
  3. 所属分类:其它

    • 发布日期:2020-11-27
    • 文件大小:53248
    • 提供者:weixin_38658568
  1. vue 纯js监听滚动条到底部的实例讲解

  2. 在网页中,我们会遇到很多在滚动条到底部的时候有数据正在加载的事件,那么怎样用vue去实现这样的内容呢?本篇只给出一个雏形,结合vue的生命周期用纯javascr ipt写的一个监听函数,后续操作数据库的部分暂且不议。 1、怎样用纯js判断滚动条是否到底部? 先了解几个关键词: (1)滚动条到顶部的位置:scrollTop (2)当前窗口内容可视区:windowHeight (3)滚动条内容的总高度:scrollHeight 触发监听的函数是: [removed] = function(){..
  3. 所属分类:其它

    • 发布日期:2020-12-11
    • 文件大小:34816
    • 提供者:weixin_38656395
  1. vue中使用better-scroll实现滑动效果及注意事项

  2. 一、首先需要在项目中引入better-scroll 1. 在package.json 直接写入 “better-scroll”:”^1.11.1″  版本以github上为准(目前最新) 2.cpnm install  在node_modules  可以查看版本是否安装 3.直接在你的组件里面写入import BScroll from 'better-scroll'; 二、better-scroll优点 1.体验像原生:滚动非常流畅,而且没有滚动条。 2.滚动位置固定:在vue中通过路由切换页面
  3. 所属分类:其它

    • 发布日期:2020-12-10
    • 文件大小:454656
    • 提供者:weixin_38648309
  1. vue 使用鼠标滚动加载数据的例子

  2. 关于用鼠标滚动到某个位置我们就去加载数据,这样的场景与业务需求现在越来越常见,现在来分析下《vue.js 实战》中作者的一个解决策略: 1. 设置一个标志位用来判断数据是否在加载中 2. 将滚动区域设置成 overfow:auto(显示滚动条) 3. 给滚动区域加入监听事件并绑定ref属性 来获取DOM实例 4. 当鼠标滚动到底部时,加载数据 4.1 如果此时 标志位为true则 直接退出,不进行此时数据加载 关键代码如下: //...代码省略 //该div 为要滚动区域 <div
  3. 所属分类:其它

    • 发布日期:2020-12-13
    • 文件大小:40960
    • 提供者:weixin_38728464
  1. Vue实现渲染数据后控制滚动条位置(推荐)

  2. 需求场景如下: 实现了消息发送,如果容器内消息过多,会出现滚动条,最新的消息位于最底部,不能及时出现在可视区域内,此时就需要在渲染列表后,将滚动条的位置定位到最底部。先来看看最终实现的效果    实现思路 渲染完数据后,通过refs对象获取消息容器的实际高度 将滚动条的设置到最底部 实现过程 sendMessage: function (event) { // 数据渲染 this.senderMessageList.push(thisSenderMessageObj); /
  3. 所属分类:其它

    • 发布日期:2020-12-13
    • 文件大小:96256
    • 提供者:weixin_38651286
  1. 详解使用vue-router进行页面切换时滚动条位置与滚动监听事件

  2. 按照正常的产品逻辑,我们在进行页面切换时滚动条应该是在页面顶部的,可是。。。在使用vue-router进行页面切换时,发现滚动条所处的位置被自动记录了下来,且在另一个组件内定义的滚动监听事件仍会运行,着实吃了一大惊。。。 说说我的破解方法: 1、在每个需要用vue-router切换的组件的mounted钩子内将页面的位置自动回滚到页面顶部,解决滚动条位置自动记录问题; 2、在每个组件内定义一条变量scrollWatch默认为true,在绑定滚动监听事件时加个if判断,只有在scrollWatc
  3. 所属分类:其它

    • 发布日期:2020-12-12
    • 文件大小:30720
    • 提供者:weixin_38728347
  1. Vue 无限滚动加载指令实现方法

  2. 也不存在什么加载咯, 就是一个判断滚动条是否到达浏览器底部了。 如果到了就触发事件,米到就不处理。 计算公式提简单的   底部等于(0) =  滚动条高度 – 滚动条顶部距离 – 可视高度。  反正结果就是0。 一、获取滚动条位置 class Scroll { static get top() { return Math.max(document.documentElement.scrollTop || document.body.scrollTop); } static
  3. 所属分类:其它

    • 发布日期:2020-12-04
    • 文件大小:43008
    • 提供者:weixin_38652270
  1. vue-page-stack:Vue SPA的路由和导航。 Vue单页应用导航管理器-源码

  2. Vue页面堆栈 English | Vue SPA导航管理器将UI像本地应用程序一样缓存在SPA中,而不是销毁它。 例 产品特点 :dragon: 在vue-router上扩展后,原始导航逻辑保持不变 :soccer_ball: 当页面通过push或forward重新呈现时,新呈现的页面将被添加到Stack中。 :trophy: 当back或go(negative number) ,不会重新呈现先前的页面,而是从堆栈中读取它们,并且这些页面保留先前的内容状态,例如表单内容,滚动条的位置
  3. 所属分类:其它

    • 发布日期:2021-02-06
    • 文件大小:271360
    • 提供者:weixin_42178688
  1. 基于vue实现滚动条滚动到指定位置对应位置数字进行tween特效

  2. 实现目标 浏览各大云平台,发现一个页面特效使用较为频繁,以“百度云”为例(https://cloud.baidu.com/),进入百度云后,当滚动条滚动至“更可靠的数据支持”模块时,页面数据将会开始滚动式增长特效。下面将会介绍我的解决方案,希望有同行更好的解决方案大家一起交流。 解决思路 主要的解决要点如下: 如何实现数字动画的效果 如何监听滚动条到指定的位置 分解要点寻找解决思路: 一、如何实现数字动画的效果 在vue的官方文档(https://cn.vuejs.org/v2/guide…
  3. 所属分类:其它

    • 发布日期:2021-01-21
    • 文件大小:129024
    • 提供者:weixin_38502639
  1. vue路由前进后退动画效果的实现代码

  2. vue-route-transition vue router 切换动画 特性 模拟前进后退动画 基于css3流畅动画 基于sessionStorage,页面刷新不影响路由记录 路由懒加载,返回可记录滚动条位置 前进后退的判断与路由路径规则无关 支持任意基于Vue的UI框架 demo   手机扫码 在线预览 说明 配套包含两个组件 vue-route-transition 负责动画 router-layout 负责页面排版。 主要是解决transform动画,
  3. 所属分类:其它

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