幼獅很小,可愛,並且與成年獅子有著不同的身體比例。似乎比完全成長的獅子更可愛,但它們也可能很難畫出來。按照下面列出的步驟學習如何繪製一些小獅子!

繪製獅子臉

  1. 畫兩圈。從一個大圓開始,在第一個圓的底部附近再增加一個小圓,重疊並伸出一點。

    • 大圓圈將成為幼仔的頭部,小圓圈將成為幼仔的口吻。
    • 在大圓的中心添加一條彎曲的水平線。這將成為你在畫眼睛時的指南。

    繪製獅子臉

Comment

幼獅很小,可愛,並且與成年獅子有著不同的身體比例。似乎比完全成長的獅子更可愛,但它們也可能很難畫出來。按照下面列出的步驟學習如何繪製一些小獅子!

繪製坐著的小獅子

  1. 畫兩圈。應該有一個更大的圓圈和一個更小的圓圈來充當幼仔的頭部和槍口。繪製與圓相交的水平和垂直線。在較大的圓圈後面,附上一條長長的波浪線。它應該略微s形。這將引導你當你正在繪製幼崽的身體。

    繪製坐著的小獅子

Comment

Exports & Imports (Modules)

在撰寫 API 過程中你會將很多分支檔案拆開寫,一方面是減少過長的程式碼另一方面是日後好管理。你必須要先匯出分支檔(export)再經由主檔案中被引入(import),以下有個簡單例子,第一個分支檔 person.js 將函式 person 匯出,第二支分支檔將函式 clean 和變數 bastData 匯出 (另一種匯出寫法) ,最後再主檔案 index.js 引入被呼叫使用。

分支檔 person.js、utility.js

// person.js 分支檔1
const person ={
  name:'Andy'
} 

export default person;
// utility.js 分支檔2
export const clean = () => {}
export const bastData = 10;

主檔 index.js

// index.js
//default export
import person from './person.js';
//named export
import {baseData} from './utility.js';
import {clean} from './utility.js';

//named export (rename)
import {clean as c} from './utility.js';
import * as c from './utility.js';

Comment

陣列 Array

這篇文章要來介紹容器,首先先來談談陣列,陣列是有順序地存放大量資料的結構,大多數程式語言都是 0 為起始點,例如 arr[0] , JavaScript 也不例外,當然 JavaScript 的陣列也內建很多函式可以直接呼叫例如 length、match...等。

陣列的使用

陣列的初始化有兩種方式一種是立即給值,另一種是後續給值。

  • 立即給值
const arr = [1, 2, 3]
console.log(arr.length) // 3
  • 後續給值
const arr = []
arr[0] = 1
arr[1] = 2
arr[2] = 3
console.log(arr.length) // 3

Comment

函式(function)

箭頭函式在 JavaScript 中改寫原本 function 的撰寫方式。除了較短的語法外,它們在保持this 關鍵字範圍方面也有優勢 參見這裡,此外在 ESLint 中官方也建議使用箭頭函式取代傳統寫法。

函式 (function) 又稱方法 (method),用於程式碼過多重複時定義一個方法來去重複呼叫他來解省我們的開發效率,以下為範例:

原本寫法

// 使用有名稱的函式
function sum(a, b){
    return a+b;
}

// 常數指定為匿名函式
const sum = function(a, b) {
    return a+b;
}

Comment

Copyright © 2018 ucamc