iT邦幫忙

framework相關文章
共有 103 則文章
鐵人賽 影片教學 DAY 25

技術 金魚都能懂網頁設計入門 : Bootstrap組件入門(鐵人賽第二十五天)

教學影片 不要錯過 CSS coke 的影片 快按此訂閱CSS coke的頻道 重點回顧 滿版背景色的處理 組件類型有哪些 幻燈片的處理 追蹤 Amos...

鐵人賽 影片教學 DAY 24

技術 金魚都能懂網頁設計入門 : Bootstrap入門(鐵人賽第二十四天)

教學影片 不要錯過 CSS coke 的影片 快按此訂閱CSS coke的頻道 重點回顧 定寬容器與滿版容器 裝置尺寸代號有哪些 預設欄數是多少 預設佔欄數...

鐵人賽 Modern Web DAY 6

技術 [Day 6] Vue Quasar 打造 旅遊網站系列 2 - List & ListItem

昨天已經將Header做好了 今天就接著昨天的進度吧~ 還記得昨天將header上的按鈕設定為 gt-xs 嗎 因為手機頁面沒辦法在上方的toolbar顯示這麼...

鐵人賽 Modern Web DAY 4

技術 [Day 4] Vue Quasar Framework 頁面Layout介紹

今天就讓我們直接開始吧~! 前面幾天我們有執行過部署的指令了 不過我們這邊再複習一下 $ quasar init helloworld $ cd hellow...

鐵人賽 Modern Web DAY 3

技術 [Day 3] Vue Quasar Framework 淺述設定檔 quasar.conf.js

