注册会员 | 设为首页 | 加入收藏夹
您好，欢迎光临本网站！[请登录] ！[注册会员]！  

搜索资源列表

  1. 基于Vue的移动端图片裁剪组件功能

  2. 给大家介绍了基于Vue的移动端图片裁剪组件功能，因为移动端是用vue，所以就写成了一个vue组件，下面就说说自己的一些实现思路,需要的朋友可以参考下

  3. 所属分类：其它

    • 发布日期：2020-08-28
    • 文件大小：216064
    • 提供者：weixin_38744694

  1. 解决ios微信下vue项目组件切换并自动播放音频问题

  2. 最近在做一个英语答题项目,项目需求是通过答题取的成绩 , 答题的题型是分为,听音选图,看图选词和填空题.下面小编给大家带来了ios微信下vue项目组件切换并自动播放音频的解决方案,需要的朋友参考下吧

  3. 所属分类：其它

    • 发布日期：2020-08-28
    • 文件大小：139264
    • 提供者：weixin_38670297

  1. 浅谈Vuex的this.$store.commit和在Vue项目中引用公共方法

  2. 1、在Vue项目中引用公共方法 作为一个新人小白，在使用vue的过程中，难免会遇到很多的问题，比如某个方法在很多组件中都能用的上，如果在每个组件上都去引用一次的话，会比较麻烦，增加代码量。怎么做比较好呢，话不多说直接看代码把 首先 要在main.js中引入公共js。然后，将方法赋在Vue的原型链上。 像图中这样。 然后在需要的组件上去引入这个方法 mouted (){ //调用方法 this.common.login(); } /**然后公共方法里写一段简单的代码*/ export defa

  3. 所属分类：其它

    • 发布日期：2020-11-20
    • 文件大小：81920
    • 提供者：weixin_38610277

  1. 在vue中封装可复用的组件方法

  2. 本次封装的组件以toast组件为例 以前使用移动端ui插件时，通过一句代码比如 $.toast( ‘ 需要显示的内容 ‘ )，从而在页面上展示这段文字，并在一定时间后消失。 现在我们也尝试自己封装toast组件。 准备工作：vue-cli脚手架工程 先看一下涉及到的文件目录截图： 这次的封装主要涉及的文件是Toast.vue toast.js Hello.vue，主要思路如下： ① Toast.vue是我们要使用的toast组件； ② toast.js里面用Vue.extend()扩展一个组件

  3. 所属分类：其它

    • 发布日期：2020-11-26
    • 文件大小：62464
    • 提供者：weixin_38598613

  1. Vue实现typeahead组件功能(非常靠谱)

  2. 前言 之前那个typeahead写的太早,不满足当前的业务需求。 而且有些瑕疵,还有也不方便传入数据和响应数据.. 于是就推倒了重来,写了个V2的版本 看图,多了一些细节的考虑;精简了实现的逻辑代码 效果图 实现的功能 1: 鼠标点击下拉框之外的区域关闭下拉框 2: 支持键盘上下键选择,支持鼠标选择 3: 支持列表过滤搜索 4: 支持外部传入列表JSON格式的映射 5: 支持placeholder的传入 6: 选中对象的响应(.sync vue2.3的组件通讯的语法糖) 7: 箭头icon的映

  3. 所属分类：其它

    • 发布日期：2020-11-30
    • 文件大小：80896
    • 提供者：weixin_38734993

  1. 在Vue项目中使用d3.js的实例代码

  2. 之前写一个 Demo里面 有些东西要使用d3实现一些效果 但是在很多论坛找资源都找不到可以在Vue里面使用D3.js的方法,npm 上面的D3相对来说 可以说是很不人性化了 完全没有说 在webpack上怎么使用D3.js 最后折腾很久 看到某位外国大佬 看他的案例 成功的实现了在Vue项目里面实现D3的使用 首先安装 npm install d3 --save-dev 以防万一,然后看package.json 安装完成 在我们开始之前，让我们渲染一个Vue组件，它使用常规的D3 DOM操

  3. 所属分类：其它

    • 发布日期：2020-11-29
    • 文件大小：102400
    • 提供者：weixin_38743391

  1. Vue 仿QQ左滑删除组件功能

  2. 前几天在做Vue项目开发的时候，因为之前别人写的代码有点小 bug，有人反应 IOS 上面的滑动点击有点问题，于是让我来帮忙解决，我看了看以前的代码实现比较繁琐，冗余，索性就直接自己重新写了一套，供大家参考，如有更好的方式，欢迎及时交流~ 我们先看看效果图吧，毕竟无图无真相啊~ 效果图   实现思路 具体实现思路如下： 布局方面我采用的是 rem + flex 布局，具体如何结构和样式可以参考我的代码，值得注意的是后面的删除按钮是我通过定位放在了每一行的最后，超出隐藏了而已 左滑和右

  3. 所属分类：其它

    • 发布日期：2020-11-28
    • 文件大小：94208
    • 提供者：weixin_38632046

  1. vue做网页开场视频的实例代码

  2. 本demo背景是一个视频，文字是打印机效果，按钮在文字打完才会显示，点击按钮背景向上收起，同时显示默认首页组件（如是初建vue项目列表，则为helloWorld.vue的组件内容） 公司电脑没有gif动图尽情谅解 文末会附上demo地址，如需看效果，可前往下载 本人一直很喜欢网页开场有一段视频或动画，个人认为网页的开场动画起到引导浏览作用，相当于网页的一个开始，一个好的开始往往就成功了一半，对于浏览网站的用户来说，也就吸引了极大地注意力。 以上都是废话，网页开场动画在移动端的应用十分广泛，具体操

  3. 所属分类：其它

    • 发布日期：2020-11-27
    • 文件大小：125952
    • 提供者：weixin_38665122

  1. 深入分析element ScrollBar滚动组件源码

  2. scrollbar组件根目录下包括index.js文件和src文件夹，index.js是用来注册Vue插件的地方，没什么好说的，不了解的童鞋可以看一下Vue官方文档中的插件，src目录下的内容才是scrollbar组件的核心代码，其入口文件是main.js。 在开始分析源码之前，我们先来说一下自定义滚动条的原理，方便大家更好的理解。 如图，黑色wrap为滚动的可显示区域，我们的滚动内容就是在这个区域中滚动，view是实际的滚动内容，超出wrap可显示区域的内容都将被隐藏。右侧track是滚动条

  3. 所属分类：其它

    • 发布日期：2020-12-11
    • 文件大小：145408
    • 提供者：weixin_38568548

  1. Vue+Element实现网页版个人简历系统(推荐)

  2. 这篇文章介绍一个使用Vue+Element实现的个人简历系统，主要用到的技术有：vue、element、css3、css定位。 作者在window10进行开发，目前只在chrome上进行过测试，没有大的毛病。但是还有很多小功能还不完善，代码也未进行优化，后续会继续完善功能，优化代码。 声明：项目相对来说就是一个纯静态页面，代码都比较简单，大佬可闭眼绕过，或者看一眼留下宝贵意见也可   一.项目介绍 本项目是一个网页版的个人简历系统，主要使用的技术为vue2+element进行实现。 个人简历系统

  3. 所属分类：其它

    • 发布日期：2020-12-13
    • 文件大小：408576
    • 提供者：weixin_38733875

  1. 详解基于Vue2.0实现的移动端弹窗(Alert, Confirm, Toast)组件

  2. wc-messagebox 基于 vue 2.0 开发的插件 包含 Alert, Confirm, Toast, Prompt 仿照 iOS 原生UI(样式来源: MUI) 一些想法 刚开始的时候想要用现成的弹窗组件来着, 但是查找一圈没有发现比较合适项目的, 所以才自己开发了一个, 包含 Alert, Comfirm, Toast, Prompt 四种, 并且可以单个引入. Vue 的组件开发实际上比较简单, 有兴趣的可以看下源码实现, 步骤很清晰. 关于样式的问题, 是直

  3. 所属分类：其它

    • 发布日期：2020-12-07
    • 文件大小：50176
    • 提供者：weixin_38604916

  1. vue中的模态对话框组件实现过程

  2. 写在前面 对话框是很常用的组件 ， 在很多地方都会用到，一般我们可以使用自带的alert来弹出对话框，但是假如是设计出的图该怎么办呢 ，所以我们需要自己写一个对话框，并且如果有很多地方都用到，那我们很有必要写成一个通用的组件形式，在需要的地方之间引用。 现在我们来动手实现一个对话框组件 ，按照之前的习惯，我们先看下实现的效果图 1.首先，通过template定义一个组件 <div class=dialog

  3. 所属分类：其它

    • 发布日期：2020-12-29
    • 文件大小：73728
    • 提供者：weixin_38528180

  1. Vue.js实现一个自定义分页组件vue-paginaiton

  2. vue实现一个分页组件vue-paginaiton vue使用了一段时间的感触就是，我再也不想直接操作DOM了。数据绑定式的编程体验真是好。实现的一个分页组件。 这里的css就不放出来了，可以看直接去github上下载：vue-pagination 先上一张实例图吧 模版 {{

  3. 所属分类：其它

    • 发布日期：2020-12-28
    • 文件大小：70656
    • 提供者：weixin_38704011

  1. 文字加代码搞懂vue中动态路由和嵌套路由区别

  2. 文章目录一、动态路由和嵌套路由区别二、代码实现过程动态路由嵌套路由三、总结 一、动态路由和嵌套路由区别 先看实现效果 区别： 形式来看：动态路由url中path有一个/，嵌套路由url中path有两个/ 本质上看：动态路由url对应一个组件，嵌套路由url对应两个组件 作用： 动态路由：实现path值动态改变 嵌套路由：实现父路由下的子路由 二、代码实现过程 动态路由 当改变App.vue中userId属性值时，url显示的值也会不同 没错就是$route的params属性传参数的过程 嵌套

  3. 所属分类：其它

    • 发布日期：2021-01-08
    • 文件大小：411648
    • 提供者：weixin_38620741

  1. 解决ios微信下vue项目组件切换并自动播放音频问题

  2. 最近在做一个英语答题项目 , 项目需求是通过答题取的成绩 , 答题的题型是分为 , 听音选图 , 看图选词 , 和填空题 . 项目总共分为了3个页面 , 开始页 ,答题页 和结束页面 ,答题页关于每种题型 , 我做了相应的组件 , 每次切换题目的时候 ,显示对应的的组件 , 要求听音选图的时候会自动播放音频 . 惯例 , ios下的safari和微信内置浏览器都不支持audio的自动播放 , 通常的解决方案都是通过 document.addEventListener('WeixinJSBridg

  3. 所属分类：其它

    • 发布日期：2021-01-04
    • 文件大小：145408
    • 提供者：weixin_38742656

  1. mini-vue3.0:vue-next vue2.x vue3.0源码学习-源码

  2. 迷你vue3.0 一个极简版本的vue3.0核心学习库，通过学习vue3.0核心实现逻辑，从而快速掌握vue3.0核心原理。当别人还在蹒跚学步，你已健步如飞。 写在前面，作为一个有追求的前端工程师，我们当然不满足于vue API调用工程师。需要学习vue继承来提高自己的逼格。走上人生巅峰，赢取白富美。而学习vue3.0源码又不要担心，mini-vue3.0大大简化了vue3.0源码实现。我们只专注核心逻辑实现，让你轻松入门。我相信，通过mini-vue3.0学习，你再去看原始码，这么简单。 m

  3. 所属分类：其它

    • 发布日期：2021-03-23
    • 文件大小：20480
    • 提供者：weixin_42176612

  1. Vue_Music:vue音乐播放器源码，详情请看readme-源码

  2. Vue_Music Vue_Music项目原始资料，作者地址： ://www.jianshu.com/nb/23787315 Vue_Music_01 项目初始化，介绍目录结构并完成Header组件的，报道地址： Vue_Music_02 Vue_Music_03 获取轮播图及热门歌单数据，Swiper组件开发及歌单列表页渲染，地址： Vue_Music_04 Scroll组件的抽象和应用，并设置歌单图片的懒加载，Loading加载动画，地址： Vue_Music_05 歌手数据的获取，并

  3. 所属分类：其它

    • 发布日期：2021-03-23
    • 文件大小：916480
    • 提供者：weixin_42135754

  1. vue-music-player：:musical_note:Vue.js写一个音乐播放器+:open_book:One（一个）。音乐播放器+ Vue.js制作的一个-源码

  2. Vue.js音乐播放器2.0升级版 之前初学Vue做一个音乐播放器，受到不少人的喜欢。现在升级版来了！功能更强，技术栈更多。 源代码 源代码地址： :backhand_index_pointing_right: 欢迎大家star和关注 :grinning_face_with_smiling_eyes: 预览 在线预览 在线预览地址： :backhand_index_pointing_right: 预览图 更多预览图请看 :backhand_index_pointing_right: 技术栈

  3. 所属分类：其它

    • 发布日期：2021-02-05
    • 文件大小：286720
    • 提供者：weixin_42106299

  1. vue实现仿淘宝结账页面实例代码

  2. 虽然Vue最强大的是组件化开发，但是其实多页面开发也蛮适合的。下面小编给大家分享vue实现仿淘宝结账页面实例代码，具体内容大家参考下本文。 这个demo，是小编基于之前的 vue2.0在table中实现全选和反选  文章进行更新后的demo，主要功能呢，是仿照淘宝页面的结算购物车商品时自动算出合计价格的页面，具体页面效果请看下面的动图：（如果大家发现有什么问题请及时提出帮小颖改正错误呦，谢谢啦嘻嘻） 效果图： 更新后的home.vue 购物车

  3. 所属分类：其它

    • 发布日期：2021-01-21
    • 文件大小：66560
    • 提供者：weixin_38689976

  1. Vue+Element实现网页版个人简历系统(推荐)

  2. 这篇文章介绍一个使用Vue+Element实现的个人简历系统，主要用到的技术有：vue、element、css3、css定位。 作者在window10进行开发，目前只在chrome上进行过测试，没有大的毛病。但是还有很多小功能还不完善，代码也未进行优化，后续会继续完善功能，优化代码。 声明：项目相对来说就是一个纯静态页面，代码都比较简单，大佬可闭眼绕过，或者看一眼留下宝贵意见也可   一.项目介绍 本项目是一个网页版的个人简历系统，主要使用的技术为vue2+element进行实现。 个人简历系统

  3. 所属分类：其它

    • 发布日期：2021-01-21
    • 文件大小：408576
    • 提供者：weixin_38544152
« 12 »