Pai 的 F2E 前端養成手札


  • 首頁

  • Tags

  • 分類

  • 檔案

  • Search

關於面試的三兩事

Posted on 2020-04-10 | In 學習心得

一、前言

經過兩個禮拜的面試,我終於找到自己理想的前端工作。這半年學習的時間,其實這半年我真的覺得壓力滿大的,朋友一個一個結婚,一個一個買房,參加朋友的婚禮,去朋友的新家作客,不論是哪一個都一一的刺痛我,慢慢我開始封閉自己,儘可能不參加朋友聚會等活動,專心的學習前端技能,

Read more »

JavaScript - 閉包(closure)

Posted on 2020-04-05 | In JavaScript

壹、範圍鏈 Scope Chain

以 function 為界線,在 function 內層如果找不到變數可以一直向外層找變數,但 function 外層不能讀取到 function 內層的變數。

「切分變數有效範圍的最小單位是 “function” 」

但如果你無論如何都想要讀取到要怎麼辦呢? 這時候就不得不提閉包了。
閉包除了可以 在外層讀取到內的的變數 外,
還可以建立屬於自己的異世界 儲存建立環境時的變數值。

趕快來探索這個異世界的奧秘吧

Read more »

Vue 的生命週期

Posted on 2020-03-29 | In Vue

壹、 Vue 的生命週期

Read more »

ES6 陣列常用的操作方法

Posted on 2020-03-28 | In ES6

以下陣列的操作會以這個陣列作為範例

Read more »

深拷貝與淺拷貝

Posted on 2020-03-27 | In JavaScript

關於陣列的拷貝

關於陣列的拷貝可以分為淺拷貝與深拷貝

  • 淺拷貝: 淺拷貝可以完全複製一維陣列中的字串、數值..等等的資料。但如果有包含巢狀的資料,如物件、陣列、函式等等…,就無法複製。
  • 深拷貝: 可以無視一維或巢狀資料,完全複製一個一模一樣的陣列。
    Read more »

常用元件-實作分頁的方法

Posted on 2020-03-25 | In 常用元件

壹、Vue 版本 - computed + 取餘數法

使用 computed 將每筆資料在陣列中全都做出來,在使用分頁切換去讀取個個物件

Read more »

[ES6 展開運算子(Spread Operator)、其餘參數(Rest Operator)]

Posted on 2020-03-15 | In ES6

一、展開運算子(Spread Operator)

1. 功能

  • 展開: 展開運算子可以將陣列展開成個別數值

  • 合併: 使用兩個以上的展開運算子合併陣列

  • 轉換: 展開運算子可以將類陣列(array-like)和可迭代(iterable)變成陣列(array)

  • 淺層拷貝: 複製一個陣列,並且這個陣列與原本的陣列沒有傳參考的特性

    Read more »

[Vue 空氣品質 api 練習]

Posted on 2020-02-19 | In 刷題篇

壹、作業目標

  • 將資料內容透過 “元件” 呈現
  • 製作城市過濾選項
  • 將外層的資料透過 Props 傳到內層
  • 將內層資料透過 emit 傳遞到外層 (作為另一個關注城市的呈現)
  • 依據不同污染呈現不同色彩
  • 透過 localStorage 儲存上次關注的城市
    Read more »

[全台黑客松-口罩地圖]

Posted on 2020-02-19 | In 刷題篇

使用 leaflet + OSM 實作口罩地圖

一、 leaflet 基礎使用

leaflet網站

Read more »

[js 地下層 3F - 計算機]

Posted on 2020-02-19 | In 刷題篇

JS地下城 3F 計算機

UI設計稿

Ima

在做這個作業前,可以先把計算機上的按鈕做分類,哪些按鈕按下是要幹嘛的,另外就是一些使用上的順序,方不方便,我是開啟 windows 的計算機看他是怎麼設計的。

Read more »
12<i class="fa fa-angle-right"></i>
Pai

Pai

12 posts
6 categories
11 tags
© 2020 歡迎轉載,轉載請附上來源和網址連結
0%