vue
Root_030
MyWay
展开
-
【翻译】Vue RFCs - ReadMe
(乍一看以为懂了,再看似懂非懂,细看完全不懂,太难了,语言是个坎)Vue RFCs一、RFC是啥?"RFC"(request for comments)请求评议,目的是为新功能进入框架提供一致且受控的路径。很多变化,包括bug修复和文档说明的更进可以在日常的GayHub工作流中实施和评估。但是有些实质性的变化,我们要求这些变化经历一个设计过程,并且在Vue核心团队和社区中一致通过。二、RFC生命周期一个RFC会经历以下阶段:Pending:这个RFC被作为一个PR(pull req.翻译 2020-10-15 14:14:11 · 1559 阅读 · 0 评论 -
Vue轮子-Lottie-动画实现
挖坑。先工作。有空写。airbnb出品的动画实现方式。https://airbnb.design/lottie/原创 2020-07-01 09:50:07 · 548 阅读 · 0 评论 -
Vue组件封装 - Tab标签滑动切换
<template> <div class="tab-container"> <div class="tab-title" @click="changeTab(index, $event)" v-for="(item, index) in tabList" :class="[index === statusIndex ? 'active' : '']" :key="index.原创 2020-06-16 17:52:46 · 1067 阅读 · 0 评论 -
扣扣音乐歌曲链接抓取
第六章 歌手详情页开发-歌曲链接抓取遇到了些小问题。根据视频中老师的地址直接抓取报403。分析了一下扣扣音乐的网络请求,要补充vkey和几个参数拼到url中才能获取到。下面整理一下获取vkey的步骤。1)分析网络请求把 Request URL 贴到地址栏可以获得要播放的歌曲。这个链接中主要就是vkey的获取。2)后端代理请求获取vkeyhttps://c.y.qq...原创 2018-10-09 16:58:46 · 1732 阅读 · 1 评论 -
Vuex Store文件夹内容梳理
vuex之前只看过官方文档,写了一点小demo。播放器在多个页面可以点击打开,那么数据就需要放在一个公共的地方,方便取用,就用到了Vuex。这边需要自己缕一下思路。Vuex store文件夹里各文件说明 1)首先 index.js 入口文件 语法糖很多,logger在console里面可以查看 prev state 和 next state 变化前变化后的状态值。...原创 2018-10-11 11:07:29 · 6016 阅读 · 1 评论 -
银行卡四位一空格,输入格式校验,解决删除光标自动后置问题
需求:输入银行卡的时候,四位一空格显示。后自测的时候,到中间段回删或者插入的时候,删一个会自动重新校正光标后置,体验很差,昨天试了半天,今天早上来修好。上代码。 <input class="cardInput" v-model="cardNumShow" @keyup="showNum" @blur="chargeNum" ref="cardInput">原创 2018-09-14 17:30:02 · 1697 阅读 · 0 评论 -
轮子-按钮防多次点击。Vue封装一个button组件
项目全局都有button,为了统一风格,方便使用,封个组件。此外还有好多组件要疯的。。。。基本的 绑定点击事件 还有一些状态判定<template> <div class="button"> <button :disabled="clickState" @click="onclick" clas...原创 2018-09-19 11:20:18 · 3743 阅读 · 0 评论 -
RSA非对称加密传输---前端加密&解密(VUE项目)
A要传给B一句话(需要保密),就由B生成一对公钥和私钥存好,公钥就好比一把锁,钥匙就是私钥。B只需要把锁给A,A把那句话锁起来,交还给B,在这过程中,即使大家都能看到公钥(锁),也是不知道那句话是啥的,然后B拿到锁好的机密,拿只有自己才有的私钥(钥匙)解开,这个差不多就是非对称加密。实际开发过程中,后台生成一对公私钥,私钥存在服务器,把公钥给前端,前端加密后传给后端,这是相对比较安全的做法。...原创 2018-09-07 09:59:05 · 21239 阅读 · 9 评论 -
写个验证码倒计时 Vue
上代码页面上写个获取验证码的按钮 <div @click="getCode()" :class="{ 'textGrey' : isGrey }"> 获得验证码{{countShow}} </div>写一个textGrey的class属性 变成灰色 .textGrey { color: #ddd } 数据初...原创 2018-07-27 11:53:19 · 289 阅读 · 0 评论 -
Vuex简单入门5:actions
Action 类似于 mutation,不同在于:Action 提交的是 mutation,而不是直接变更状态。Action 可以包含任意异步操作。原创 2018-07-04 09:42:31 · 271 阅读 · 0 评论 -
Vuex简单入门4:getters属性
1. store.js中加入getters ,并且添加count方法,同时要把getters放入store中,代码如下const getters = { count: (state) => (state.count += 100)}export default new Vuex.Store({ state, mutations, getters})2. 在count....原创 2018-07-04 09:11:50 · 337 阅读 · 0 评论 -
Vuex简单入门3:Mutations修改状态
更改 Vuex 的 store 中的状态的唯一方法是提交 mutation。Vuex 中的 mutation 非常类似于事件:每个 mutation 都有一个字符串的 事件类型 (type) 和 一个 回调函数 (handler)。$store.commit( ) 方法 store.js文件中更改如下const mutations = { add (state, n) { state....原创 2018-07-03 18:32:41 · 789 阅读 · 0 评论 -
Vuex简单入门2:三方法 state访问状态对象
上一篇通过$store.state来访问状态对象,在实际应用中,不可能每次都取store中取,这就需要把需要的值赋值给模板data中的对象。有三种赋值方法如下:一、通过computed的计算属性直接赋值computed: { count () { return this.$store.state.count }},这样在模板中就可以直接调用{{count}}二、通过mapStat...原创 2018-07-03 18:16:01 · 528 阅读 · 0 评论 -
Vuex简单入门1:一个小demo
1. 利用vue-cli 的webpack生成基础项目结构。2. 然后安装 vuex 用npm包管理工具 npm install vuex --save3. 建立一个vuex文件夹,建一个store.js文件,并在文件中引入vue和vuex,然后再引用vuexstore.js 内容 ,state 、 mutations 后面会详细写 import Vue from 'vue'impor...原创 2018-07-03 18:03:21 · 572 阅读 · 0 评论