[JavaScript Note] — 淺談 JavaScript #2 發表於 2019-10-15 更新於 2025-03-23 分類於 Code , Front-end , JavaScript 文章字數: 4.7k 所需閱讀時間 ≈ 4 分鐘 Introduction & 前言因為前陣子出車禍,這陣子算是痊癒了,已經一個多月沒有運動,但是運動的感覺還是很熟悉。 寫程式也是這樣,底子打穩才是最重要的。廢話不多說,立馬進入第二章。 閱讀全文 »
[JavaScript Note] — 淺談 JavaScript #1 發表於 2019-10-09 更新於 2025-03-23 分類於 Code , Front-end , JavaScript 文章字數: 4.1k 所需閱讀時間 ≈ 4 分鐘 Introduction & 前言筆記系列終於寫到了 JavaScript,想想接觸程式跟前端已經快滿一年了,這一年剛開始的時候很著急想要盡可能地快點學會點什麼,後來發現真的是跟練功一模一樣,除非你是萬中選一的寫 Code 奇才,不穩紮穩打,就會摔得很慘啊! 註:因為前陣子出車禍加上滿多事情突然席捲而來,筆記停了好久,The F2E 原本也想要寫篇心得文,以至於都沒完成,在寫 Code 的路上慢慢能體會別人說的,這是一件很需要耐心及毅力的事情;你熱愛它,它即熱愛你。 閱讀全文 »
[Tool Note] — 關於爬蟲 發表於 2019-08-20 更新於 2025-02-21 分類於 Code , Note , Crawler 文章字數: 4.1k 所需閱讀時間 ≈ 4 分鐘 Introduction & 前言講到爬蟲可能大多數人都會想到 Python,但今天我們不談 Python。前陣子因為朋友在玩爬蟲,利用 PHP 寫了幾隻爬蟲爬二手商品資訊,雖然菜雞我接觸前端不久,但常常在想前端是不是也能做到什麼類型的事情。這時候就問了問朋友 JavaScript 能不能爬呢?得到的答案是可以的,其實各有優缺點,主要看你寫什麼起來順手。這邊有一篇知乎對爬蟲的比較有興趣可以看看,傳送門。 閱讀全文 »
[PHP Note] — 關於 php-Redis install on Mac OSX 發表於 2019-07-14 更新於 2025-03-23 分類於 Code , Back-end , PHP 文章字數: 4.2k 所需閱讀時間 ≈ 4 分鐘 Introduction & 前言最近因為工作關係有碰到 Redis ,雖然菜雞前端對後端還一竅不通,不過照慣例關於安裝的部分還是要寫一下的!以後也有個根據可以來看看,以防忘記。所以這只是小筆記關於 PHP-Redis 的安裝( For Mac OSX 因為菜雞我大部分使用 Mac),如果有誤還請不吝嗇指教。 閱讀全文 »
[Hero Of UnderGround 地下城] — 12F Puzzle 拼圖 發表於 2019-06-25 更新於 2025-03-23 分類於 Code , Front-end , Hexschool 文章字數: 2.1k 所需閱讀時間 ≈ 2 分鐘 成果 & 程式碼 Demo: 傳送門Code Source: 點我 Introduction & 前言在前陣子得知 The F2E — 前端修練精神時光屋 之後剛好發現今年即將舉辦第二屆的切版大賽(?!)想想地下城好像還剩下幾樓,就想著看開賽前能完成多少是多少了,順便當練習。 這次拼圖有點免強做出來,原本打算再複習一下 Webpack 跟 Vue.js ,結果發現有些眉眉角角還需要修改呀。 閱讀全文 »
[Tool Note] — 關於Webpack #1 - 第一次就上手 發表於 2019-06-18 更新於 2025-03-23 分類於 Code , Note , Webpack 文章字數: 6.3k 所需閱讀時間 ≈ 6 分鐘 Introduction & 前言記得前陣子接手別人的版面需要更改,那時候發現有個資料夾裡面有很多 .jade 檔,納悶了一下去爬文發現也是類似 CSS 的預處理器,像是 SASS/SCSS、Less、Stylus…等等,那時候算是第一次接觸,發現能像 SASS 一樣可以發揮懶人精神,除了不用寫結尾的 element 之外還能使用類似 template 的功能等等,最大的好處就是我同樣的地方要用不用重寫好幾次。 Jade 因為版權問題現已更名為 Pug 閱讀全文 »
[Hero Of UnderGround 地下城] — 11F LightBox 燈箱效果 發表於 2019-06-03 更新於 2025-03-23 分類於 Code , Front-end , Hexschool 文章字數: 2.5k 所需閱讀時間 ≈ 2 分鐘 成果 & 程式碼 Demo:點我Code Source:點我 Introduction & 前言不小心又直接往 11F 邁進了,原本說好的 9F 要完成看來要一陣子了,卡了不少問題 ( 汗… 另外這次特地整理了一下 GitHub,如果想參考之前樓層的介紹以及 Source Code 可以來坐坐喔哈。 傳送門:請點我 閱讀全文 »
[CSS Note] - CSS模組化 發表於 2019-05-30 更新於 2025-03-23 分類於 Code , Front-end , CSS 文章字數: 4.3k 所需閱讀時間 ≈ 4 分鐘 Introduction & 前言記得剛接觸 CSS 的時候覺得就是替東西加上屬性,沒有什麼特別的困難,因為都是一頁式的頁面,只要一支 all.css 就搞定,所以愛怎麼取名字愛怎麼給屬性就寫,慢慢的頁面多了,all.css 慢慢開始千行起跳了 ( 誤…,這時候開始思考 CSS 是否也能有自己的架構。 閱讀全文 »
[Hero Of UnderGround 地下城] — 10F Chrome extension 幹話生產器 發表於 2019-05-18 更新於 2025-03-23 分類於 Code , Front-end , Hexschool 文章字數: 5.6k 所需閱讀時間 ≈ 5 分鐘 zip檔下載 & 程式碼 Zip : 點我Code Source:點我 Introduction & 前言距離上次更新已經一段時間了,慚愧。這段時間其實一直卡在九樓,還有工作、偷學Webpack……等等東忙西忙,眼看時光流逝,覺得不能再拖,就直接上十樓打雙數的第一位 Boss 了。還好前面都還有勇者擋著,目前計畫這關打完,再回去繼續把九樓完成,請原諒我…(逃 閱讀全文 »
[Vue Note] — Vue-Cli #1 初次見面 發表於 2019-03-26 更新於 2025-03-23 分類於 Code , Front-end , Vue 文章字數: 2.4k 所需閱讀時間 ≈ 2 分鐘 Introduction & 前言再三個月前剛接觸 Code 的時候,到現在一直都是用純 html css JavaScript 在切,期間不免常常聽到大家嘴裡常說前端框架、前端框架…好奇心驅使下前陣子看了一下,放棄… (因為 JS 還太菜雖然現在還是很菜,但是早晚都會碰到的東西,就把它記錄下來當成自己練習的記憶。 閱讀全文 »