2015年12月31日 星期四
2015年12月28日 星期一
2015年12月25日 星期五
[Vue.js] 在 ajax 上傳後取得 data 的 Object
最近在學 Vue.js,遇到一些問題解決了做點小筆記。

寫了一個 ajax 上傳的功能,上傳 csv 後會自動產生圖表,並可以藉由左邊的列表增加刪減項目,上傳 csv 的程式碼如下。
Read more

寫了一個 ajax 上傳的功能,上傳 csv 後會自動產生圖表,並可以藉由左邊的列表增加刪減項目,上傳 csv 的程式碼如下。
2015年12月23日 星期三
ajax 上傳 csv 後並畫出圖表
也是最近遇到的需求,算是綜合題,想要在網頁上用 ajax 動態上傳檔案後並馬上繪製出圖表,結合 jquery 跟 d3.js。
用 bootstrap 來畫的,所以先準備 html。
Read more
用 bootstrap 來畫的,所以先準備 html。
- <form class="form-inline">
- <div class="form-group">
- <label for="">上傳 csv: </label><input name="csv_file" type="file" id="csv_file">
- </div>
- <a role="button" class="btn btn-primary" id="upload_csv">確認上傳</a>
- </form>
- <div id="chart"></div>
2015年12月19日 星期六
ACG 100 創作展開幕了,來看屬於台灣的原創力量吧

ACG 100 創作展從今天(18日)開始正式開幕囉,這次的展覽是由 pixostyle 主辦,展出的都是台灣原創的插畫作品,其中有在他們在網站舉辦過的 OS 娘設計比賽,也有高捷少女和 VOCALOID 的台灣虛擬偶像心華等創作,當然更高興的是主辦單位有展出之前插畫大賽的優秀作品,就讓制服地圖先帶大家到展場看看吧。
▼ 進入展場就可以看到大大的看板和台北市的資訊局的虛擬代言人 230。


▼ 制服地圖也有默默出現在看板上。


▼ 造成網友討論風潮的高捷少女這次也沒有缺席。




▼ VOCALOID 的台灣虛擬偶像心華相關創作。



▼ 現場也可以看到年初插畫大賽的一些優秀作品。

除此之外還有一些很優秀的創作,都是台灣插畫家的作品,非常歡迎大家前往參觀,而且是不用門票的。



活動時間為即日起至 12/29 在華山1914文化創意產業園區展出,有興趣的朋友千萬不要錯過喔。
更多活動說明請看 ACG 100 創作展。
2015年12月18日 星期五
[超級英雄圖譜] 超級女孩(Supergirl)

超級女孩(Supergirl),原名卡拉-艾爾(Kara Zor-El),來自氪星的衛星阿戈斯(Argos),在氪星爆炸後,阿戈斯也遭受了毀滅性的衝擊。在96動畫版《超人》劇集《迷失的女孩(Little girl lost)》中,超人駕駛飛船返回家園尋找生還者,在阿戈斯一個唯一完好的密封倉裡找到了她。超人把嬰兒帶回了堪薩斯州的家,並起名為卡拉·肯特(Kara Kent),對外則宣稱是自己的表妹。卡拉與超人一樣,擁有飛行、巨力、熱視覺等,並且對氪石有極強的抵抗力(氪石的元素射線大約會在20分鐘內殺死超人,但是卡拉可以堅持好幾個小時)。
Supergirl 來自第二地球的氪星,即是第一地球的女超人,超人的堂妹。
在氪星毀滅時父母將她送至太空免於波及,雖然她離開了這個星球時和超人是一樣在同一時間,但她的船花了更長的時間才能到達第二地球。她擁有標準的氪星人力量。是美國正義社會的首位女成員,超能女孩有著一頭金色妹妹頭,穿著白色、藍色的衣服並披著紅色披風,沒有「S」標誌。她早期出現在《全明星漫畫》,發現Wildcat經常幫她說話,如同對一位普通女性而不是氪星人,使她覺得有點煩。
2015年12月17日 星期四
XAMPP 設定密碼及 phpMyAdmin 問題
最近安裝完 XAMPP 發現沒辦法使用資料庫,解決方法如下:
1. 從使用者修改 root 的密碼

2. 修改後登出,不過這時會出現錯誤訊息,再修改 phpmyadmin/config.inc.php
$cfg['Servers'][$i]['auth_type'] = 'cookie';
就可以透過登入介面登入了
Read more
1. 從使用者修改 root 的密碼