今天就來徹底分析Quasar的設定檔quasar.conf.js 為了方便瀏覽,我們把它拆成各個區塊來講講 不多說就直接開始吧 plugins: [...

鐵人賽 Modern Web DAY 1

技術 [Day 1] Vue Quasar Framework介紹與安裝

Quasar 是一款基於Vue.js開發的UI Framework。可以讓你輕鬆就搞定網站介面之餘還不失美觀,更重要的是他還能讓你輕鬆就做好RWD,除此之外還能...

鐵人賽 Software Development DAY 18

技術 【Day 18】初談「隔離框架」(isolation framework)

本篇會說明isolation framework,隔離框架,是什麼。 前面幾篇有說如何撰寫stub和mock,為我們的程式寫入虛擬的對象,用假的資料進行測試。...

鐵人賽 DAY 27

技術 Day27– 前端小字典三十天【每日一字】– Framework

Framework是什麼? 圖片來源 框架是一個骨架, 框架已經制定一套規範,讓開發者依照已規範好的標準來實作。 舉生活化的例子 美食節目企劃編寫了一系列的五...

鐵人賽 DAY 30
快寫HTML靜態網頁 系列 第 27

技術 快寫:語法 + 框架 + API。靜態:動態的完成

快速回顧一下,為什麼要挑這些主題來構成這一系列的簡介文章。 這系列的快寫 HTML 靜態網頁, 分別就以下的特點來快寫: 語法 編輯器上的縮寫語法來 快速 擴...

鐵人賽 DAY 30

技術 [ASP.NET]將檔案打包成ZIP解壓縮檔(需Framework 4.5)

這篇算小小分享文,在以往要將檔案打包成ZIP壓縮檔,最快的方式就是找第三方套件,如SharpZipLib,在Freamwork 4.5已經內建壓縮功能了,有很詳...

鐵人賽 DAY 29
快寫HTML靜態網頁 系列 第 26

技術 Shower.js 與其他的HTML簡報工具

在 前一篇 簡介了很易用的 HTML 簡報, 如果希望在簡報裡是比較多的照片為底圖, 可能就不大方便,後來才發現已有一堆的 HTML 簡報工具可利用。 一堆的...

鐵人賽 DAY 28

技術 [ASP.NET]一個輕鬆取得Facebook讚數的套件

SocialCounter.NET是一個極小的library能抓取一些熱門的社群網站資料,如Facebook、Twitter…如果你只是想抓一些統計資料,又不想...

鐵人賽 DAY 27
快寫HTML靜態網頁 系列 第 24

技術 套用 Bootstrap 裡的導覽列

常會用到的導覽列,透過 Bootstrap 可快速地套用。 常在網頁上的每一頁常用的樣版裡, 會有同樣的導覽列出現, 最常用的是連結、搜尋或登入的表格以及按鍵...

鐵人賽 DAY 27

技術 [ASP.NET]GridView小計欄跟總計欄的解決方案-使用SQL語法

ASP.NET的GridView是我覺得最方便的Server控制項,在公司內部有很多的報表,主要邏輯都寫在SQL裡面,而在GridView裡就能變得比較單純去繫...

鐵人賽 DAY 26
快寫HTML靜態網頁 系列 第 23

技術 為元件上色及小圖示的運用:Bootstrap

以前在HTML裡,按鍵通常只有在做表單送出時才會用到, 但用 Bootstrap 的過程中,按鍵反而成為美化網頁的好方法。 有關美工的設計或怎麼美化, 自己的...

鐵人賽 DAY 25
快寫HTML靜態網頁 系列 第 22

技術 圖與文的佈局利用 Bootstrap 完成

圖和文排在一起,沒什麼設計經驗者, 不是排得太單調,就是排得很亂, Bootstrap 把常會用到的樣式, 設計成易於套用或變化。 可能會有一堆的圖與文需要並...

鐵人賽 DAY 24
快寫HTML靜態網頁 系列 第 21

技術 使用 Bootstrap 佈局網頁

Bootstrap 的 Grid system 是依循 960.gs 的方式來佈局。 其中的 .row 是列的單位, 而.col-{媒體形式}-{數字} 算是...

鐵人賽 DAY 24

技術 [ASP.NET]使用JQuery來接收JSON字串

上一篇【使用JQuery來傳遞JSON字串】介紹了如何在前端傳遞JSON物件至後端接收,這篇主要介紹如何從後端組出JSON物件,回傳至前端接收。 接續上一篇範例...

鐵人賽 DAY 23
快寫HTML靜態網頁 系列 第 20

技術 選用 Bootstrap 框架協助加速前端開發

在眾多 CSS 框架裡, Bootstrap 在網頁程式開發的環境裡, 可能是簡潔又易用的前端框架工具。 此框架最早是以 Twitter Bootstrap 為...

鐵人賽 DAY 23

達標好文 技術 [ASP.NET]使用JQuery來傳遞JSON字串

最近又寫回Webform,但跟以前不一樣的事,很多時候我已經捨去掉那些控制項,也不再使用Update Panel,主要是因為不想再使用那肥大的ViewState...

鐵人賽 DAY 22
快寫HTML靜態網頁 系列 第 19

技術 用 ez-css 輕量框架快速佈局

如果只需要大區塊的網頁佈局, EZ-CSS是既輕量, 又提供一些常用的例子可立即使用。 早期的網頁佈局常是用 table 的HTML元件來進行, 而用 tab...

鐵人賽 DAY 22

技術 [ASP.NET]產生一組英文加數字混和的亂數字串

這篇算是一個小筆記 :P 有時候我們會去需要產生一組亂數的字串 用於產生新密碼或者是驗證之類的,直接把它用成共用的Functuin還蠻方便的 protected...

鐵人賽 DAY 21
快寫HTML靜態網頁 系列 第 18

技術 利用 CSS 框架加速HTML的佈局及美化

前2/3的篇幅是介紹快寫HTML的語法、工具, 以及能夠像動態網頁似地快速更新網頁的靜態網頁產生器。 接下來介紹如何快速安排網頁元素的佈局及美化。 一片空白的...

鐵人賽 DAY 20
快寫HTML靜態網頁 系列 第 17

技術 為何及如何選擇靜態網頁產生器

前幾篇簡介了靜態網頁產生器的使用, 事實上不限於這幾種, 而有更多的產生器可選擇。 為何用靜態網頁產生器 怎麼架個自己的站, 一開始只是有個web 網站, 提供...

鐵人賽 DAY 20

技術 [ASP.NET]用TryParseExact將特殊日期格式轉回DateTime

一般日期轉換,我都會用DateTime.TryParse來轉換,但如果不注意的話,會發生日期完全不對或失敗的問題… 日期不對舉凡像有些系統會使用05/07/20...

鐵人賽 DAY 19

技術 [Javascript]knockout.js - 資料處理-清單呈現方式

在第一篇有提到如果你的Web應用主要再處理一些CRUD,那很適合用knockout.js來實現MVVM架構,後續介紹了屬性、事件的控制,這篇就要來介紹在knoc...

鐵人賽 DAY 18

技術 [Javascript]knockout.js - 事件處理

這篇要介紹一些寫Web常用的事件,在上面兩篇範例,我們已經有使用到click、checked…等等的事件,這篇主要將其他常用的事件做個介紹,並如何在knocko...

鐵人賽 DAY 17
快寫HTML靜態網頁 系列 第 14

技術 適用於個人blog到大企業網站的靜態網站產生器:nanoc

不同於stasis只是單純的轉換, nanoc 有較多的功能快速建立管理網頁。 可執行的指令 nanoc 是 ruby 環境下的工具,只要執行 gem inst...

鐵人賽 DAY 16
快寫HTML靜態網頁 系列 第 13

技術 stasis 的即時更新功能

使用 stasis 產生靜態網頁, 除了每更新HAML檔後, 再執行編譯的方式之外, 也提供了即時監測更新的方式。 靜態網頁即時更新 靜態網頁與動態網頁的區別,...

技術 使用 AngularJS 心得 Day 5 - 想怎樣搭穿,就怎樣穿搭( ng-class, ng-style )

延續昨天的主題, class 的套用當然不只是應用在表格的單 / 偶列樣式,也可將它應用在一般的 HTML Tag 中。而且比利用 jQuery 還直覺、方便。...