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

搜索资源列表

  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. 详解vue2.0 使用动态组件实现 Tab 标签页切换效果(vue-cli)

  2. 本篇文章主要介绍了详解vue2.0 使用动态组件实现 Tab 标签页切换效果(vue-cli),具有一定的参考价值,有需要的可以了解下
  3. 所属分类:其它

    • 发布日期:2020-08-29
    • 文件大小:95232
    • 提供者:weixin_38649315
  1. vue.js实现标签页切换效果

  2. 主要介绍了vue.js实现标签页切换效果,代码简单易懂,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
  3. 所属分类:其它

    • 发布日期:2020-10-18
    • 文件大小:48128
    • 提供者:weixin_38735790
  1. vue仿element实现分页器效果

  2. 主要介绍了vue仿element实现分页器效果,实现思路是定一个值foldPage, 意为当前最多显示的标签数,当总页数超过即显示省略.省略分为左边省略(folder1)和右边省略(folder2),具体实例代码大家参考下本
  3. 所属分类:其它

    • 发布日期:2020-10-18
    • 文件大小:48128
    • 提供者:weixin_38715008
  1. Vue实现Tab标签路由效果并用Animate.css做转场动画效果的代码第1/3页

  2. 类似于浏览器窗口一样的路由切换逻辑,看着还是挺高大上的,本以为有很多高级的玩意儿,奈何复杂的东西总是由简单的东西拼接而成的,这个功能也不例外。 本篇文章主要描述两个问题: 如何实现这种Tab标签页的路由效果 如何为路由切换添加转场动画。 该功能的开发主要使用到 AntDesignVue 组件库的Tab组件和 Animate.css 效果如下:   Tab标签页实现 首先是该组件的模板部分, ContextMenu 组件是我们自定义的右键菜单,后面会说到。 a-tabs 组件则是 ant 的组件
  3. 所属分类:其它

    • 发布日期:2020-11-20
    • 文件大小:98304
    • 提供者:weixin_38638688
  1. vue.js实现标签页切换效果

  2. 第二个实例是关于标签页切换的,先看一下效果: 这也是一个很常见的交互效果,以往正常的javascr ipt写法是给各个按钮绑定事件来切换不同的层,当然也可以用纯css写,给上面的三个切换的层分别添加一个单选按钮的兄弟节点,再用绝对定位把单选按钮定位在三个button上面,这样就可以用:checked伪类来单选按钮的兄弟元素,即对应的不同的层,我简单的写了一下DOM结构,大概就是这样: 那么用vue.js实现上述的效果,其实也有两种途径,一种使用vue-router,vue-router是vu
  3. 所属分类:其它

    • 发布日期:2020-12-09
    • 文件大小:398336
    • 提供者:weixin_38699352
  1. vue实现鼠标移过出现下拉二级菜单功能

  2. 1.我曾经听一位快十年前端大佬说过一句话,就是能用css实现的动画,就用css不要用js去实现 因为在渲染上css肯定比js效果更好  我用jquery曾经实现过鼠标点击 出现下拉菜单 有点和面包屑 和标签页导航类似  后来参加工作了 公司一直在用vue 所以很多用jqeury写的项目都要用vue来重构 这其中不免碰见了有一些动画效果 虽然很简单  我也曾想着就用jquery去实现吧 代码多一点无所谓了 但最后却不是这样 vue好像和jquery中的有些插件冲突了  只要vue已导入 那些用jq
  3. 所属分类:其它

    • 发布日期:2020-12-13
    • 文件大小:74752
    • 提供者:weixin_38703955
  1. 微信小程序实现原生步骤条

  2. 本文实例为大家分享了微信小程序实现原生步骤条的具体代码,供大家参考,具体内容如下 效果 (步骤条颜色不对是录制工具的问题) 思路 其实与轮播图类似,使用了两个并排的轮播容器,在滑动监听后,给图片加上移动和缩放动画。 扩展 可以用于标签页的切换。 vue与微信小程序有类似的地方,所以微信小程序做出的效果,原理也可用于vue在网页上的应用。 代码 wxml <
  3. 所属分类:其它

    • 发布日期:2020-12-13
    • 文件大小:52224
    • 提供者:weixin_38562130
  1. vue仿element实现分页器效果

  2. 1 .起因 今日看完element中分页器的源码实现,比较简单,遂自己按着理解实现了一个简单的分页器,记录下来,以便日后温习. 2.实现难点 分页器的实现难点主要是什么时候显示分页器的省略, 我的思路是: 规定一个值foldPage, 意为当前最多显示的标签数,当总页数超过即显示省略.省略分为左边省略(folder1)和右边省略(folder2),布局代码如下: 上一页 <li :c
  3. 所属分类:其它

    • 发布日期:2020-12-29
    • 文件大小:47104
    • 提供者:weixin_38719578
  1. songEagle:一个支持服务端渲染SSR的博客,nuxt + vue + vuex + websocket + koa2 + mysql + redis + nginx + jwt,包含文章,实验室,按照类别和标签分类,文章评论支持gi

  2. songEagle 一个支持服务端渲染SSR的博客,nuxt + vue + vuex + websocket + koa2 + mysql + redis + nginx + jwt,包含文章,实验室,按照类别和标签分类,文章评论支持github第三方登录等,家居视觉可视化采用threejs + WebGLRenderer实现网状波浪和三菱锥的动态效果。后台管理系统使用jwt做鉴权认证登录,支持markdown编写文章,文章实时保存等功能。 技术栈 nuxt + vue + vuex + we
  3. 所属分类:其它

    • 发布日期:2021-02-03
    • 文件大小:867328
    • 提供者:weixin_42168830
  1. 使用element-ui table expand展开行实现手风琴效果

  2. 问题讲解: 在使用vue版本的ElementUI中的table功能的时候还是遇到了一些问题,可以说饿了么团队在这个UI框架的文档撰写已经非常不错了,不过还是有一些方法乍一看让人摸不着头脑,有些table的常用功能示例代码提供的不是非常详细,所以这次针对这个可展开表格实现手风琴效果写一篇博客探讨一下。 先展示一下ElementUI官方提供的示例代码效果图 可以看到官方代码中在这边没有让这个可展开table自动折叠的功能,我点击了别的标签页后上次点击的行仍旧处在一个展开的状态,而且操控的方式也
  3. 所属分类:其它

    • 发布日期:2021-01-21
    • 文件大小:118784
    • 提供者:weixin_38716081
  1. Vue实现兄弟组件间的联动效果

  2. 需求说明 如图,我想要实现当点击字母L,页面定位到L开头的城市名 Do it 1.找到字母表的页面 在html标签绑定一个click事件,在js中定义一个方法,并使用参数e获取点击的字母。当在页面点击时,console出来 效果如下  2.通过city这个父页面,进行列表页和字母表页面的值传递 在字母表页定义一个监听方法 进入city页面,在html中绑定一个监听事件 在js中编写这个事件的方法 打开页面,可以看到没有问题,city页面监听到了字母表页面的点击 city父页面
  3. 所属分类:其它

    • 发布日期:2021-01-21
    • 文件大小:278528
    • 提供者:weixin_38723691
  1. Vue实现兄弟组件间的联动效果

  2. 需求说明 如图,我想要实现当点击字母L,页面定位到L开头的城市名 Do it 1.找到字母表的页面 在html标签绑定一个click事件,在js中定义一个方法,并使用参数e获取点击的字母。当在页面点击时,console出来 效果如下  2.通过city这个父页面,进行列表页和字母表页面的值传递 在字母表页定义一个监听方法 进入city页面,在html中绑定一个监听事件 在js中编写这个事件的方法 打开页面,可以看到没有问题,city页面监听到了字母表页面的点击 city父页面
  3. 所属分类:其它

    • 发布日期:2021-01-21
    • 文件大小:278528
    • 提供者:weixin_38677936
  1. vue Tab切换以及缓存页面处理的几种方式

  2. 前言 相信tab切换对于大家来说都不算陌生,后台管理系统中多会用到。如果不知道的话,可以看一下浏览器上方的标签页切换,大概效果就是这样。 1.如何切换 使用动态组件,相信大家都能看懂(部分代码省略) //通过点击就可以实现两个组件来回切换 切换view import pageA from /views/pageA; import pageB from /views/pageB; computed: { currentVie
  3. 所属分类:其它

    • 发布日期:2021-01-19
    • 文件大小:83968
    • 提供者:weixin_38572979
  1. vuex + keep-alive实现tab标签页面缓存功能

  2. 在开发很多管理系统过程之中,常遇到这种需求,需要对打开路由页面进行缓存,然后在系统页眉提供方便查阅的tab标签进行切换以及对已经缓存页面进行数据刷新和清除数据操作。具体演示如下图所示:   在上面演示中实现了类似 window tab 标签页效果,会对当前数据进行缓存。在浏览器中实现对路由页面的缓存可以减少接口请求,也方便了用户来回切换想搜索的数据列表。 原理 Vue 提供的 keep-alive API实现对路由组件的缓存。 include 属性可以绑定一个数组,里面是需要路由组件的 na
  3. 所属分类:其它

    • 发布日期:2021-01-19
    • 文件大小:158720
    • 提供者:weixin_38575118
  1. Vue render渲染时间戳转时间,时间转时间戳及渲染进度条效果

  2. 一.格式化时间 效果图: 实现上述界面代码如下: data() { return { loading: false, demandData: [], demandcount: 0,//总条数 skip: 0, //分页 pageSize: this.LIMIT, columns: [ { title: '编号', width: 60, align: 'center', type:
  3. 所属分类:其它

    • 发布日期:2021-01-19
    • 文件大小:76800
    • 提供者:weixin_38699726
  1. 详解vue2.0 使用动态组件实现 Tab 标签页切换效果(vue-cli)

  2. 在 vue 中,实现 Tab 切换主要有三种方式:使用动态组件,使用 vue-router 路由,使用第三方插件。 因为这次完成的功能只是简单切换组件,再则觉得使用路由切换需要改变地址略微麻烦,所以使用的是动态组件实现,如果是在大型应用上,可能使用 vue-router 会方便一些。 先看下最终实现的效果,结构比较简单,顶部的三个 Tab 标签用于切换,内容区域分别为三个子组件。 效果预览 关键代码及分析如下: // 每一个 tab 绑定了一个点击事件,传入的参数对应着 tab 下的组件
  3. 所属分类:其它

    • 发布日期:2021-01-19
    • 文件大小:92160
    • 提供者:weixin_38686658
  1. vue2-MiniQQ:基于vue2全家桶实现的,仿移动端QQ-源码

  2. vue-miniQQ ————基于Vue2实现的仿手机QQ单页应用 项目状态 已停止更新,可以参考。初学者直接从Vue3开始学习即可。 动图预览 gif图好像被压缩的太多了,认知的可以克隆后查看。 侧边栏与个人主页 滑动组件的动画效果 进入地下 初步信息 首页标签切换 技术栈 Vue-Cli vue2 Vue路由器 威克斯 轴距 手写笔 webpack2 缪斯 目录 . ├── README.md ├── build // 构建服务和w
  3. 所属分类:其它

    • 发布日期:2021-04-01
    • 文件大小:1048576
    • 提供者:weixin_42133415
  1. Training-Program:一些无限小的工作-源码

  2. 无限小工作 一些无限小的工作 第一个练习:使用fetch和API去完成天气的显示 通过天气API获取几个城市的天气情况并且可以通过按钮进行切换 把城市的天气信息包裹到fetch方法中去进行请求 进阶玩法:切换城市的时候进行做一个翻牌效果(使用transform3d 第二个练习:实现tab效果的切换 通过这个练习的同时也学习Vue Router的原理 额外要求:每当点击一个tab时,url要进行变化和按需渲染 额外要求2:tab栏换到开头 第三个练习:带有输入提示的输入 输入内容会去查提示词并提供
  3. 所属分类:其它

    • 发布日期:2021-03-30
    • 文件大小:7168
    • 提供者:weixin_42117082
  1. HomeWork:一些功课-源码

  2. 无限小工作 一些无限小的工作 第一个练习:使用fetch和API去完成天气的显示 通过天气API获取几个城市的天气情况并且可以通过按钮进行切换 把城市的天气信息包裹到fetch方法中去进行请求 进阶玩法:切换城市的时候进行做一个翻牌效果(使用transform3d 第二个练习:实现tab效果的切换 通过这个练习的同时也学习Vue Router的原理 额外要求:每当点击一个tab时,url要进行变化和按需渲染 额外要求2:tab栏换到开头 第三个练习:带有输入提示的输入 输入内容会去查提示词并提供
  3. 所属分类:其它

    • 发布日期:2021-03-27
    • 文件大小:26624
    • 提供者:weixin_42162978