發表文章

目前顯示的是 2015的文章

Note for Javascript JSON variable

太常搞混了,只好自己簡單筆記一下。 這是一個JSON object, <script> var text = {}; //a json object </script> JSON object,內容必須是name/value。 <script> var text = {}; var text = {"name":"Joe"}; var text = {name:"Joe"}; </script> 上例最後兩行,name有沒有" "沒差,差在JSON.parse()。 <script> var text = {"name":"Joe"}; var text2 = {name:"Joe"}; try{ obj = JSON.parse(text); obj2 = JSON.parse(text2); //Error ! }catch(e){ alert(e); } </script> 這是一個JSON array, <script> var text = []; //json array </script> JSON array,可以放N個JSON object。 <script> var text = []; var text = [{}, {}]; var text = [{"name":"Joe"}]; var text = [{"name":"Joe"}, {"name":"Amy"}]; </script> 最後, JSON object的值,可以是一般常數,也可以是一個JSON array <script> var text = {[]}; //Error: Need key for JSON object! var text = {"people": []}; //OK </

Remote Debugging on Android with Chrome

圖片
編輯時間 2015.07.14 我都是按照chrome的官方步驟,原文請看 remote-debugging 。 需求 Chrome 32 or 之後的版本 手機有USB接到電腦 手機和電腦已安裝chrome 若手機接了USB但連不到電腦,可能要安裝該廠牌的USB驅動程式。 我是ASUS ZenfoneC, win7就是不讓我USB連線,哭哭。 win8, linux倒是不用裝驅動程式就可以連線。 手機步驟 「設定」→「關於」 Build Number點擊7次 「設定」→ 「開發人員選項」 勾選USB偵錯 電腦chrome偵測手機chrome chrome://inspect/#devices 範例 手機chrome開啟臉書 電腦chrome偵測到臉書 點擊inspect, 就可以在電腦上看手機的臉書畫面囉

AngularJS (19) ng-repeat 特殊變數 $index, $even, $first

angular .module('app',[]) .controller('ctrl',["$scope",function($scope){ $scope.people = [ {name:'Ihc Pig'}, {name:'Lily Pig'}, {name:'AA Pig'}, {name:'BB Pig'} ]; }]); 索引 $index <body ng-app="app" ng-controller="ctrl"> <p ng-repeat="person in people" ng-class="{item_yellow: $even}" > { { $index } }. name = { { person.name } } </p> </body> {{$index}}. name = {{person.name}} 偶數列 $even <body ng-app="app" ng-controller="ctrl"> <p ng-repeat="person in people" ng-class="{item_yellow: $even}" > name = { { person.name } } </p> </body> name = {{person.name}} 奇數列 $odd <body ng-app="app" ng-controller="ctrl"> <p ng-repeat="person in people" ng-class="{item_

href with relative url 在錨點使用相對路徑

在前一篇講了 ajax call的相對網址 的寫法。其實,相對網址的概念也可以用在錨點 href。 如果當前頁面是 http://myserver.com.tw / taiwan / member / index.html <a href="page.html">請點我</a> <a href="./page.html">請點我</a> //另一種寫法 瀏覽器會把 page.html 自動轉成 http://myserver.com.tw / taiwan / member / page.html 若是 ../ 開頭, <a href="../page.html">請點我</a> 會少一層,轉成 http://myserver.com.tw / taiwan / page.html 若是 / 開頭, <a href="/page.html">請點我</a> 轉成在domain之後 http://myserver.com.tw / page.html

ajax call relative url 相對網址

$http.get('members.json') $http.get(' ./ members.json') //另一種寫法 這種寫法,就是相對路徑(relative url, relative path)。 如果當前頁面是 http://myserver.com.tw / taiwan / member / index.html 瀏覽器會把 members.json 自動轉成 http://myserver.com.tw / taiwan / member / members.json 若是 ../ 開頭, $http.get('../members.json') 轉成 http://myserver.com.tw / taiwan / members.json 若是 / 開頭, $http.get('/members.json') 轉成在domain之後 http://myserver.com.tw / members.json 如果是開頭兩個斜線(//)? $http.get('//myserver.com.tw/taiwan/member/members.json') 表示參照當前頁面使用的協定(http://或是https://),適用於同時使用一種以上協定的網站。

