Int's blog

Javascript: 邏輯運算子

發表於 2022-06-04 更新於 2022-06-21 分類於 js-operator

這篇會來簡單介紹js中的邏輯運算子語法

語法

and: &&
or: ||
not: !

其實語法就跟多數語言一樣，沒什麼不同。

真值表

and	True	False
True	True	False
False	False	Fasle

or	Fsalse	True
Fasle	Fasle	True
True	True	True

not	Fasle	True
	True	Fasle

很簡單的一篇，但我想把各種運算子都記錄一下。

javascript: 常見資料型態

發表於 2022-06-03 更新於 2022-06-15

這篇會簡單整理常見的javascript資料型態

number
- 數字型別，不管整數小數都是number type
string
- 字串型別，用單引號或雙引號包起來都行
boolean
- 布林值，只有true和false兩種值
array
- 用 [ ] 表示，可以存數字、字串、陣列、物件等等，但每筆資料型態必須相同，表示方式為
  1
  let arr = ["a", "b", "c"]
object
- 用 { } 表示，包含屬性與值，可以是數字、字串、陣列、物件等等，每筆資料都可以是不同型態，表示方式為
  1
  2
  3
  4
  let obj = {
  name: "Andy",
  age: 5
  }
null
- 空值
Undefined
- 未定義，任何變數在被初始化前都是未定義

當然這只是列出常見的，還有其他我比較不了解的我沒有列出來，就只是記錄比較常用的這樣。

javascript: 變數宣告

發表於 2022-06-02 更新於 2022-06-15

javascript的變數宣告相對其他語言簡單容易的許多，這篇會簡單介紹怎麼宣告。

var
- 最早在javascript中只有這個語法可以用來宣告變數
  1
  var a;
let
- 現在都使用這個語法來宣告變數
  1
  let a;
const
- 一旦被初始化就很難再被重新賦值
  1
  const a;
什麼都不寫
- 沒錯，只寫變數名稱也能夠宣告，因為沒有寫的話會被當作是在window下的變數
  1
  a = 0;

相對於其他語言，javascript宣告變數真的簡單很多，也可能和他是弱型別語言有關，這部分我不是很了解，等有機會研究之後再來寫文。

Ren'Py: screen types

發表於 2022-06-01 更新於 2022-06-02

在Ren’Py中所有的畫面都是用screen來呈現，而screen又分為以下幾種:

window
- 一個普通的視窗，給我的感覺有點像html裡的div，可以設定背景等等，可參考:官方文件
frame
- 跟window很像，最大的不同是背景樣式會套用gui資料夾裡的frame.png，所以你可以透過自訂frame.png以及gui.rpy中屬於frame的參數來修改他的樣式，同樣可參考官方文件
vbox
- 會給予一個透明背景的視窗，沒辦法自訂背景樣式，最大的特點是可以讓box內的元素垂直排列，官方文件
hbox
- 和vbox基本上一模一樣，最大的不同是box內元素是水平排列，官方文件
imagemap
- 完全用圖像來呈現，可以做出像地圖的感覺，官方文件

這篇文只是簡單列出screen可以用的種類，以後會在寫文針對每個的特性等等做更詳細的介紹。

Javascript: 選取DOM元素

發表於 2022-05-31 更新於 2022-06-15

在javascipt中，如果想操作Html的元素要先使用document.querySelector()等語法來選取，這篇會來介紹有哪些語法以及如何選取。

語法

document.querySelector(): 最常見的語法，這個語法可以選取html中第一個符合條件的元素。
document.querySelectorAll(): 與querySelector()用法相同，但會選取所有符合條件的元素，並回傳一個nodelist。
document.getElementById(): 根據指定的id選取相對應元素。
document.getElementByClassName(): 根據指定的class名稱選取相對應元素。
document.getElementByTagName():根據指定的標籤名稱選取相對應元素。

選取元素

在qeuerySelector()與querySelectorAll()中，根據選取不同類型元素，條件寫法也不同。

選取html tag: 在單引號或雙引號中直接寫上標籤名稱即可
1
document.querySelector('h1');
選取class name: 在在單引號或雙引號中寫上classname，但前面必須加.
1
document.querySelector('.header');
選取id: 在單引號或雙引號中寫上id，但前面必須加#
1
document.querySelector('#email');

其實選取方式就跟css的選取方式相同，所以說querySelector的部分也可以寫成這樣:

1	document.querySelector('.header h1'); // 選取header class中的h1

在剩下的getElementBy…中，只需要在單引號或雙引號中寫下相對應的名字即可

1
2
3

document.getElementById('email');
document.getElementByClassName('header');
document.getElementByTagName('h1');

