Giter Club home page Giter Club logo

web-sample-develop's Introduction

Contents

這是網站樣板開發,於大學時期實習的網站設計內容。
開發時程: 2017-01 ~ 2017-05

此外專案內有附上實習過後,以後可能會用到的函式庫 :

  • js library
    • 使用 jquery 的 ajax 撈取資料的改良版
    • 取得 url GET 參數
    • 把格式化的字串時間傳換成 JavaScript 的專屬時間
    • 比較時間大小
    • 取得現在的時間 (格式化後之字串)
  • php library
    • 驗證 http request 的資料

開發專案使用指令

# 初始化專案
npm install

# 開啟專案 server
npm run start

# 建置發布的資料 dist
npm run build

# 自動佈署到 Github Page 上
npm run deploy

Log 日誌

Update

  • 2017-06-18

    • 更新最後的靜態網頁配置
    • 新增 otherLibrary 函式庫
  • 2018-07-29

    • 為了優化網頁載入與減少 request 請求,提高效率,導入 Parcel 零配置打包工具
    • 更改目錄結構,全部放入 src 資料夾中
    • dist 資料夾為可發布的靜態資源
    • JS 由於不能再直接設置全域變數了,改用 ES6 import/export 的方式載入

首頁樣板

  • 2017-01-19
    • 導航列 menu
  • 2017-01-23
    • 廣告 slider-ad
  • 2017-01-25
    • 服務項目 category-service
    • 關於我們 about-us
  • 2017-02-06
    • 特色 feature
  • 2017-02-07
    • 採購價錢 purchase-price
    • 消息訊息 board-news
  • 2017-02-09
    • 頁面底部 - footer
    • 置入性行銷 banner
  • 2017-02-13 ~ 2017-02-15
    • 製作ppt 撰寫規格文件 首頁樣板

內頁樣板

  • 2017-02-16
    • 企業廣告內頁 ad-page
  • 2017-02-20
    • 服務項目 service-app
  • 2017-02-21
    • 服務項目 service-solution
    • 關於我們內頁 about-page
    • 聯絡我們內頁 contact-page
  • 2017-02-22
    • 滿版背景內容 full-bg-wrapper
    • 滑動畫廊 scroll-gallery
  • 2017-02-24
    • 常見問題內頁 question-answer-page
    • 活動快訊 activity
    • 活動快訊內頁 activity-info-page
  • 2017-03-02
    • 製作ppt 撰寫規格文件 內頁樣板
  • 2017-03-03 . 2017-03-06 . 2017-03-09
    • RWD版面製作
  • 2017-03-13
    • 改善網頁樣板, 符合W3C規範

web-sample-develop's People

Contributors

visionyi avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.