Python官網可以直接下載Python3然後安裝。(範例為Python 3.10.6)

＊Python2已經不會再出新版本，已在2020/01/01停止官方支援

俗話說得好「工欲善其事，必先利其器」，接下來～

我們需要一個拿來寫程式的文字編輯器，讓我們來下載VSCode安裝。

安裝好VSCode後，讓我們把它打開來並且安裝延伸模組。

點選『延伸模組』並輸入python，會看到「Python」讓我們安裝它。

這樣子我們都準備好，可以開始寫Python程式了！

Python檔案的副檔名 .py

參考資料：

Getting Started | Python for Beginners [3 of 44]

Configuring Visual Studio Code | Python for Beginners [4 of 44]

Download Python

Download Visual Studio Code

前端有兩種
1. 單純的網頁設計師，大約就是使用illustrator 跟 photoshop 設計網頁樣式
2. 需要會程式邏輯的網頁設計工程師，類似當一般使用者按下按鈕促發一些功能或設計一些資料樣式的處理，跟後端溝通，需要會的語言->新手建議 HTML5, CSS3, jquery, js , 中高水準學習為Angular, React, Vue

後端語言為以下多種類型
1. C# 微軟派系，為C#工程師，程式部署在iis上面，通常運行Microsoft SQL Server
2. php 開源派系，為php工程師，程式部署在apache or tomcat上面，通常運行在Linux環境上面，中大型企業使用Redhat , 小型公司運行在Ubuntu
3. java Oracle 派系 為java工程師，程式部署在tomcat or jBoss上面，通常運行在Linux環境上面，中大型企業使用Redhat , 小型公司運行在Ubuntu
4. Node.js 開源派系，為node.js工程師，程式部署在pm2上面，通常運行在Linux環境上面，通常運行在Linux環境上面，屬Ubuntu市佔率為多數。
5. python 開源派系 為python工程師，程式部署在系統啟動時的指令上面，通常運行在Linux環境上面，通常運行在Linux環境上面。
6. Ruby on Rails 沒玩過，不清楚了 >.<

資料庫工程師
1. noSQL => MongoDB, RedisDB (新型大數據以轉型使用MongoDB)
2. SQL => SQL Server, MySQL, MariaDB, DB2 (SQL為目前市場大多數應用派系)

以上內容參考參考，很多keyword，可以先嘗試了解 前端工程師, 後端工程師, 資料庫工程師，這三種類型，選擇想前往的道路，

以下個人經驗
前端 => 看得到畫面，可以第一接觸到使用者的體驗，成就感較高，也會被外面長官器重
後端 => 第一次處理的邏輯，會不熟悉，沒感覺自己在做什麼，目標空洞，但有一兩次經驗後，後面得心印手，大概就只有這樣的把戲了！
資料庫端 => 除非進到 FB, google, yahoo, 等非常前面科技的龍頭水準，才會有SQL優化條件，不然普遍把SQL 摸熟，不外乎CRUD的指令 CREATE, SELECT, UPDATE, DELETE, 比對條件 WHERE，然後就是養老了！！

以上是目前本人所看到產業大方向的情況，小弟一些愚昧的見解，沒有要跟任何派系的高手爭論。

會使用到BufferedReader跟FileReader還有FileWriter

先用一支程式來建立TXT檔，再來把這TXT檔案的內容寫到另一個新的文字檔

import java.io.FileWriter;

public class Write {
    public static void main(String[] args) {
        try {
            // Constructs a FileWriter object given a file name.
            FileWriter fw = new FileWriter("one.txt");
            fw.write("This is one!");
            fw.flush();
            fw.close();
        } catch (Exception e) {
            System.out.println("Something Error");
        }

    }
}

編譯跟執行一下

javac Write.java
java -cp . Write

就可以在目錄底下看到「one.txt」這個檔案

接下來就到我們的主題了，我們要把這檔案讀出來然後寫入到另一個檔案

import java.io.BufferedReader;
import java.io.FileReader;
import java.io.FileWriter;

