BLOG LIST

#css #border-radius

14Nov 2018

1 minutes to read

css圓角概念

單一值就是基本的圓角四邊的值都一樣```cssborder-radius: 30%;``` 個別指定四個不同的角度```border-radius: 30% 70% 20% 40%;```以順時針方式

#api #JavaScript #json

27Aug 2018

1 minutes to read

修改api(json)參數名稱(大小寫)

最近在跟後端合作時，常遇到列表與明細頁的 api 相同，但所提供的 api 卻是有分大小寫，在共用上常常因為大小寫不同，而導致 js 出錯所以就只有在後端 api 吐過來的時後，先把 api 參數調

#jquery #JavaScript

26Sep 2017

1 minutes to read

jQuery-extend

這篇應該算是踩雷過後的學習記錄```jsvar a = { a: 1 };a.aa = $.extend(a, { b: 2 });```這樣寫的話會造成 a 的無窮迴圈```jsa.aa = $.

#css #scss #input

25Jul 2017

2 minutes to read

簡易 input focus 效果

概念> input focus 的時後去後 label 做變化效果如下： HTML```html 標題```> 記得 input 裡一定要加 required 不然標題會一直卡在上面> css

#JavaScript

20Jul 2017

1 minutes to read

JS hoisting (變數提升)

```javascriptfoo();function foo() { console.log(1);}var foo = function () { console.log(2);};funct

#JavaScript

18Jul 2017

2 minutes to read

JS scope chain (範圍鏈)

```javascriptfunction b() { console.log(myVar);}function a() { var myVar = 2; b();}var myVar = 1;

#jquery #JavaScript

06Jul 2017

1 minutes to read

jQuery-trigger

trigger 這個屬性是 jQuery 所建構出來的官方文件介紹[http://api.jquery.com/trigger/](http://api.jquery.com/trigger/)沒錯

#life #耳機 #DIY

03Jul 2017

1 minutes to read

DIY耳罩式耳機

第一次參加 diy 耳機的活動可以做出屬於自己的耳機覺得蠻開心的準備材料先使用 3d 列印將東西印出來　接著就開始組裝了　單體上有顏色的是正極使用烙鐵(焊筆)把線跟單體焊起來單體是整個耳機

#css #rwd

29Jun 2017

1 minutes to read

rwd 自適應高度大小

常常在寫網頁的時後我們會需要設到寬跟高但卻發生為什麼寬能吃到 "%" 而高卻不能在 pc 版的頁面上設置就算了因為都是固定大小但在這科技發展的時代裡怎麼可能只有 pc 版的頁面呢!!?

#css #scss #components

26Jun 2017

4 minutes to read

如何利用純 css 寫 switch 開關

概念> 利用 input checkbox 的 checked 特性來做到開關效果效果如下： HTML```html ```> 可用 html 裡的 data 來當作選取器避免 classNa