Javascript
背景： サイズの大きな画像をtui editor で読み込むとCPUスペックの低いモバイル端末でFilterの適用パフォーマンスが致命的に悪かったため、editor読み込み前に画像を圧縮する必要が生じた。 環境： compressorjs@1.0.7 tui.image-editor@3.11.0 onFileChang…
js: typeof Object.keys().length // Object が空かを判別 Object.values() ref: infoteck-life.com www.deep-rain.com developer.mozilla.org developer.mozilla.org PHP: gettype ref: www.javadrive.jp PHPとMySQLのツボとコツがゼッタイにわかる本 作者:…
三項演算子とテンプレート文字列を使う <div :to="/foo?param=" + `${this.$store.state.something.status === "profile" ? "profile" : "home"}`> ref: developer.mozilla.org stackoverflow.com 確かな力が身につくJavaScript「超」入門 第2版 作者:狩野 祐東 発売日: 2019/09/21 メディア: Kindle版</div>
if(window.PaymentReqeust) { console.log("support") } else { console.log("not support") } ただし、payment Request API が使用可能でかつ、クレジット情報が既にブラウザに保存済みか調べるためにはpaymentRequestオブジェクトを生成したのち、canMakeP…
Updated: 2019/12/2 1段階のnestであれば[]を使って簡単にできる。 2段階ネストされた変数を使ったプロパティを新規に追加する場合 下記ではエラー おまけ キーの取得
hasOwnProperty()を使う ref. https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Object/hasOwnProperty
以下、vuejs syntax に従って書くと．．． mounted() { window.addEventListener('scroll', this.wheelDelta) }, data() { return { currentPosition: 0, previousPosition: 0, scrollDelta: 0 } }, methods: { wheelDelta() { this.currentPosition = docum…
// import { Component, OnInit } from "@angular/core"; import { FormGroup, FormControl, Validators } from "@angular/forms"; @Component({ selector: 'app-signup', templateUrl: './signup.component.html'}) export class SignupComponent implement…
// updated: 2018/4/25 metismenu ・・・ class metismenuが複数あると2つ目がエラー？？？ 大画面ではサイドに固定されたmetismenuが使いたい モバイルではスワイプでmetismenuを使ったサイドバーを表示させたい 2種類のサイドバーを用意して画面サイズごと…
noraesae/perfect-scrollbar #containerのwidthやheightが中に入れたコンテンツのwidthやheighより大きいため。 demoでHeightを中の画像より大きい800pxにするとy-railが消える