public class ReadAndWrite {
    public static void main(String[] args) {
        try {
            // Creates a new FileReader, given the name of the file to read from.
            FileReader fr = new FileReader("one.txt");
            // Creates a buffering character-input stream that uses a default-sized input buffer.
            BufferedReader br = new BufferedReader(fr);
            String content = "";
            while (br.ready()) {
                content = br.readLine();
                System.out.println("Ready... read txt");
                System.out.println("-------------");
                System.out.println(content);
                System.out.println("-------------");
            }

            // Constructs a FileWriter object given a file name.
            FileWriter fw = new FileWriter("target.txt");
            fw.write(content);

            fw.flush();
            System.out.println("Write Complete!");
            // After used close.
            fr.close();
            fw.close();
        } catch (Exception e) {
            System.out.println("Something Error");
        }

    }
}

編譯執行了之後，就會出現「target.txt」的檔案

javac ReadAndWrite.java 
java -cp . ReadAndWrite

完成！

之後有機會再分享讀取及寫入多行的方式。

可以在plugin加入參數即可，v4跟v2版本有很大的差異。

在此提供兩種版本的方式。

Webpack v4

// 需引入uglifyjs-webpack-plugin,這邊與v2就不一樣
const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
plugins: [
    new UglifyJsPlugin({
        sourceMap: true,
        uglifyOptions: {
            ie8: false,
            ecma: 8,
            parse: {},
            mangle: true,
            output: {
                comments: false,
                beautify: false
            },
            compress: true,
            warnings: false
            }
    })
]

Webpack v2

// v2 版本直接使用webpack.optimize即可
plugins: [
    new webpack.optimize.UglifyJsPlugin({
        sourceMap: true,
        compress: {
            warnings: false, // remove 警告
            drop_console: true // 移除console.log
        }
    })
]

Reference

https://blog.csdn.net/xiaoguang44/article/details/89555376

https://blog.csdn.net/xiasohuai/article/details/88527483

https://segmentfault.com/a/1190000015032321

很簡單，只要使用 python 標準函式庫 sys 模組裡的 argv 變數就可以了。

# 範例程式碼
# 只要在終端機輸入：python demo.py one two

>>> import sys
>>> print(sys.argv)
['demo.py', 'one', 'two']

如果要更為複雜的使用終端機輸入的指令的話，可以使用  sys 模組裡的 argparse 變數。

參考文件

https://docs.python.org/zh-tw/3/tutorial/stdlib.html

學習任何一種新的語言時，

最大的障礙可能就是不知道從哪裡開始。

微軟有推出Python程式語言的教學影片。

總共有44支影片，長度最長的也只有12分鐘。

有機會再分享影片中各個章節！

分享各個章節的重點部分：

第1章節 – 講師介紹 (Susan Ibach & Christopher Harrison)

第2章節 – 什麼是Python? 為什麼選Python? Python可以做什麼?

彈性高、靈活、可讀性高的程式語言，不需要記太多語法、字元、符號。

機器學習模型、AI專案、網頁應用程式、自動化腳本和工具。(幾乎都能做)

更棒的是，有很多套件可以下載，再加入自己的邏輯即可完成想要的程式

第3, 4章節 – 開始安裝Python以及安裝編輯器VSCode

安裝Python以及安裝編輯器VSCode | SDT 攻城獅區

第5至16章節 – 簡單實做，如何輸出、寫註解、字串、數字、日期

(趕工中，敬請期待..)

把訊息看清楚了之後，原來是該專案有個變數叫做 enum，

而這個變數在 Java 1.5 之後已經是保留字了，

所以會看到大概的錯誤訊息如下：

syntax error on token enum identifier expected …

解決的方式有兩個，一個是修改變數名稱，另一個是調整Compiler的版本。

preference -> Java -> Compiler -> Compiler compliance level 改為 1.4

如果是維護舊專案，還是建議用第二種方式。

不過這個功能的體驗，感覺就是閃一下，就跳到要顯示的位置上，感覺並不怎麼好，所以這時候就可以使用 CSS 屬性 scroll-behavior 來達到平滑移動的效果啦。

// scroll-behavior

html {
    scroll-behavior: smooth
}

