mint_picker - 复杂联动日期选择

最近好久都没写一点什么了, 除了最近有那么稍稍一点忙之外, 可能最主要的还是这鬼天气, 让人变得太懒了吧. 当然全是天气的锅啦!
最近搞了一个小项目吧, 要求做时间选择器? 先来瞅瞅我们的需求: 时间选择器有三种模式: 日, 周, 月. 然后我指定查看某种模式需要弹出不一样的选择模式. 嗯, 这个月是真的炒鸡简单吧. 至于那个日, 还好吧. 只需要把闰月算出来….. 至于周, 是真的麻烦吧. 啥也不说了, 先瞅瞅最终样式图

more >>

展开全文 >>

动手写一个Promise

缘始

上次写那么一个小东西嘛, 平时es6用的真的超级爽, 特别是promise这些, 然后webpack打包一看, mmpIE浏览器全线奔溃, 其他语法还好辣, 我已经引入了babel-transform, 调试找了下问题, 原来是promise这个东西ie直接奔溃了, 当然我也知道那个啥@babel/polyfill, 但是这个弄到项目比我项目还要大, 本来也就写一个小东西了. 所以, 那就自己来写一个promise呗.

more >>

展开全文 >>

滚动的数字栏

上次偶尔看到不知是哪一个大佬写的一个后台页面中, 感觉她那个金额一直刷刷的往上涨, 当然是带有动画那种. 感觉挺炫酷的, 正好在过几天我也需要以一个后台的页面, 具体内容虽然还没出来, 但是我可以先做一个这个简单的dome.

more >>

展开全文 >>

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 >>

展开全文 >>

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