跳到主要內容
m.Mandy's Web

筆記

2018

JS30:30_Whack A Mole!

先規劃地鼠出現時間 ( 亂數時間出現 ) 設定地鼠出現位置 將出現時間跟地鼠出現位置整合 點按鈕控制遊戲開始 打地鼠計分!! 上述算法的產生可參考 [[筆記][JavaScript]用 Math.random()取得亂數的技巧](https://ithelp.

vscode:Live Server 套件

Live Server 網頁伺服器 在串接 api 測試的時後非常的好用 依需求在設定裡更改預設配置 donotShowInfoMsg 關閉彈出訊息 useLocalIp 使用實體 ip 做為連線位址( 寫 rwd 頁 面時很實用 方便手機瀏覽 ) donot

vscode:Prettier 套件

Prettier 是程式碼格式化工具,可設定為存檔時自動格式化,不用再花時間去手動格式化 相對的對自己在撰寫習慣上 會易讀許多。 在 VSCODE 擴充功能 尋找 prettier 安裝 Prettier - Code formatter 這個版本 依需求在設

css圓角概念

就是基本的圓角 四邊的值都一樣 以順時針方式 依續由 左上 右上 右下 左下 設定各四個值 如下圖所示 沒斜線 4em 表示為 左上與右下 8em 表示為 右上與左下 CSS 值裡有斜線 斜線前表示 x 軸 斜線前表示 y 軸 如下圖所示 這個圓看起來有點奇怪

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

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

2017

jQuery-extend

這篇應該算是踩雷過後的學習記錄 這樣寫的話 會造成 a 的無窮迴圈 才能正常的做物件深度合併 http://www.css88.com/jqapi-1.9/jQuery.extend/ http://www.runoob.com/jquery/misc-ext

簡易 input focus 效果

input focus 的時後 去後 label 做變化 效果如下: 記得 input 裡一定要加 required 不然標題會一直卡在上面 css 注意要加上 -webkit-appearance: none; 這行屬性 取消 ios 的預設樣式 效果的話其

JS hoisting (變數提升)

所得到的結果依續會是 3 2 根據 js 的特性 一般在全域範圍裡 不管 function 寫在哪裡 整段函式都會被自動提升到最上面 當然 var 也是 但是 var 只會提升變數名稱 而後面的值並不會 所以 當 var 裡面的變數還沒有值的時後 回傳的值就會

JS scope chain (範圍鏈)

得到的結果會是 1 為什麼呢? 因為 function a、function b、var myVar = 1; 都是在同一個階層裡被宣告,以一般來說 如果外面沒有包任何東西 就是在全域裡被宣告 所以 b 函式在執行的時後 會往外一層是尋找 myVar 的變數,

分類