迴圈

迴圈總共分為三種寫法分別有 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

控制流程

任何一種程式語言程式碼都是由上而下逐一執行的,此外有時候必須程式判斷依照不同的數值給予不同的路徑輸出,稱之為控制流程。

區塊(block)

ES6 中新增了程式區塊是用大括號包起來的區域:

{
  statement 1
  statement 2
  ...
  statement n
}

Comment

JavaScript 歷史與發展

各位先前可能聽過 ECMAScript 若不知道也沒關係,ES6的出現就他有關係,在1995年時 Netscape(網景)公司與 Sun(昇陽)公司合作 設計一個網頁程式語言名為 JavaScript 名稱屬 Sun(昇陽)公司擁有,後來被Oracle(甲骨文)公司所收購。1996年11月,網景公司將 JavaScript 提交給歐洲計算機製造商協會(ECMA)進行標準。各位可以發現ES4為什麼沒釋出?由於此版本更新幅度太大更新許多功能,怕龐大的變動讓使用者吃不消所以最後決定每年固定釋出更新直到最近的 ES6、ES7。

規格與版本

  • ECMA-262的第一個版本於1997年6月被 ECMA 組織採納
  • ECMAScript 3 (ES3) 發行於1999年底
  • ECMAScript 4 (ES4) 棄用(原因是貿然大幅度更新對用戶不太好所以改成每年逐一釋出)
  • ECMAScript 5 (ES5) 發行於2009年底
  • ECMAScript 6 (ES6) 發行於2015年中,為目前最新的官方版本

Comment

自動執行PHP程式

PHP通常架設在伺服器上運行的,主要是有使用者請求才會動作,但有些時候想將寫好的PHP程式,能夠自己在一定的時間內,自動執行去處理一些事情。
要讓PHP程式能夠自動執行,首先要先寫好要執行的php程式如b.php,之後在寫一個bat檔 b.bat 內容如下

C:\AppServ\php\php.exe -f c:\Appserv\test\b.php > b.txt

主要是利用,用php.exe去執行 b.php
C:\AppServ\php\php.exe也就是你安裝php的位址(記得改成自己安裝的資料夾位置)
隨後並且把結果寫到b.txt去(自己想看有沒有成功,如果有錯誤可以看到錯誤訊息)

Comment

CSS ::selection

網站當滑鼠反白時,反白區域的底色通常是藍色,但其實可以透過CSS ::selection選擇元素做背景色和字體顏色樣式的修改,設計此元素非常適合將用戶選擇的文本與您的網站配色方案進行匹配。

p::-moz-selection { 
    color: red;
}
p::selection { 
    color: red; 
}

如上所示,您可以::selection對單個元素進行樣式設置。
IE9+、Opera、Google Chrome 以及Safari 中支持::selection 選擇器。
Firefox 支持替代的::-moz-selection。

Comment

Copyright © 2018 ucamc