歡迎轉載(註明出處)或直接轉貼網址也ok,但是請不要直接把內容摳走貼在別的地方~

這篇實在寫太久了.....學得十分緩慢,雜事實在太多....

但有學到總是好的,所以照慣例記錄一下學習心得

 

以下開始前言 : 

ng-repeat 這個 directive 前幾篇有偷用過很多次了~

這篇要來學習的是 ng-repeat 的一般與進階用法,還有使用時的注意事項

然後這篇決定將程式碼上色一下,不然有點難閱讀....= =

小雕 發表在 痞客邦 留言(1) 人氣()

這部落格大概 n 年沒寫食記了,這次會寫是因為想順便測試一下舊相機 = =

原因是這樣的~~ (誰在乎) 我最近想買新相機,但是我媽丟給我一台沒在用的 Canon S90

雖然我已經下單了 Canon G7X 但是還是想試試看 Canon 到底好不好用 (who care)

結果事實證明有進步的空間,照片有點糊請多包涵

以上完全廢話根本篇無關

以下進入正文

=======================================

小雕 發表在 痞客邦 留言(0) 人氣()

雖然文章不長,但一樣有目錄喔

1. 直接在 controller 上綁定 class name

2. 使用 ng-class 

3. 使用 ng-style 

這次要介紹的是使用 AngularJS 改變 CSS Class 的方法

前端網頁常常會有個需求,就是需要動態變更 CSS 的樣式來達到動畫效果

或是需要動態變更 CSS 樣式的邏輯是寫在 js 裡面

小雕 發表在 痞客邦 留言(1) 人氣()

 最近工作上遇到一個問題是關於 Facebook 分享文章時的預設圖片

在分享的時候有時候會是小圖,有時候會是大圖

舉個小圖的例子,如下 :

擷取       

 

再來是大圖的例子 :

擷取     

小雕 發表在 痞客邦 留言(4) 人氣()

這個部落格實在有夠溫馨的,除了寫程式、健康檢查、算紫微斗數外還有讀書心得

這本書薄薄的一本,我之前也有在 facebook 上推薦過這本書

但是我覺得應該要讓更多人知道這本書的存在 (不是葉佩雯啊)

我想讓大家就算沒買這本書也可以知道應該怎麼做才能讓父母開心,讓他們這輩子不虛此行

尤其母親節才剛過而已,看到爸媽年紀越來越大感觸又有點深

日子一天天在過,在我打完上面這些字的同時父母陪伴你的時間也少了五分鐘了 (打字真慢)

相處的時間越來越少,而他們每天只有對我更好而已

小雕 發表在 痞客邦 留言(0) 人氣()

實在太久沒寫 AngularJS 學到的東西...因為最近要學的東西實在太多 XD

這篇主要是要記錄與說明所學到 AngularJS 在載入頁面時的運作流程

與因應流程改善使用者體驗的 ng-cloak 這個 directive 

一樣是屬於基本的初學者範圍

 

首先AngularJS 運作的流程如下 : 

1. 載入 HTML文件,觸發相關的檔案請求 (js、css...等) 

小雕 發表在 痞客邦 留言(0) 人氣()

這篇文章還是有點長,所以分一段落

0、前言

一、清除前幾行內容中的禁止轉譯 JavaScript 和 CSS

二、使用瀏覽器快取功能

三、啟用壓縮功能

四、壓縮 JavaScript

五、壓縮 CSS

小雕 發表在 痞客邦 留言(1) 人氣()

最近在做行動版網頁的時候遇到一些小問題

深深覺得 IOS 的 Safari 有點像電腦版 IE 那般難搞......

首先一開始在用 display: flex 做垂直置中的時候就遇到了問題

.vertical-align {

display: flex;

align-items: center;

}

小雕 發表在 痞客邦 留言(0) 人氣()