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

搜索资源列表

  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组件子元素scroll父元素容器不跟随滚动兼容PC移动端

  2. 一个 VUE 组件:子元素 scroll 父元素容器不跟随滚动(兼容PC、移动端)
  3. 所属分类:其它

    • 发布日期:2019-08-09
    • 文件大小:78848
    • 提供者:weixin_39840515
  1. 用vue写一个仿简书的轮播图的示例代码

  2. 1.先展示最终效果: 2.解决思路 Vue的理念是以数据驱动视图,所以拒绝通过改变元素的margin-top来实现滚动效果。写好css样式,只需改变每张图片的class即可实现轮播效果。动画效果交给transition完成。可以将轮播图看成两个(mainSlide和extraSlide),各个图片的位置如图所示: 3.代码实现 各个slide的样式: $width: 800px; // 容器宽度 $height: 300px; // 容器高度 $bWidth: 500px;
  3. 所属分类:其它

    • 发布日期:2020-11-27
    • 文件大小:169984
    • 提供者:weixin_38608688
  1. Vue项目中使用better-scroll实现一个轮播图自动播放功能

  2. 前言 better-scroll是一个非常非常强大的第三方库 在移动端利用这个库 不仅可以实现一个非常类似原生ScrollView的效果 也可以实现一个轮播图的效果 这里就先记录一下自己实现这个效果的一些过程吧 思路 1.首先要确定自己的HTML结构 基本结构就是一个wrapper包含一个content 2.其次需要明白的一个页面可以滚动的原理在于 当内容的高度超出了容器的高度才可以实现滚动 如果没有超出 那么就没有滚动的必要 因此第一点需要实现的就是 获取到所有内容的高度 由于实现的是一个轮播
  3. 所属分类:其它

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

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

    • 发布日期:2020-12-13
    • 文件大小:96256
    • 提供者:weixin_38651286
  1. awesome-web-effect:一系列精致紧凑的网页酷炫效果-源码

  2. 令人敬畏的网络效果 :rocket: 一系列精致紧凑的网页酷炫效果 这就像在房间里装饰一棵美丽的圣诞树。 有时,一个带有炫酷效果的小型网页会让您的项目焕发光芒。 这是一个非常有趣的系列,我想收集页面上常见的很酷的效果。 不限于任何框架(React,角度,角度等),只要可以将效果简单地插入页面中,就可以将其发送给我,我喜欢它们,希望您也喜欢它们。 背景装饰 粒子背景的React组件 -vue.js粒子动画背景组件。 使用它可以使您的网站看起来很酷。 -可以在背景或容器中使用的香草颗粒,非常
  3. 所属分类:其它

    • 发布日期:2021-03-17
    • 文件大小:96256
    • 提供者:weixin_42113456
  1. nice:大而全,清晰明了-源码

  2. javascr ipt 复制到剪切板 滚动加载图片 生成随机字符串 文件上传和下载 动态字体大小 元素是否在视口中 限制输入 滑动解锁 常见表单验证 UI代理LI 拖拽交换 商品规格组合 工具提示 滑块 粘性导航条 挪动足球 轮播轮播 表格排序 编辑表格 影响 轮换效果 3d旋转效果 js动画-抛球 帆布 canvas手写签名 svg svg画曲线 svg画柱形图 svg画折线图 svg画饼图 svg画雷达图 svg画环形图 svg绘画十年 转盘抽奖 埃哈特 echarts的调整大小和配置
  3. 所属分类:其它

    • 发布日期:2021-03-02
    • 文件大小:139264
    • 提供者:weixin_42138780
  1. 在Vue中使用CSS3实现内容无缝滚动的示例代码

  2. 一、效果预览 最近在做一个活动页面,遇到幸运用户中奖的滚动公告需求。下面是实现效果: (gif录制略显卡顿,实际效果很流畅) 二、无缝滚动原理 1、容器宽高固定,超出内容隐藏; 2、内容准备2份,现参与滚动的内容有A、B两份,向左滚动; 3、滑动过程中,B份紧随A份之后,营造出无缝滚动回来的效果; 4、在A部分内容完全滚出容器的一瞬间,立刻将AB内容位置复原,由于A、B内容一模一样,这个复原过程很难看出来; 5、循环第3步; 三、代码 1、html部分 <
  3. 所属分类:其它

    • 发布日期:2021-01-21
    • 文件大小:166912
    • 提供者:weixin_38665629
  1. vue spa应用中的路由缓存问题与解决方案

  2. 单页面应用中的路由缓存问题 通常我们在进行页面前后退时,浏览器通常会帮我们记录下之前滚动的位置,这使得我们不会在每次后退的时候都丢失之前的浏览器记录定位。但是在现在愈发流行的SPA(single page application 单页面应用)中,当我们从父级页面打开子级页面,或者从列表页面进入详情页面,此时如果回退页面,会发现之前我们浏览的滚动记录没有了,页面被置顶到了最顶部,仿佛是第一次进入这个页面一样。这是因为在spa页面中的url与路由容器页面所对应,当页面路径与其发生不匹配时,该页面组
  3. 所属分类:其它

    • 发布日期:2021-01-19
    • 文件大小:361472
    • 提供者:weixin_38700409