2. 修改後登出,不過這時會出現錯誤訊息,再修改 phpmyadmin/config.inc.php
$cfg['Servers'][$i]['auth_type'] = 'cookie';
就可以透過登入介面登入了
2015年12月15日 星期二
2015年12月10日 星期四
2015年12月9日 星期三
[CSS] 固定 iframe 位置

因為 css 沒法直接固定 iframe 的位置,所以如果要在頁面上固定 iframe 的位置的話需要用一些小技巧,以上面這張把 iframe 固定在頁面下半部說明。
首先先把原本的 iframe 包起來。
- <div id="iframe_block"><iframe src="url"></iframe></div>
2015年12月5日 星期六
2015年12月4日 星期五
訂閱:
文章 (Atom)
文章
-
▼
2015
(230)
-
▼
十二月
(15)
- [Megahouse] 地球隊長
- [Uniform Map] 菲律賓制服地圖上線
- 未來國會
- [Vue.js] 在 ajax 上傳後取得 data 的 Object
- ajax 上傳 csv 後並畫出圖表
- 村雨獅虎
- ACG 100 創作展開幕了,來看屬於台灣的原創力量吧
- [超級英雄圖譜] 超級女孩(Supergirl)
- XAMPP 設定密碼及 phpMyAdmin 問題
- [Uniform Map 制服地圖] 網誌改版
- 扭蛋戰士 DASH 01
- [jQuery Plugin] 背景幻燈片- VEGAS
- [CSS] 固定 iframe 位置
- [Unfirom Map] 韓國制服地圖上線
- [Uniform Map 制服地圖] 制服女孩列表
-
▼
十二月
(15)

