ccccourse / wp110b Goto Github PK
View Code? Open in Web Editor NEW課程:網頁設計 -- 筆記、習題與報告
課程:網頁設計 -- 筆記、習題與報告
可以用 github, github wiki, hackmd, .... 或任何你想用的工具撰寫,最好能在網路上直接看到。
注意:
若沒有宣告『來源』,會被嚴重扣分 (完全自創就請宣告完全自創)
另外,關於授權
README.md 一開頭一定要聲明『程式的原創性或修改來源』,否則會嚴重扣分,例如:
有引用外部文章或圖片時,請注意應使用合法授權的資料!
例如引用維基百科,應採用創作共用 CC:BY-SA 授權!
最常用的方式是在專案下加一個 LICENSE 檔案,像這樣
https://github.com/cccriscv/mini-riscv-os/blob/master/LICENSE
最後提醒:
題目:
從以下主題中擇一撰寫《網頁專案+報告》,可以自製或研究他人專案
應該包含 HTML/CSS/JavaScript 三種技術都要用到,例如:
注意事項:
若沒有宣告『來源』,會被嚴重扣分 (完全自創就請宣告完全自創)
另外,關於授權
README.md 一開頭一定要聲明『程式的原創性或修改來源』,否則會嚴重扣分,例如:
有引用外部文章或圖片時,請注意應使用合法授權的資料!
例如引用維基百科,應採用創作共用 CC:BY-SA 授權!
最常用的方式是在專案下加一個 LICENSE 檔案,像這樣
https://github.com/cccriscv/mini-riscv-os/blob/master/LICENSE
簽到範例:
內容:
參考
結果請放在 github pages 上,然後貼到此處!
JavaScript 進階
簽到範例:
內容:
簽到範例:
> let text = "name:ccc age:52 weight:60"
undefined
> let re = /[0-9]+/g
undefined
> re
/[0-9]+/g
> text
"name:ccc age:52 weight:60"
> text.match(re)
[ "52", "60" ]
> let re2 = /[a-z]+/g
undefined
> text.match(re2)
[ "name", "ccc", "age", "weight" ]
> let re3 = /:([0-9a-zA-Z])+/g
undefined
> text.match(re3)
[ ":ccc", ":52", ":60" ]
> let re4 = /:([0-9a-zA-Z])+/
undefined
> text.match(re4)
[ ":ccc", "c" ]
> let re5 = /:([0-9a-zA-Z]+)/
undefined
> let re5 = /:([0-9a-zA-Z]+)/
undefined
> text.match(re5)
[ ":ccc", "ccc" ]
> let re5 = /:\w+)/
Uncaught SyntaxError: Invalid regular expression: /:\w+)/: Unmatched ')'
> let re5 = /:\w+/
undefined
> text.match(re5)
[ ":ccc" ]
> let re6 = /:\d+/
undefined
> let re6 = /:\d+/g
undefined
> text.match(re6)
[ ":52", ":60" ]
> let re7 = /:\D+/g
undefined
> text.match(re7)
[ ":ccc age:" ]
> let text = 'hello world , ccc , your email is [email protected] , how are you !'
undefined
> text
"hello world , ccc , your email is [email protected] , how are you !"
> let re = /\w+@[\w\.]+/g
undefined
> text.match(re)
[ "[email protected]" ]
> let text2 = text + ' abc ccc@q ... '
undefined
> text2
"hello world , ccc , your email is [email protected] , how are you ! abc ccc@q ... "
> text.match(re)
[ "[email protected]" ]
> text2.match(re)
[ "[email protected]", "ccc@q" ]
> let re = /\w+@\w+\.[\w\.]+/g
undefined
> text2.match(re)
[ "[email protected]" ]
https://www.w3schools.com/css/default.asp
簽到範例:
最後講到 https://www.w3schools.com/css/css_boxmodel.asp
參考
結果請放在 github pages 上,然後貼到此處!
簽到範例:
內容:
例如:
10*9*8*....*1
。A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.