RexHung's Blog

塵世中一個前端迷途小書僮!

0%

Introduction & 前言

最近因為工作關係有碰到 Redis ,雖然菜雞前端對後端還一竅不通,不過照慣例關於安裝的部分還是要寫一下的!以後也有個根據可以來看看,以防忘記。所以這只是小筆記關於 PHP-Redis 的安裝( For Mac OSX 因為菜雞我大部分使用 Mac),如果有誤還請不吝嗇指教。

閱讀全文 »

成果 & 程式碼

Demo: 傳送門

Code Source: 點我

Introduction & 前言

在前陣子得知 The F2E — 前端修練精神時光屋 之後剛好發現今年即將舉辦第二屆的切版大賽(?!)想想地下城好像還剩下幾樓,就想著看開賽前能完成多少是多少了,順便當練習。

這次拼圖有點免強做出來,原本打算再複習一下 WebpackVue.js ,結果發現有些眉眉角角還需要修改呀。

12F大魔王 — 拼圖

閱讀全文 »

關於Webpack

Introduction & 前言

記得前陣子接手別人的版面需要更改,那時候發現有個資料夾裡面有很多 .jade 檔,納悶了一下去爬文發現也是類似 CSS 的預處理器,像是 SASS/SCSS、Less、Stylus…等等,那時候算是第一次接觸,發現能像 SASS 一樣可以發揮懶人精神,除了不用寫結尾的 element 之外還能使用類似 template 的功能等等,最大的好處就是我同樣的地方要用不用重寫好幾次。

Jade 因為版權問題現已更名為 Pug

狗奴一定要用用看(誤

閱讀全文 »

成果 & 程式碼

Demo:點我

Code Source:點我

Introduction & 前言

不小心又直接往 11F 邁進了,原本說好的 9F 要完成看來要一陣子了,卡了不少問題 ( 汗…

另外這次特地整理了一下 GitHub,如果想參考之前樓層的介紹以及 Source Code 可以來坐坐喔哈。

傳送門:請點我

11F大魔王 — 燈箱效果

閱讀全文 »

Introduction & 前言

記得剛接觸 CSS 的時候覺得就是替東西加上屬性,沒有什麼特別的困難,因為都是一頁式的頁面,只要一支 all.css 就搞定,所以愛怎麼取名字愛怎麼給屬性就寫,慢慢的頁面多了,all.css 慢慢開始千行起跳了 ( 誤…,這時候開始思考 CSS 是否也能有自己的架構。

閱讀全文 »

zip檔下載 & 程式碼

Zip : 點我

Code Source:點我

Introduction & 前言

距離上次更新已經一段時間了,慚愧。這段時間其實一直卡在九樓,還有工作、偷學Webpack……等等東忙西忙,眼看時光流逝,覺得不能再拖,就直接上十樓打雙數的第一位 Boss 了。還好前面都還有勇者擋著,目前計畫這關打完,再回去繼續把九樓完成,請原諒我…(逃

10F — 第一位雙數大魔王

閱讀全文 »

成果 & 程式碼

Demo:點我

Code Source:點我

Introduction & 前言

時間一晃又過了一個禮拜,這次晃到8樓一看嚇了一下,好像剩沒幾個人,不管了還是抱持著自己的原則,硬幹就對了。另外這次算滿大的挑戰也收穫滿滿,因為首次嘗試用 Vue 挑戰(所以有寫不好的地方請見諒…

8F大魔王 — 井字遊戲

閱讀全文 »

Introduction & 前言

再三個月前剛接觸 Code 的時候,到現在一直都是用純 html css JavaScript 在切,期間不免常常聽到大家嘴裡常說前端框架、前端框架…好奇心驅使下前陣子看了一下,放棄… (因為 JS 還太菜
雖然現在還是很菜,但是早晚都會碰到的東西,就把它記錄下來當成自己練習的記憶。

閱讀全文 »

成果 & 程式碼

Demo:點我

Code Source:點我

Introduction & 前言

自從接觸 JS 後一直不敢觸碰的一塊,還記得前陣子碰到朋友在做抽抽樂轉盤,那時候便是看她用 Canvas 做出來的,狹路相逢(誤),出來混總是要還的,這次的大魔王就是 Canvas 了!

7F的大魔王- Canvas畫板遊戲

閱讀全文 »

成果 & 程式碼

Demo:點我

Code Source:點我

Introduction & 前言

混了一個禮拜(誤,這次要勇闖6F,記得剛看到這層的時候也是抱著一樣的想法,完蛋了。感覺需要用到大量JS,但時常發現,會弄到的東西,就差不多那一些了(或許是我還太菜?!

6F的大魔王- 60秒算數遊戲

閱讀全文 »