標籤雲
2011
2012
2013
2014
2015
2016
2017
2018
2019
360
3D
3D Printer
3D Scanner
3D TV
3DS LL
3ds max
七大創意原則
七武海
九型人格
人生
十大創新法則
三立
三立新聞網
三國傳
千值練
大地盃
大阪
大津
大氣系
小田原
小朋友
小動畫
中央大學
中平商圈
中華職棒
互動設計
天氣娃娃
心情日記
手機
手繪
日文
日本
日本戰國
日本職棒
日劇
火箭營
仙書紀
北海道
可動群雄
台南
台湾狼
台灣
台灣社群排行榜
台灣數位文化協會
台灣選舉地圖
史旺基
平面設計
未來國會
正妹
永平工商
生日
立委
光雕
印刷
名片
地科院
地球村
地圖
地震
好人卡
好軟體
好網站
年誌
成果展
早安
有聲書
江火明
自介
行銷
衣服
似顏繪
初音
完成品
尾牙
我的迷你城市
我要當女一
扭蛋盒玩
扭蛋戰士DASH
扭蛋戰士NEXT
汶萊
沖繩
狂新聞
京都
制服
制服大賞
制服女孩
命理
夜之祭
奈良
姊妹
宜蘭
東大特訓班
東京
武神降臨編
直播
社群日
股票
金庸
侯文詠
勇者
厚生市集
咪醬
哆啦A夢
星座
活力熊
研究方法
研究所
穿衣指數
紅色死神
美劇
風起雲湧
風雲祭
飛肯
香港
哥吉拉
展覽
座談會
旅行
旅遊
時報周刊
書
書單
栗原洋服店
格言
桃園
桌面寵物
氣象
氣象主播
氣象局
氣象預報
特殊符號
特攝
班服
神戶
神奇寶貝
紙公仔
紙模型
退休光碟
高中職博覽會
高校誌
假面騎士
偉大的航道
動畫
動畫術語
專題
教學
產生器
設計
部落格
部落格小玩意
陳金鋒
創業
喬巴
媒體報導
減碳雙熊
無名
無障礙
程式
絕對領域
萌
萌咩誌
評審
賀卡
超合金魂
超合金魂 F.A.
超級英雄圖譜
超級英熊
超級戰隊
跑馬燈
雲寶
黑襪
奧爾資訊
新聞易數
義大遊樂世界
聖鬥士星矢
資策會
遊記
遊戲
零秒出手
電子看板
電子書
電子報
電腦戰機
電影
預付卡
團體服
壽屋
夢想
慈幼社
漫畫
網頁
網頁作品
網站工具
網站優化
網路狂人週報
舞台背板
蜜月
酷瞧
颱風
餅乾
魂spec
彈珠台
影片
影音氣象
影像處理
數位時代
樂樂小黃
模型
熱舞
獎金獵人
稻江護家
箱根
膝上襪
衛星雲圖
論壇
遮罩
戰隊
橋本環奈
機器人
機器人相關
講師
黏土人
瀏覽器
翻譯
藍球教學
轉輪科技
鎌倉
雞排妹
顏文字
羅東
寶貝
籃球
蘋果日報
攝影
蘭友會
鐵啞鈴
魔神英雄傳
魔動王
讀書會
體育用品
ACA
ACE
AddThis
Adobe
aerender
After Effect
AIR
AJAX
Android
AngularJS
AngularUI
Annual Analysis
ANSI
Apple
Apple Watch
AR
AR+
Arduino
Arrow
AS 3.0
Batman
BB戰士
bbs
blog
blogger
Blogger Touch
board game
bootstrap
Brave合金
browser
C3.js
CANDY醬
canvas
Card sorting
chrome
CI
CM's
cocos2D
CodeIgniter
color
COMPOSITE Ver. Ka
cookie
cosa
cosplay
css
css3
CW
CWB
D-Arts
D3.js
DC Comics
Death Note
deathhell
Decool
design
desktop
DeTools
Diablo
Discuz
dragon
DX超合金
embed
Emmet
EVA
excel
facebook
favicon
fc2
Firebug
firefox
flash
Flex
FlickLinkr
flickr
FQL
fun電
Fun籃球
G Generation
G+
GARNiDELiA
GFF
GIGA合金
git
GleeFB
GleeShare
google
google adsense
Google Analytics
google fonts API
Google Geocoding API
Google Map API
google mapplets
google PageSpeed API
google tool bar
google+1
googlemaps
grid
GTI
GUNDAM
Gundam W
GUNDAM“EX-STANDARD”
Gunpla
GunXSword
hairbook
hairdodo
hairmap
Hami App
HG
Homebook
HPX
htaccess
html
html5
iAngel
ichannel
ico
icon
IDEO
IE
III
illustrator
ImageMagick
InDesign
info graphic
iOS
iphone
Iron Man
ITCD
iTenki
IxD
javascript
JK
jquery
jquery plugin
jQuery UI
js
JSDC
JSON
Koobii 高校誌
kuso
La new
LEGO
less
life style
Line
Linux
localStorage
logo
LucyPop
Mac OS
MAD
mailgun
Maker Fair
Marvel Comics
MegaHouse
meta
Metal Robot 魂
MG
MIC
mit.jobs
MLB
mobile app
mobile web
movie
MSI
MSN小圖
MSN小綠人
msn表情符號
MSN機器人
mssql
MTK
My Weather
MySQL
NBA
NCU
NeoShop
node.js
nokia
NXEDGE STYLE
NXT
ONEPIECE
open data
OpenCart
ovomedia
Pantone
PChome
PDO
persona
photoshop
photoshop教學
php
phpFlickr
Picasa
pintrest
Pixnet
PIXOSTYLE
plurk
pokemon
Pokemon Go
Pokémon-Info
PPT
premiere
PTT
pv3d
Python
R3
Raspberry Pi
react.js
reCAPTCHA
Restaurant City
RIOBOT
RoboInfo
robot
ROBOT魂
rockman
rockman X
RQ-Star
RWD
S.H.E
S.H.Figuarts
S市集
SCANDAL
scratch
Scss
SDX
Semantic UI
SEO
showtenki
SketchUp
slideshow
sliding doors
spotlights
SQL
SQL Server
srw
SRW OG
star wars
Sublime Text
Super Heroes
Super MiniPla
Super Robot超合金
Supergirl
svg
switch
SyntaxHighlighter
TapFighters
TenkiMaps
Titanium
Transformer
TweenMax
twitter
U-Mobile
UCD
UI
UiGathering
Uniform Map
Unity
Usability
UX
vimeo
vQmod
Vue.js
WBC
WCF
weather
weather icon
weatherrisk
web
Web Design Theory
WebApp
WebConf
widget
Win7
wingzero
Wordpress
XAMPP
xml
XMLHttpRequest
Xuite
Yahoo API
Yahoo open hack
Yahoo!
Yam
YAMATO
YouTube
ZOIDS
