後端PHP &Laravel
熟悉ES6, ES7語法
IoT相關經驗
Docker Container(AWS ECS)
Chrome DevTools
https://developers.google.com/web/tools/chrome-devtools/
GitKraken
https://www.gitkraken.com/
官方教学
Atlassian Git Tutorial
https://www.atlassian.com/git/tutorials
React
Hello World – React
Meet WebStorm
https://www.jetbrains.com/help/webstorm/meet-webstorm.html
1.载入cdn
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
2.加上class名称
animated bounceInDown
大功告成！！
范例：
我的wordpress，就是這個站，竟然掛了，後來自己google找出解決辦法了，參考這一篇
http://www.wpbeginner.com/wp-tutorials/how-to-fix-the-internal-server-error-in-wordpress/
原來是套件有問題，把套件資料夾rename就馬上能連了，頭暈啊😂😂
此段可用於tab分頁、篩選照片
$(".liveback__buttonlist li a").click(function(){
$(".liveback__buttonlist li a").removeClass("active");
$(this).addClass("active");
var showgirl = $(this).data('type');
$(".liveback__gallery a").hide();
$(".liveback__gallery a[data-type='" + showgirl + "']").fadeIn(200);
});
//点哪里滑到哪里
$("#headergifmenu > li > a").click(function () {
var eventType = $(this).attr("data-type");
var target = $(".wrapagentall").find(
"[data-type='" + eventType + "']:first");
var targetOffset = target.offset().top - 180;
if (target.length) {
$("html,body").animate({scrollTop: targetOffset}, 1000);
return false;
}
});
onclick連結另開分頁
onclick="window.open('http://us.yahoo.com', '_blank');"
動態附加元素綁定事件
$(document).on("click", ".btn-list", function () {
});
針對動態附加的DOM元素需要這樣寫
在編輯文章的時候，打Ctrl + Enter，可以做出<br>的效果，不會空距好大一行。如果是直接按Enter的話，就會是另一個<p>的tag
日語學習群
https://t.me/nihongoLearn
日劇日音
https://t.me/JapaneseShows
桌遊群
https://t.me/BoardGamePlaying
奧客麥來亂
https://t.me/obnoxiouscustomers
台灣新群組/新頻道廣播站
https://t.me/Topics_TW
群組導航 – 分享/推廣
https://t.me/navi_group_share
telegram貼圖群
https://t.me/StickerGroup
telegram貼圖群
https://telegram.me/sticker_tw
女性向ACG聊天群
https://t.me/otomecafe
IT人的生活日常
https://t.me/it_normal_life
爬山群
https://t.me/mountainClimbingLove
GIF群聚地
https://t.me/GIFgroupTW
telegram貼圖分享群
https://telegram.me/sticker_tw
喵星人樂園
https://t.me/Cats_paradise
每日無數貓
https://t.me/miaowu
愛看書的人加的群
https://t.me/+RMqij843NddzrmRW
單身群
https://t.me/joinchat/FRVUFlCK7TmTSvp2In162w
內湖群
https://t.me/+SYpUFcwS-ulk0fhX
中山區
https://t.me/+Rwq0SYO2i0QdbXHp
重訓群
https://t.me/+EEr8tsdnUF7kCMQV
文具群
https://t.me/tw_stationery_holic
Telegram 群組推廣
https://t.me/tgroupsforzh
TW 自由潛水 討論、潛伴、裝備
https://t.me/TWfreediving
每日沙雕牆
https://t.me/woshadiao
喵＋正妹
https://t.me/MeowBeauty
8cat Moe 二次元基地
https://t.me/Moe8c
Animated Stickers
https://t.me/AnimatedStickers
邊緣人厭世群聚地
https://t.me/misanthropeTW
單身好朋友
https://t.me/+xQqCT04FR7Q4ZWI9
女人變有錢
https://t.me/womenberich
Hello Kitty
https://t.me/+Rx2u5BKgl0MiP7i8
(松鼠交流，二手買賣可)台灣機械鍵盤/
https://t.me/KBTalkingTW
MOPCON
https://t.me/mopcon
高雄的程式聚會↑
哈日劇
https://t.me/hotjpdrama
三立新聞網官方頻道
https://t.me/setnews2020
自由時報
https://t.me/LTNnews
中央社
https://t.me/cnanewstw
Ctrl + Alt + Shift + E
快速将目前打开的图层合并并复制出一份出来
选笔刷或橡皮擦，按住Alt＋滑鼠上下左右拖曳，可以调整笔刷大小或Hardness
&:-webkit-autofill {
-webkit-box-shadow: 0 0 0 30px black inset;
-webkit-text-fill-color: #eec452;
}
在input后面加这个，可以盖掉自动完成（记忆帐号密码）的样式
&::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #fff;
}
&::-moz-placeholder { /* Firefox 19+ */
color: #fff;
}
&:-ms-input-placeholder { /* IE 10+ */
color: #fff;
}
&:-moz-placeholder { /* Firefox 18- */
color: #fff;
}
&:-webkit-autofill {
-webkit-box-shadow: 0 0 0 30px black inset;
-webkit-text-fill-color: #fff;
}
这段可以连同placeholder一同变色，加在input里
CSS解决英文不会断行的问题
word-wrap: break-word;
<span>不能包住<a>不然网页会整个挂掉