這篇算是簡單整理，幫助自己記憶，平常的話我都使用querySelector()或querySelectorAll()而已，其他幾個視情況使用，分享給大家。

C Error: 不允許回傳函式的函式

發表於 2022-05-30

昨天在寫C語言期末專案的時候遇到了這個錯誤，簡單來說因為C語言沒辦法像javascript或其他語言那樣在函式裡回傳函式(無法寫巢狀函式)才會產生這個錯誤，但問題是我宣告的函式根本沒有回傳函式阿! 那怎麼會這樣? 先來看看我宣告了什麼函式。

這裡我是想寫一個自己的qsort，並用自訂的struct與linked-list實作，你們有發現什麼問題嗎? 沒錯就是這個函式的名稱，原來sort是c的保留字阿，我完全忘記c已經有sort()這個函式，應該說我以前沒有用到就一直以為只有qsort()，所以我只需要把sort名字改掉就行了，這邊我改成_sort()就沒報錯了。

又學到了一課，不過這次好像是我自己蠢，下次記得sort()不能拿來當自訂函式名稱。

Ren'Py: customize quick menu

發表於 2022-05-29 更新於 2022-05-30

上一篇文介紹到如何隱藏quick menu，這篇要來介紹如何自訂quick menu。
其實應該要先寫這篇的，不過因為當時我被如何隱藏菜單搞了很久，想說好不容易解決就先記錄一下，所以這篇算是填坑。

自訂screen.rpy內容

找到screen quick_menu():的地方就可以自訂quick menu的內容、位置等等

像我這裡就改了x、y座標，加了一張image，也把一些英文的按鈕改成中文顯示。

自訂gui.rpy內容

在gui.rpy裡找到包含quick關鍵字的程式碼

這邊就可以自訂按鈕的顏色、字體大小等等，像我就把它改成粉色，字體大小25

相較於隱藏菜單這個簡單多了，不過當時也是找如何改顏色找了一陣子，原來要從gui改，一直以為要在screen.rpy裡修改，那時候是參考了這系列影片，分享給大家。

bit operator in C language

發表於 2022-05-28

在C語言中做邏輯判斷時經常會用到邏輯運算子(&&、|| 等)，但還有一種位元運算子新手經常會搞混，與邏輯運算子不同，位元運算子是針對位元來做邏輯判斷，而這篇來簡單整理C語言中的位元運算子:

運算子

and: &
or: |
xor: ^
left shift: <<
right shift: >>
not: !

真值表

and	0	1
0	0	0
1	0	1

or	0	1
0	0	1
1	1	1

xor	0	1
0	1	0
1	0	1

not	0	1
	1	0

left shift and right shift

left shift: 0011 << 1 => 1100
right shift: 1100 >> 1 => 0011

剛好作業有用到，算是紀錄一下，之後可能也會多少寫一些C的東西這樣。

Javascript: 十進制數字與其他進制數字互相轉換

發表於 2022-05-27 更新於 2022-06-15

相較其他語言，在javascript中，要將十進制的數字轉換成其他進制的數字算是相對容易，函式在讀取參數的時候只要有相對應的前綴就會自動幫你轉換，但同時也有不便之處，這篇會來介紹我所採的雷以及如何轉換十進制成其他進制。

十進制轉換成其他進制

在你的程式碼中想要做到十進制轉換成不同進制只需要用到 toString() 這個函式。
舉例來說我想把10進制轉成8進制以及2進制，可以這樣寫:

1 2	(11).toString(2);//10進制的11轉2進制表示 (156).toString(8);//10進制的156轉8進制表示

不過要注意使用了toString後資料型態會變成字串，你想要它變回數字的話記得使用parseInt();

其他進制轉成十進制

那如果想要反過來將其他進制轉成十進制就可以使用 parseInt() 這個函式，程式碼如下

1
2
3

let num = 11;
parseInt(num, 2);//將2進制的11轉成10進制
parseInt(num, 8);//將8進制的11轉成10進制

參數的自動轉換

在javascript中，如果數字以0作為前綴，它會將數字視為8進制並自動轉換成10進制
比如說我這樣寫:

1	console.log(010)

輸出會是8，又或者是以0x為前綴則會視為16進制。

這個看似方便的功能也帶給我一些麻煩，我遇到一個題目是輸入有可能會有032這樣的輸入，但js卻會自己幫我轉型，我試著想要取消自動轉型似乎是辦不到，唯一的方法就是改成用字串輸入，所以大家在做的時候要注意使用者是否會誤輸格式，又或者是你必須限制使用者只能輸入字串。如果有人知道如何實作取消自動轉型歡迎和我分享。