2019年2月27日 星期三

C# 執行緒(Thread)的優先序(Priority)探討

執行緒的優先序,一般預設是Normal,設定它的優先序可以決定占用CPU的時間。

以下我們可以觀察到一般的執行結果如下:
  • 在多核心的情況下:優先序較高者,計算的count數較高
  • 在單核心的情況下:優先序較高者先執行,優先序低者還沒執行Stop已經被呼叫了


程式代碼如下:

using System;
using System.Diagnostics;
using System.Threading;

namespace ConsoleApp1
{
    class Program
    {
        static void Main(string[] args)
        {
            /** *******************
             * 測試Thread的優先序
             * ********************/
            Console.WriteLine($"priority: {Thread.CurrentThread.Priority}");
            Console.WriteLine("----");
            Console.WriteLine($"multi-core:");
            RunThread();
            Thread.Sleep(TimeSpan.FromSeconds(2));
            Console.WriteLine("----");
            Console.WriteLine($"single-core:");
            //讓系統只在單一CPU上運行
            Process.GetCurrentProcess().ProcessorAffinity = new IntPtr(1);
            RunThread();
        }

        static void RunThread()
        {
            var sample = new ThreadSample();
            var t1 = new Thread(sample.CountNumbers);
            var t2 = new Thread(sample.CountNumbers);

            t1.Name = "Thread One";
            t2.Name = "Thread Two";
            //指定t1有最高優先權
            t1.Priority = ThreadPriority.Highest;
            //指定t2有最低優先權
            t2.Priority = ThreadPriority.Lowest;

            t1.Start();
            t2.Start();

            Thread.Sleep(TimeSpan.FromSeconds(2));
            sample.Stop();
        }
    }

    class ThreadSample
     {
        private bool _isStop = false;
        public void Stop()
        {
            _isStop = true;
        }
        public void CountNumbers()
        {
            long count = 0;
            while(!_isStop)
            {
                count++;
            }
            //看執行緒記算了多少count,觀察優先序的影響
            Console.WriteLine($@"{Thread.CurrentThread.Name}
with {Thread.CurrentThread.Priority} priority
has a count = {count}");
        }
         
     }
}

C# 執行緒(Thread)初探

Thread的概念就不多說了,一個CPU只能執行一個Thread的任務,所以基本上在多核心的CPU上才能看見功效,否則也只是兩個Threads在同一個CPU上交錯執行而已。

以下是C#上Thread最最基礎的部分,包含

  • new thread:新增執行緒
  • start:啟動執行緒
  • sleep:暫停執行緒
  • join:讓主執行緒等待執行緒執行結束
  • abort:終止執行緒
  • ThreadState:查看狀態轉移

以下是程式碼,可以根據顏色自行測試。


using System;
using System.Threading;

namespace ConsoleApp1
{
    class Program
    {
        static void Main(string[] args)
        {
            /** *******************
             * 使用Thread
             * ********************/
            //先起一個Thread,委託執行PrintNumbers
            Thread t = new Thread(PrintNumbers);
            //開始執行
            t.Start();
            //直接呼叫,此時並不會等t執行完
            PrintNumbers();


            /** *******************
             * 使用Sleep暫停Thread
             * ********************/
            //先起一個Thread,委託執行PrintNumbersWithDelay
            Thread t1 = new Thread(PrintNumbersWithDelay);
            //開始執行
            t1.Start();
            //直接呼叫,此時並不會等t1執行完
            PrintNumbers();


            /** *******************
             * 使用Join讓主程序等待Thread
             * ********************/
            //先起一個Thread,委託執行PrintNumbersWithDelay
            Thread t2 = new Thread(PrintNumbersWithDelay);
            //開始執行
            t2.Start();
            //測試使用Join等待t2程序完成後,才繼續繼續執行主程序PrintNumbers()
            t2.Join();
            PrintNumbers();


            /** *******************
             * 使用Abort讓thread終止執行
             * ********************/
            //先起一個Thread,委託執行PrintNumbersWithDelay
            Thread t3 = new Thread(PrintNumbersWithDelay);
            //開始執行
            t3.Start();
            //讓執行緒暫停比較容易看出差異
            Thread.Sleep(TimeSpan.FromSeconds(5));
            //測試使用Abort終止t3
            t3.Abort();
            PrintNumbers();


            /** *******************
             * 觀察Thread的Status
             * ********************/
            Thread t4 = new Thread(PrintNumbersWithStatus);
            Thread t5 = new Thread(DoNothing);
            //Unstarted
            Console.WriteLine(t4.ThreadState.ToString());
            //開始執行
            t4.Start();
            t5.Start();
            for (int i = 0; i < 10; i++)
            {
                //觀察t4的狀態變化
                Console.WriteLine(t4.ThreadState.ToString());
            }
            //讓執行緒暫停比較容易看出差異
            Thread.Sleep(TimeSpan.FromSeconds(6));
            //使用Abort終止t4
            t4.Abort();
            Console.WriteLine("t4 has been aborted.");
            Console.WriteLine("t4:" + t4.ThreadState.ToString());
            Console.WriteLine("t5:" + t5.ThreadState.ToString());
        }