不過此 scroll-behavior CSS 屬性好像並不支援 safari 瀏覽器，所以如果也想要支援 safari 瀏覽器的朋友們，可能就要換另外一種方法了。

參考連結：https://developer.mozilla.org/zh-CN/docs/Web/CSS/scroll-behavior

127.xxx.xxx.xxx 屬於”loopback” 地址，即只能你自己的本機可見，就是本機地址，比較常見的有127.0.0.1；

192.168.xxx.xxx 屬於private 私有地址(site local address)，屬於本地組織內部訪問，只能在本地局域網可見。

同樣10.xxx.xxx.xxx、從172.16.xxx.xxx 到 172.31.xxx.xxx都是私有地址，也是屬於組織內部訪問；

169.254.xxx.xxx 屬於連接本地地址（link local IP），在單獨網段可用
從224.xxx.xxx.xxx 到 239.xxx.xxx.xxx 屬於組播地址
比較特殊的255.255.255.255 屬於廣播地址
除此之外的地址就是點對點的可用的公開IPv4地址

本機實際IP位置的正確方式，可以參考以下，測試得到路由所配發的ip

package ipTest;

import java.net.Inet4Address;
import java.net.InetAddress;
import java.net.NetworkInterface;
import java.net.SocketException;
import java.net.UnknownHostException;
import java.util.Enumeration;

public class Test {

    public static void main(String[] args) {
        // TODO Auto-generated method stub
        InetAddress ip;
        try {
            // 正确的IP拿法
            System.out.println("get LocalHost LAN Address : " + getLocalHostLANAddress().getHostAddress());


        } catch (UnknownHostException e) {

            e.printStackTrace();

        }
    }

    // 正确的IP拿法，即优先拿site-local地址
    private static InetAddress getLocalHostLANAddress() throws UnknownHostException {
        try {
            InetAddress candidateAddress = null;
            // 遍历所有的网络接口
            for (Enumeration ifaces = NetworkInterface.getNetworkInterfaces(); ifaces.hasMoreElements();) {
                NetworkInterface iface = (NetworkInterface) ifaces.nextElement();
                // 在所有的接口下再遍历IP
                for (Enumeration inetAddrs = iface.getInetAddresses(); inetAddrs.hasMoreElements();) {
                    InetAddress inetAddr = (InetAddress) inetAddrs.nextElement();
                    if (!inetAddr.isLoopbackAddress()) {// 排除loopback类型地址
                        if (inetAddr.isSiteLocalAddress()) {
                            // 如果是site-local地址，就是它了
                            return inetAddr;
                        } else if (candidateAddress == null) {
                            // site-local类型的地址未被发现，先记录候选地址
                            candidateAddress = inetAddr;
                        }
                    }
                }
            }
            if (candidateAddress != null) {
                return candidateAddress;
            }
            // 如果没有发现 non-loopback地址.只能用最次选的方案
            InetAddress jdkSuppliedAddress = InetAddress.getLocalHost();
            if (jdkSuppliedAddress == null) {
                throw new UnknownHostException("The JDK InetAddress.getLocalHost() method unexpectedly returned null.");
            }
            return jdkSuppliedAddress;
        } catch (Exception e) {
            UnknownHostException unknownHostException = new UnknownHostException(
                    "Failed to determine LAN address: " + e);
            unknownHostException.initCause(e);
            throw unknownHostException;
        }
    }


}

Reference

https://www.cnblogs.com/starcrm/p/7071227.html

線上的套件，會因為各種因素，而有新版本的更新，要如何知道自己現在用的套件有沒有過期？是否有更新的版本，這時候就可以用以下指令來確認啦。

// 檢查專案中，使用的 NPM 套件是否過期
npm outdated

他會列出當前你這專案中使用的套件中，有沒有新版本的更新，如果有會列出你當前這個套件的的版本號 (Current)、滿足 package.json 中指定的 semver 範圍的軟件包的最高版本(Wanted)、此套件最新的版本號 ( Latest )，及這個專個套件的所在的專案範圍 (Location)，如果沒有，就不會列出。

參考文章 https://docs.npmjs.com/cli-commands/outdated.html