iT邦幫忙

framework相關文章
共有 105 則文章
鐵人賽 Modern Web DAY 3

技術 【Day 3】CRA專案架構

昨天介紹了 React 的特色與元件化開發的特色,也使用 create-react-app 建構了我們的第一個 React 程式專案,今天將延續昨日 CRA 建...

鐵人賽 Modern Web DAY 2

技術 【Day 2】React.js介紹 && 第一個 React 程式

這是 React 從 0 到 1 系列的第二篇,今天廢話不多說,直接進入正題。 今天將簡單介紹 React.js 的基礎概念,最後建立我們第一個 React 的...

鐵人賽 影片教學 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...