- Apr 24 Sat 2021 23:04
-
[MPC-HC][設定] MPC-HC 調整任意倍率 / 加速 播放 / 倍速播放 聲音 / 音頻 / 音調不變
- Apr 08 Thu 2021 22:36
-
山河令 虐老溫的文整理 【周溫】【溫周】【溫周溫】周溫︱溫周無差 溫客行吐血
- Mar 01 Mon 2021 18:09
-
[sourcetree] 設定自動長出分支線圖 分支有小耳朵

每次合併 merge時 自動長出線圖,不然都會是一條線
設定如下:Sourcetree → Options → Git → Do not fast-forward when merging, always create commit → 打勾
- Feb 19 Fri 2021 21:38
-
[JavaScript][HTML] textarea auto height 高度隨內容增加
private formTextareaAuto(): void {
var textarea = document.getElementsByTagName('textarea');
setTimeout(() => {
for (var i = 0; i < textarea.length; i++) {
textarea[i].style.height = 'auto';
textarea[i].scrollTop = 0; //防抖動
//有可能這個初始化高度賦值沒有賦上去
textarea[i].style.height = textarea[i].scrollHeight + 'px';
textarea[i].addEventListener('input', (e: any) => {
e.target.style.height = 'auto';
e.target.scrollTop = 0; //防抖動
e.target.style.height = e.target.scrollHeight + 'px';
});
}
}, 200);
}
- Oct 14 Wed 2020 00:40
-
[HTML] [Vue] 回到頂端(scroll to top / go to top) 元件 方法二
<template>
<div
v-show="showGoTopIcon"
id="goToTop"
class='go-to-top'
@click="scrollToTop"
>
<img src="../assets/backtotop.png">
</div>
</template>
<div
v-show="showGoTopIcon"
id="goToTop"
class='go-to-top'
@click="scrollToTop"
>
<img src="../assets/backtotop.png">
</div>
</template>
- Oct 03 Sat 2020 16:15
-
[HTML][CSS] Grid 基本用法
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Grid</title>
<link rel="stylesheet" href="style.css">
</head>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Grid</title>
<link rel="stylesheet" href="style.css">
</head>
- Sep 15 Tue 2020 20:41
-
[HTML] [Vue] 收合動畫效果元件 + 使用
// 動畫效果可以在此更改為需要的
const elTransition =
'0.4s height ease-in-out, 0.4s padding-top ease-in-out, 0.4s padding-bottom ease-in-out';
const elTransition =
'0.4s height ease-in-out, 0.4s padding-top ease-in-out, 0.4s padding-bottom ease-in-out';
- Sep 11 Fri 2020 21:06
-
[HTML] [Vue] 回到頂端(scroll to top / go to top) 元件
<template>
<div
v-show="showGoTopIcon"
id="goToTop"
class='go-to-top'
@click="scrollToTop"
>
<img :src="goTopSrc">
</div>
</template>
<div
v-show="showGoTopIcon"
id="goToTop"
class='go-to-top'
@click="scrollToTop"
>
<img :src="goTopSrc">
</div>
</template>
- Jul 08 Wed 2020 21:21
-
[HTML] [Vue] 蒙板元件
<template>
<div>
<div class="mask full-page">
<div class="mask-background"> </div>
<div class="mask-slot">
<slot />
</div>
</div>
</div>
</template>
<div>
<div class="mask full-page">
<div class="mask-background"> </div>
<div class="mask-slot">
<slot />
</div>
</div>
</div>
</template>
- Apr 27 Mon 2020 22:57
-
[JavaScript] [Vue] 套件 vue2-datepicker封裝應用 做出 date range + 快速選擇 元件
<template>
<div class="animated fadeIn">
<div class="flex-right">
<date-picker
:format="datetime.FormatDate"
:title-format="datetime.FormatDate"
:placeholder="_('w_DateSelectDates')"
:range="true"
:clearable="false"
type="date"
class="col-md-3"
v-model="inputDatum.dateRange"
@input="updateDateRange"
>
<template v-slot:sidebar="{ emit }">
<div style="text-align: left">
<button class="mx-btn mx-btn-text col-md-12" @click="selectToday(emit)">Today</button>
<button class="mx-btn mx-btn-text col-md-12" @click="selectYesterday(emit)">Yesterday</button>
<button class="mx-btn mx-btn-text col-md-12" @click="selectLast7days(emit)">Last 7 days</button>
<button class="mx-btn mx-btn-text col-md-12" @click="selectThisWeek(emit)">This Week</button>
<button class="mx-btn mx-btn-text col-md-12" @click="selectLastWeek(emit)">Last Week'</button>
<button class="mx-btn mx-btn-text col-md-12" @click="selectThisMonth(emit)">This Month</button>
<button class="mx-btn mx-btn-text col-md-12" @click="selectLastMonth(emit)">Last Month</button>
<button class="mx-btn mx-btn-text col-md-12" @click="selectQ1(emit)">Q1</button>
<button class="mx-btn mx-btn-text col-md-12" @click="selectQ2(emit)">Q2</button>
<button class="mx-btn mx-btn-text col-md-12" @click="selectQ3(emit)">Q3</button>
<button class="mx-btn mx-btn-text col-md-12" @click="selectQ4(emit)">Q4</button>
<button class="mx-btn mx-btn-text col-md-12" @click="selectThisYear(emit)">This Year</button>
</div>
</template>
</date-picker>
</div>
</div>
</template>
<div class="animated fadeIn">
<div class="flex-right">
<date-picker
:format="datetime.FormatDate"
:title-format="datetime.FormatDate"
:placeholder="_('w_DateSelectDates')"
:range="true"
:clearable="false"
type="date"
class="col-md-3"
v-model="inputDatum.dateRange"
@input="updateDateRange"
>
<template v-slot:sidebar="{ emit }">
<div style="text-align: left">
<button class="mx-btn mx-btn-text col-md-12" @click="selectToday(emit)">Today</button>
<button class="mx-btn mx-btn-text col-md-12" @click="selectYesterday(emit)">Yesterday</button>
<button class="mx-btn mx-btn-text col-md-12" @click="selectLast7days(emit)">Last 7 days</button>
<button class="mx-btn mx-btn-text col-md-12" @click="selectThisWeek(emit)">This Week</button>
<button class="mx-btn mx-btn-text col-md-12" @click="selectLastWeek(emit)">Last Week'</button>
<button class="mx-btn mx-btn-text col-md-12" @click="selectThisMonth(emit)">This Month</button>
<button class="mx-btn mx-btn-text col-md-12" @click="selectLastMonth(emit)">Last Month</button>
<button class="mx-btn mx-btn-text col-md-12" @click="selectQ1(emit)">Q1</button>
<button class="mx-btn mx-btn-text col-md-12" @click="selectQ2(emit)">Q2</button>
<button class="mx-btn mx-btn-text col-md-12" @click="selectQ3(emit)">Q3</button>
<button class="mx-btn mx-btn-text col-md-12" @click="selectQ4(emit)">Q4</button>
<button class="mx-btn mx-btn-text col-md-12" @click="selectThisYear(emit)">This Year</button>
</div>
</template>
</date-picker>
</div>
</div>
</template>
- Apr 01 Wed 2020 21:17
-
[資源整理] 轉職課程整理(2)
- Mar 23 Mon 2020 23:20
-
[JavaScript] [Vue] 使用 html2Canvas + JsPDF 下載 pdf
<template>
<div>
<b-col cols="6">
<b-button
variant="primary"
@click="pdfExport"
>
<i class="fa fa-file-pdf-o"></i>
Export PDF
</b-button>
</b-col>
</div>
</template>
<div>
<b-col cols="6">
<b-button
variant="primary"
@click="pdfExport"
>
<i class="fa fa-file-pdf-o"></i>
Export PDF
</b-button>
</b-col>
</div>
</template>