手動建立Facebook自動登入(v1.0-v2.2) Manually Build a Login Flow

此文章支援 v1.0、v2.0~v2.2 臉書提供三種「自動登入臉書帳號」的方式,javascript SDK、PHP SDK,以及手動建立。本篇只談手動建立,是利用 Facebook Graph API,有三個步驟。 請求code參數 用回傳的code參數,請求access_token參數 用回傳的access_token參數,取得使用者個資 Graph API v1.0 1. 請求code https://www.facebook.com/dialog/oauth? client_id= {YOUR_APP_ID} &redirect_uri= {YOUR_REDIRECT_URL} code=AQBW3oLLO7UBdYIlBiycdsq0-uBynPisB4cLGoNaVqo...(略) 2. 請求access token https://graph.facebook.com/oauth/access_token? client_id= {YOUR_APP_ID} &redirect_uri= {SAME_REDIRECT_URL} &client_secret= {YOUR_APP_SECRET} &code= {CODE_STRING} access_token=CAADh9ZCitjocBANzxLfZACFZCUNIajhZAER2EqBRSYLB5IIH...(略) 3. 用回傳的access_token參數,取得使用者個資 https://graph.facebook.com/me? access_token= {ACCESS_TOKEN_STRING} 得到登入者資料的json囉! { "id": "00000012345", "first_name": "帥帥", "gender": "男", "last_name": "薛", "

Sublime Text2 - 更換背景/更換主題 theme

這一篇比較算是個人小筆記,不希望以後還要翻找。XD Theme 設定方式 (Sublime上方選單 -> Prefereces -> Settings-User) Soda Light { "color_scheme": "Packages/Espresso Soda.tmTheme", "font_size": 17, "ignored_packages": [ "Vintage" ], "theme": "Soda Light.sublime-theme", "tab_size": 4, "translate_tabs_to_spaces": false } Monokai { "color_scheme": "Packages/Color Scheme - Default/Monokai.tmTheme", "font_face": "Source Code Pro", "font_options": [ "directwrite" ], "font_size": 15, "ignored_packages": [ "Vintage" ], "soda_classic_tabs": false, "soda_folder_icons": true, "theme": "Soda Dark.sublime-theme", "tab_size": 4, "translate_tabs_to_spaces": false } Theme 下載方式 其實 theme 也是 sublime package,所以只要 ctrl+shift+p → "Insta

Sublime Text2 - Tab 改為 4個 Spaces

圖片
到Sublime畫面上方的menu, Preferences -> Settings-User 加入兩行設定 "tab_size": 4, "translate_tabs_to_spaces": false 像這樣 就完成囉! 完成設定後,你輸入一個tab,圈選它,看看是否成功設定tab size。

windows分享給 virtualBox linux

A. 設定virtualbox  開virtualbox 下方工具列 ->「共用資料夾設定」 -> 右方小按鈕「加入新的共用資料夾定義」 選擇你要共用的windows資料夾    「資料夾路徑」:要共用的windows資料夾路徑,如 C:/...     「資料夾名稱」:定義它在virtualbox的共用名稱                 如:                「資料夾路徑」: C:/user/pigu                「資料夾名稱」:PIGU B. 設定linux       4. 開 terminal       5. 到你想要的資料夾           如根目錄: cd ~/       6.   輸入指令             sudo mount -t vboxsf  PIGU ./

Sublime Text2/Text3 安裝 Package - TortoiseSVN

圖片
要在Sublime中可以使用TortoiseSVN或其他版本控制的功能,要安裝Package,在此介紹如何安裝TortoiseSVN。 安裝步驟 在Sublime安裝Package Control Package Control 是Sublime負責安裝套件的工具,所以要先裝它才能裝Sublime的Package。 輸入 alt+` , 如果你是Text2,貼上這段程式碼 import urllib2,os,hashlib; h = '2deb499853c4371624f5a07e27c334aa' + 'bf8c4e67d14fb0525ba4f89698a6d7e1'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler()) ); by = urllib2.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); open( os.path.join( ipp, pf), 'wb' ).write(by) if dh == h else None; print('Error validating download (got %s instead of %s), please try manual install' % (dh, h) if dh != h else 'Please restart Sublime Text to finish installation') Text3則是