Javascript

[JS] Slick Carousel: CenterMode & Zoom Effect Demo

2018/08/16 Javascript No comments , ,

Slickで中央表示モードにして外側から中央にかけて大きくさせるエフェクトつけるサンプル。
(さらに…)

[JS] Object.entries や Template Strings による簡単なテンプレート

2018/08/14 Javascript No comments ,

JavaScriptでオブジェクトをループさせたいと思った時は Object.keys でキーだけ配列にしたものを
Array.forEach で回すっていうのが鉄板だったが、
ES2017の Object.entries の方が見た目エレガントやなあと思った。

(さらに…)

[JS] jest-mock-axios “Cannot read property ‘resolve’ of undefined”

2018/06/22 Javascript No comments

JestのtestでmockAxios使ってて、mockResponseのところでエラーになる原因

//TypeError: Cannot read property 'resolve' of undefined

> 297 |  mockAxios.mockResponse({ data: [] });
  298 |  wrapper.vm.refresh(); ← axios.getしてる
  299 |  expect(mockAxios.get).toHaveBeenCalledWith(

同名であげられてたissueにあるコメントを要約すると
テスト書くときの順番の問題で

wrapper.vm.refresh(); ← axios.getしてる
mockAxios.mockResponse({ data: [] });
expect(mockAxios.get).toHaveBeenCalledWith(

axios.getしてるやつの後にmockResponseを書けばエラーは出ない

[JS] Paging Animation width GSAP #1

2018/06/12 Javascript No comments

コンテンツがページの半分ずつに並んでいてクリックで全面へ展開させる

(さらに…)

[JS] Section Scrolling with GSAP TweenMax

2018/06/12 Javascript No comments

マウスホイールの動き関係なしに決まったセクションの位置にだけピタッとスクロールさせたい
(さらに…)