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

筆記

2019

Gulp4 與 gulp-cli

指令 縮寫 ---------------------- -------- npm install npm i npm install --save npm i -S npm install --save-dev npm i -D --save 將此文件 安裝

JS30:07_Array Cardio Day 2

延續 04Array Cardio Day 的後續,繼續悉其他操作陣列的方法 這次作者提供了 people 與 comments 兩組資料做練習 練習的題目依序是 people 是否有人滿 19 歲 (some) people 是否全部人滿 19 歲 (eve

JS30:04_Array Cardio Day 1

此次主要是練習陣列的一些用法 分別有八個例子 作者一開始在 html 上提供了三組資料給大家練習 inventors是一組是發明家的列表 裡面包含 姓、名、出生年份、死亡年份 練習的題目依序是 篩選出 1500年 1600前出生的人 (filter) 將inv

2018

hexo:Error:Cannot find module

一陣子沒更新的 blog 想記錄一下這幾天遇到的問題 就在寫好之際 想預覽一下 發現 hexo 也出問題了!!! 噴了一堆錯 估狗了一下 原來是前陣子在練習 vue 的時後 為了安裝 vue-cli 所以升級了 node 版本 想不到啊想不到 當下使用的 he

JS30:03_CSS Variables

這次認識到 input 裡更多的 type 屬性 range 、 color 因為平常不太會用到 所以特別去查了一下 原來是 html5 裡新增的屬性 可參照 HTML5 input type 屬性 了解 css 變數 利用 js 綁定監聽 input 變動的

JS30:01_JavaScript Drum Kit

了解鍵盤監聽事件 keyCode(鍵盤數字代碼) 鍵盤與聲音對應 畫面顯示所按到的鍵 (更改樣式) 此次排版主要是以 flex 為主 FLEX 速查小抄 key code 速查 cosnt 是 es6 裡新增的變數宣告 可參照 MDN-const es6 語法

rwd 自適應文字大小

在寫 rwd 頁面縮放的時後,常常會遇到因為視窗做縮放 超出的文字會往下擠 為了不破壞設計的美感,當然也希望文字能做縮放啊! 那文字該如何做設定才能隨著視窗做縮放呢 在這裡我選擇使用 rem 這個單位 rem 的文字基準取決於最外層的 html 文字大小,很適

分類