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

繪製坐著的小獅子

  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

迴圈

迴圈總共分為三種寫法分別有 for、while、do while,其中最常見也被最常使用的就非 for 迴圈莫屬了,故這邊就先只提 for 一種。

for 語句

for 迴圈的小括號內有三個參數用分號隔開,它們各自有其功用,for迴圈的基本語法如下:

  • 參數一控制變數初始值
  • 參數二設定週期
  • 參數三設定每次間隔
for (let i = 0 ; i < 10 ; i +=1){
    console.log(i);
}

這邊值得一提的是我並不是使用 i++ 做每次間隔,由於 ESLint 建議Unary operator '++' used. (no-plusplus) 不要使用 ++ -- 官方是這樣說的

Why? Per the eslint documentation, unary increment and decrement statements are subject to automatic semicolon insertion and can cause silent errors with incrementing or decrementing values within an application. It is also more expressive to mutate your values with statements like num += 1 instead of num++ or num ++. Disallowing unary increment and decrement statements also prevents you from pre-incrementing/pre-decrementing values unintentionally which can also cause unexpected behavior in your programs.

簡單來說使用一元遞增(減)會導致程序中的意外行為所以盡量不要使用

Comment

Copyright © 2018 ucamc