Vue组件-AutoInput(自动完成输入)

AutoInput

这次做了一个轻量级的小项目, 目的是辅助地址输入的, 不太像引入庞大 Element-UI组件, 所以只能自己查一下资料, 自己去写一个组件咯, 自然,自己定义的组件当然还要按照自己需求进行一下定义, 不能照抄嘛.

也不需要复用多少, 就直接在 src/components/auto-input/ 下面创建index.vue组件了

more >>

展开全文 >>

拦截token验证与ref Token (微信小程序)

作为一个光荣的接盘侠, 需要在接手的项目中实现Token的能力, 正如前篇所说的,我们这web端网页端, app端都是公用一套接口. 就是token过期之后需要使用key去刷新token. 还好以前小程序的网络请求是全部封装挂载到App下面, 我只需要做一下兼容处理, 完全easy. 不过麻烦的应该是在状态管理, 小程序上面没有vue中备受好评的vuex, 心痛, 只能自己新建一个呢. 

    以前这用户信息全是直接, 怎么说呢, 直接永久存在Storage里面. emmm, 一次登陆,永不下线. 现在我们需要做的就是重新封装网络请求部分和状态管理部分
more >>

展开全文 >>

async 与 await

async 与 await

异步对于用户来说真的是超级爽的, 但是对于开发来说真的蛮坑的.
但是呢=> 同步一时爽, 用户火葬场啊

axios 的同步获取 => 正确做法

1
2
3
4
5
6
7
let getToken =>(){
  return axios.get('/getToken')
}
(async ()=>{
let t = await getToken()
console.log(t)
})()
more >>

展开全文 >>

Axios 批处理 - 小记

Axios 批处理 - 小记

老板突然突发奇想让我做一个啥商家批量导单的网页, Excuse me ! 我早就想尝试一下前端做一些并发的请求咯.

回调式处理

第一次做批量处理, 不敢太浪, 只敢做一下回调式慢慢处理, 回调嘛 也就是监听一个任务做完了以后,我们再给他安排做下一个任务, 最好就是自己搞完了在调用自己

1
2
3
4
5
6
7
let index = 0;
function callback(){
    console.log(++index)
    // ...
    setTimeout(callback, 500)
}

more >>

展开全文 >>

Axios 上传文件到七牛云的坑坑洼洼

Axios 上传文件到七牛云的坑坑洼洼

需求

上传文件也就当初还在用php写前端得时候, 直接使用form, 然后button submit提交到后台上去. 后面使用微信小程序提交文件得时候也就跟简单咯, 直接调用官方sdk就可以了, 这次由于项目上需要使用vue这种面向mvvm的框架直接上传文件, vue的核心就是不操作DOM, 所以我们最好也要尊重vue的设计核心思想嘛.

more >>

展开全文 >>

初识Promise

初识Promise

现在呢，我手上的一个项目有一个需求，打开页面需要先先后天获取一下当前的状态然后对页面进行更新，在让用户进行交互。有一些网络状态不太好的将会等很久才会刷新出新的状态，所以做一个加载动画就完全有必要呢。但是有一些用户的网络将会很快，加载动画根本完全没显示就一闪而过了。 这样怎么能对得起我辛苦做好的动画呢。为了不影响我后面一长串的if(status){return false} 的顺利执行，我突然就想起来随时遇到但却没有深入进行研究的 Promise 这个方法啦

more >>

展开全文 >>

tag:

    缺失模块。
    1、请确保node版本大于6.2
    2、在博客根目录（注意不是yilia根目录）执行以下命令：
    npm i hexo-generator-json-content --save

    3、在根目录_config.yml里添加配置： 

      jsonContent:
    meta: false
    pages: false
    posts:
      title: true
      date: true
      path: true
      text: false
      raw: false
      content: false
      slug: false
      updated: false
      comments: false
      link: false
      permalink: false
      excerpt: false
      categories: false
      tags: true

Begin with interest <br> and be loyal to technology <br><br> QiaTia