        static void PrintNumbers()
        {
            Console.WriteLine("Start");
            for(int i=0;i<10;i++)
            {
                Console.WriteLine(i);
            }
        }

        static void PrintNumbersWithDelay()
        {
            Console.WriteLine("Start");
            for (int i = 0; i < 10; i++)
            {
                //暫停兩秒後才繼續執行
                Thread.Sleep(TimeSpan.FromSeconds(2));
                Console.WriteLine(i);
            }
        }

        static void PrintNumbersWithStatus()
        {
            Console.WriteLine("Status:"+Thread.CurrentThread.ThreadState.ToString());
            for (int i = 0; i < 10; i++)
            {
                Thread.Sleep(TimeSpan.FromSeconds(2));
                Console.WriteLine(i);
            }
        }

        static void DoNothing()
        {
            Thread.Sleep(TimeSpan.FromSeconds(2));
        }
    }

}


2019年2月20日 星期三

單純使用JavaScript做到發撲克牌的效果

今天使用javascript,做了一個發牌的功能,想法是這樣的:

  1. 初始化撲克牌,有四個花色,各13張牌。
  2. 根據玩家數量,點選發牌按鈕後,做到自動發牌。
  3. 點選按鈕後的動作=>3-1洗牌、3-2根據玩家數量開始發牌
  4. 結果呈現

以下是程式碼:

<html>
<head>
    <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.3.1.min.js"></script>
    <script type="text/javascript">

        //1.先初始化撲克牌
        var suit = ["clubs", "hearts", "diamonds", "spades"];
        var number = ["A", "2", "3", "4", "5", "6", "7", "8", "9", "10", "J", "Q", "K"];
        var poker = [];

        $(document).ready(function () {
            for (var i = 0; i < suit.length; i++) {
                for (var j = 0; j < number.length; j++) {
                    var item = [suit[i], number[j]];
                    poker.push(item);
                }
            }
        });

        //洗牌
        function shuffle(a, b) {
            var num = Math.random() > 0.5 ? -1 : 1;
            return num;
        };

        //2.點選發牌觸發事件
        function deal() {
            //3-1先洗牌
            poker.sort(shuffle);
            //取得玩家數量
            var players = $("input[name='players']:checked").val();
            var playercards = [];
            var pokerarea = document.getElementById("pokerarea");
            pokerarea.innerHTML = "";
            //初始化存放玩家發到牌的陣列
            for (var j = 0; j < players; j++) {
                playercards[j] = [];
            }
            //3-2開始發牌
            for (var i = 0; i < poker.length; i++) {
                var x = i % players;
                playercards[x].push(poker[i]);
            }
            //4.動態產生DOM
            var top = 0;
            var left = 0;
            for (var j = 0; j < players; j++) {
                if (document.getElementById('issort').checked) playercards[j].sort();
                var div = document.createElement("div");
                for (var i = 0; i < playercards[j].length; i++) {
                    var img = document.createElement("img");
                    img.setAttribute("id", playercards[i]);
                    img.setAttribute("style", "position:absolute;top:" + top + "px;left:" + left + "px");
                    img.src = playercards[j][i][0] + "/" + playercards[j][i][1] + ".gif";
                    div.appendChild(img);
                    left = left + 20;
                }
                pokerarea.appendChild(div);
                top = top + 120;
                left = 0;
            }
        }

    </script>
</head>
<body>
    玩家:
    <input type="radio" name="players" value="2"> 2
    <input type="radio" name="players" value="3"> 3
    <input type="radio" name="players" value="4" checked> 4
    <input type="radio" name="players" value="5"> 5
    <input type="radio" name="players" value="6"> 6 人  

    是否根據花色排序:
    <input type="checkbox" id="issort">
    <input type="button" value="發牌" onclick="deal()">
    <br>
    <br>
    <div id="pokerarea" style="position:relative;">
    </div>
</body>
</html>

執行結果如下圖

原始碼下載:
點此下載