# HandBook Note : Narrowing
###### tags: `Language-ts`
web-develop : Basic
@d-w-b
develop web basic
Public team
Community (0)
No community contribution yet
Joined on Jan 21, 2021
- (一) Basic Type 1. Type Delcaration : 包含bool、string、number。 Delaration type not init : 第一行。 Delaration type with init : 第二行。 Delaration type with given value : 第三行。 let num : number ; let num : number = 9 ; let num = 9 ;
李廷偉 changed 4 years agoView mode - 前言 我想用『點-線-面』的方式理解js中物件的關係。 點 ： 單一一個物件的特性。 物件的宣告。 物件的屬性和方法。 屬性描述器。 物件包裹器。李廷偉 changed 4 years agoView mode
- 一 . 功用與基本語法 (一) . 介紹 (二) . 基本語法 $pug\ cli$ : cli介面，將pug檔轉為html。 安裝 ： npm install -g pug-cli。 使用 ： 常用三個參數，-w -o -P。 -w : 表示wacth，為監聽某個folder下的pug檔。李廷偉 changed 4 years agoView mode
- 一 . Form <form action="url" method="POST"> <select name="choose"> <option value="1">選項一</option> <option value="2">選項二</option> <option value="3">選項三</option> </select> <label for="username">Username</label> <input type="text" id="username" name="username"> <label for="password">PassWord</label>李廷偉 changed 4 years agoView mode
- 前言 這邊文章將淺談form內常見元素的預設css，和基本美化這些元素的方法。 注意這些元素多為inline，這邊先說的是單一元素的美化，而多個元素形成的表單，就是排版的問題了。 整個表單的排版也可以視為card的排版。 一 . input : text (一) . 預設樣式 預設形式 ：李廷偉 changed 4 years agoView mode
- 一 . 概念 (一) . 成果圖 ： (二) . 分析 ： 程式的角度分析動畫 ： 每一個點都設計成一個物件，帶有自己的屬性(位置)和方法(更新位置)。 而瀏覽器每秒用多次的渲染，依據每個點所在的位置，重新繪圖。 物件設計 ： 既然每一個點都要成為一個物件，設計物件的內容。李廷偉 changed 4 years agoView mode
- 前言 . function的基本概念。 宣告。 argument。 Scope and closure。 Lexical and dynamic scope。李廷偉 changed 5 years agoView mode
- 一 . 選取器的基本概念 (一) . 選取器 css宣告 ： 常見的css宣告下，其實可以用另外一種方式理解。 .class-name{ color:red; background-color : black; }李廷偉 changed 5 years agoView mode
- 一 . Box-modal 二 . block和inline (一) . 網頁元素的特性 (二) . inline 特性 ： 不會佔去一整行。 寬高 ： 寬和高的屬性對其沒有用，可以理解為『線』。 padding 和 margin : 可以撐開左右距離，但沒有辦法撐開高度，雖然可以使BOX變大，但實際上不會對其他元素造成影響。 (三) . block李廷偉 changed 5 years agoView mode
- 一 . 顏色 (一) . 顏色 改變fill()塗色 ：改變fill時的顏色。 方法 ： 改變fillStyle屬性。 改變stroke塗色 ：改變stroke函式的顏色。 方法 ： 改變strokeStyle屬性。李廷偉 changed 5 years agoView mode
- (一) . 座標軸 canvas元素是有x-y軸設定的，才可以進行作畫。  canvas元素跟一般的SVG一樣，基本上內建的功能為做出線與舉行而已。 (二) . 畫矩型 函式 ： fillRect(x, y, width, height)。李廷偉 changed 5 years agoView mode
- (一) . canvas的基本屬性 id : 用來讓js抓取，進行js處理。 width 和height : 不是css屬性，是HTML屬性。 都可以用來設定高和寬。 但是有時候css可能會跑版，需要用這個屬性設定。 需要有end tag。李廷偉 changed 5 years agoView mode
- Day-01 : 2020.11.26 (一) . Element 定義 : 所有的DOM物件都是由這個ctor建構出來了。 DOM : html映射到js的物件系統。 Element function : 建構這些DOM物件的ctor。 屬性 ：李廷偉 changed 5 years agoView mode
- (一) . Position 的概念 功用 ： 定位，將元素定位在固定的位置。 特殊屬性 ： position ： 必需設定的屬性。 right left top bottom : 定位位置。 (二) . static李廷偉 changed 5 years agoView mode
- 前言 (一) . Flex屬性分成兩大類 ： 外容器和內物件 Flex物件的組成 : 內外各有不同的屬性可以設定，若設定錯誤，flex沒辦法正常運作。  外容器屬性 ： display : 需設定為flex才可以為外容器。 flex-direction : 設定主軸和交錯軸。李廷偉 changed 5 years agoView mode
