不错的特效
...
科技
React Tutorial
Build with React JS http://buildwithreact.com/tutorial ReactJS Tutorial https://www.tutorialspoint.com/reactjs/index.htm React Native https://facebook...
arrow function
这里回传的 8,6,7,9 是字串的长度...
前端杂货
JavaScript Array map() Method jQuery Misc index() Method parents() 和 parent() 的差别，在于 parent() 是上一个元素，而 parents() 是所有祖先元素。除非有加参数，例如parents(“ul...
style guide
Barricade Style Guide...
缩写
dist distribution...
前端工程师推荐连结
Vue.js Developers 专门刊载一些Vue的文章 Hackr.io 收集各种前端教学，依照语言分类 Tools for Web Developers 一些开发工具介绍 Smashing Magazine 网页开发 Codrops Designmodo...
Vue.js笔记本
Vue.js 測試的pen： 要給Vue的component一些動態資料的話，就給它挖個洞，讓它能接受自己定義的屬性（props） 【directive】 Directives are prefixed with v- to indicate that they are special attrib...
code pen
搜尋radio...
Laragon
Laragon https://laragon.org/ 假如Auto Virutal Hosts不能用，就是因为chrome把dev的网址误判之类的，把它的网址改名就好了。例如改成：{name}.luna...
前端工程師點擊技能
GIT React Vue.js GA Chrome Devtools Webstorm Laragon GitKraken npm webpack gulp Node.js 後端PHP &Laravel 熟悉ES6, ES7語法 IoT相關經驗 Docker Container(AWS ECS) ...
Photoshop圖片批次處理
選擇資料夾 Action 那邊選擇已經錄製好的動作 錄製動作參考這篇 錄製動作快速處理檔案【Photoshop教學】 @ 奧米加 :: 痞客邦 PIXNET ::...
Animate.css的用法
1.载入cdn <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css"> 2.加上class名称 animated bounceInDown 大功告成！！ 范例：...
幹他媽的wordpress掛掉
我的wordpress，就是這個站，竟然掛了，後來自己google找出解決辦法了，參考這一篇 http://www.wpbeginner.com/wp-tutorials/how-to-fix-the-internal-server-error-in-wordpress/ 原來是套件有問題，把套件資...
jQuery实用代码段
此段可用於tab分頁、篩選照片 $(".liveback__buttonlist li a").click(function(){ $(".liveback__buttonlist li a").removeClass("active"); $(this).addClass("active"); v...
jQuery必熟悉的一塊
jQuery.each() .each() https://www.sitepoint.com/jquery-each-function-examples/...
WordPress教學
在編輯文章的時候，打Ctrl + Enter，可以做出<br>的效果，不會空距好大一行。如果是直接按Enter的話，就會是另一個<p>的tag...
telegram群組收集
PTT群 https://t.me/pttlive 日語學習群 https://t.me/nihongoLearn 日劇日音 https://t.me/JapaneseShows 台灣群 https://t.me/FormosaTaiwan 網頁開發群 https://t.me/HWDTaiwan ...
Photoshop
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-...
手机版心得
假如mission__play这些表单 li要有按钮的话，加在li上加个class 叫bind，如下图： 把PSD的尺寸改成375宽，就是iphone7上需要实际字元等pixel的大小 弹窗的范本在MUIModelv2.js里面改，各种都有 input直接一个class readonlyinput就...
NOTE
‘<div onclick=”window.location.href=\’/app/love.jsp?loveType=’+ data.lovein[i].platform +’\'”>’, 因為 herf= 後面...
草莓季來了
小七開始賣各種草莓商品，巧克力攤也沒了QQ 我最愛的Brookside巧克力…以後只能到COSTCO買了...
if else注意事項
var luna = “”; if ( luna = stupid ){ alert(“true”); } else{ alert(“Luna is genius”); } 這裡的等號只有一個，它會直接把值指定給luna。 要用...
jQuery selector需注意
想選擇一樣的tag，結果找不到的情況： <header id=”luna-header” class=”header luna-header”> var header = $(‘#luna-header’); var heade...
AI教學
Ctrl + : 隱藏guide線 刪除參考線 按右鍵→Unlock Guides，再選擇Guide線，就可以刪除...
好笑的日劇
...
写网页多注意
inline-block沒有置中： 檢查float屬性有沒有蓋掉...
Webstorm教學
針對分頁連續按兩下，左邊會彈出資料夾目錄 縮排／減少縮排的方法：按 Tab 或是 Shift + Tab 對正在編輯的地方按F11，就是BOOKMARK，再按一次會取消。 Ctrl + Shift + ↑ ↓ 可以移动程式码，就不用贴来贴去。 Alt + Shift + ↑ ↓ 是移動括起來的程式碼...
GitKraken教學
大海怪教學 GitKraken Documentation 如何刪除裡面的repo Remove repository from GitKraken overview...