jQuery：取值

發表於 2013 年 09 月 15 日 由 power
  1. textbox
    $("#text").val();//取值
    $("#text").val("Hello World");//給值
  2. radiobox
    1. 取得選中值：$("input[name=gender]:checked").val();
    2. 使第N個radiobox被選中：
      $("input[type=radio]").eq(N).prop("checked",true);
    3. 觸發click事件：
      $("input[type=radio]").eq(N).trigger(‘click’);
      $("input[type=radio]").eq(N).attr("checked",true).trigger(‘click’);
    4. 取得多組 (:enabled, :disabled,:selected都同方法)
      $("input:checked").each(funciton(){…});
      $("select option:selected").each(function () {…});
  3. checkbox
     if($("#checkbox").prop("checked"));//判斷是否勾選
    $("#checkbox").attr("checked",true);//勾選
    $("#checkbox").attr("checked",false);//不勾選
    var checkedValue = $(‘input:checkbox[name=leave_type][checked=checked]‘).map(function(){ return $(this).val(); }).get().join(‘,’); //取值
    var mode = $("#mode").prop("checked") ? 1 : 0;
    var enable = $("input[name=enable]:checked").val();
  4. select$("select[name=select_name]").find(":selected").val();
    $("#sel").attr("value","2013″);//設置value=2013的項目為當前選中項$("select[name=select_name]").val("2013″).change();
    $("2014″).appendTo("#sel");//添加下拉選單option
  5. textarea
    $("textarea:input[name=remark]").val();//取值
    $("textarea:input[name=remark]").val("Hello World");//給值
  6. click事件
    <input name="Name" value="John">
    $("input[name='RadioName']").click(function(){
    $(this).val();
    });
發表於 Jquery | 發表迴響

在 IIS 上安裝 PHP 7

發表於 2015 年 12 月 09 日 由 power

系統建置環境：Windows 10 x64

  1. 安裝 IIS並啟用CGI
    Windows  > 設定 > 應用程式與功能 > 程式和功能 > 開啟或關閉 Windows 功能
  2. 下載 PHP 7.4 ：
    http://windows.php.net/download/
    有下列四種版本可以選擇： 

    • VC15 x64 Non Thread Safe
    • VC15 x64 Thread Safe
    • VC15 x86 Non Thread Safe
    • VC15 x86 Thread Safe

    None-Thread Safe：非執行緒安全，在執行時不進行執行緒（thread）安全檢查
    Thread Safe：執行緒安全，執行時會進行執行緒（thread）安全檢查，以防止有新要求就啟動新執行緒的 CGI 執行方式耗盡系統資源。

    • 以 ISAPI 方式運行就用 TS 線程安全版
    • 以 FAST-CGI 或 PHP-FPM 方式運行就用 NTS 非線程安全版
    • 通常 Windows 下 Apache + PHP 選 TS ，IIS（fast-cgi）+ PHP 選 TNS
    • 通常 Linux 下 Apache + PHP 選 TS，Nginx + PHP 選 TNS

    FastCGI 執行方式是以單一執行緒來執行操作，所以不需要進行執行緒的安全檢查，除去執行緒安全檢查的防護反而可以提高執行效率。

    本例使用的是「VC15 x64 Non Thread Safe」
    下載後，將所有檔案解壓縮到 C:\PHP 目錄底下

  3. 修改 PHP.ini：
    複製 C:\PHP\php.ini-production 此設定範例
    將檔名改為 php.ini修改內容設定
    (有註解的請拿掉前面分號「;」) 

    fastcgi.impersonate = 1
    fastcgi.logging = 0
    cgi.fix_pathinfo=1
    cgi.force_redirect = 0
    date.timezone = "Asia/Taipei"
    extension_dir = "C:\PHP\ext"

  4. VC15 版本是使用 Visual Studio 2015 編譯器編譯的
    需要安裝 Visual Studio 2015 的 Visual C++ 可轉散發套件
    http://www.microsoft.com/zh-TW/download/details.aspx?id=48145
  5. 設定 IIS：
    開啟「Internet Information Services (IIS) 管理員」
    於左側「站台」中點選「Default Web Site」，然後選擇「處理常式對應」
    於右側「動作」區塊中點選「新增模組對應」
     

    新增模組對應：

    新增「預設文件」：index.php

  6. 測試 PHP 文件：
    開啟瀏覽器，輸入 http://localhost，順利的話就可以看到如下內容

index.php 內容：

<?php phpinfo(); ?>

參考：http://php.net/manual/en/install.windows.iis7.php

發表於 未分類 | 發表迴響

VS Code：設定多行索引頁籤

發表於 2022 年 04 月 14 日 由 power
  1. 按下「Ctrl + Shift + P」後，輸入「open workspace settings」開啟工作區設定。
  2. 接著再輸入「wrapTabs」，勾選該設定項即可。
發表於 VS Code [Visual Studio Code] | 發表迴響

Css vs jQuery選擇器

發表於 2022 年 03 月 21 日 由 power
CSS vs jQuery
名稱 CSS jQuery
第一個元素 :first-child :first, :first-child
最後一個元素 :last-child :last, :last-child
偶數的元素 :nth-child(even) :even
奇數的元素 :nth-child(odd) :o dd
大於給定索引值的元素 :nth-child(n+2) :gt(0)
小於給定索引值的元素 :nth-child(-1n+8) :lt(2)

:nth-child(n) 裡面算數學

:nth-child(an+b)
a, b的數值可以由我們自訂
n代表的是由 0 開始的遞增數字

發表於 CSS | 發表迴響

Javascript：JSON.stringify() vs JSON.parse()

發表於 2022 年 03 月 02 日 由 power

JSON.stringify() ：將任何物件轉換為 JSON 字串。
JSON.parse()：將JSON 字串，轉換為 Javascript 物件或是值。

發表於 Javascript | 發表迴響

子視窗submit後，重整母視窗並關閉子視窗

發表於 2021 年 12 月 29 日 由 power

<script type="text/javascript">
opener.location.reload(true); //重整母視窗
window.close(); //關閉視窗
</script>

發表於 Javascript | 發表迴響

Anaconda：虛擬環境

發表於 2021 年 08 月 25 日 由 power

使用 Anaconda 打造專屬獨立的 Python 環境

  1. 創建虛擬環境：建立一個名為 py38 的 Python 3.8 版本環境，於 cmd 中輸入
    conda create –name py38 python=3.8
  2. 查詢虛擬環境：
    conda env list
  3. 啟動虛擬環境：
    conda activate py38
  4. 在虛擬環境中，安裝 numpy 套件：
    conda install numpy
  5. 在虛擬環境中，查詢安裝了哪些套件：
    conda list
  6. 退出虛擬環境：
    conda deactivate
  7. 檢查 conda 版本：
    conda info
  8. 更新 conda 版本：
    conda update conda
  9. 安裝/更新指定套件：
    conda install PACKAGENAME
    conda update PACKAGENAME
  10. 查詢指令用法：
    COMMANDNAME –help
    conda install –help
發表於 Anaconda | 發表迴響

JSON.stringify() and JSON.parse()

發表於 2021 年 06 月 16 日 由 power

JSON.stringify()：將任何物件轉變為 JSON 字串
JSON.parse()：將 JSON 字串，轉為 Javascript 物件

發表於 Javascript | 發表迴響

建立並執行 container

發表於 2020 年 12 月 10 日 由 power
  1. 使用 docker run 指令來建立並執行 container
    $docker run –name PHP71 -d -p 8088:80 php:7.1-apache
    –name PHP71：設定 container 名稱為 PHP71
    -d：container 在背景執行
    -p 8088:80：host 對外開 8088 port，container 對內開 80 port
    php:7.1-apache：使用 PHP 官方在 Docker Hub 上提供的 7.1-apache tag 的 image
  2. 使用 docker ps 指令來確定 container 是否成功執行
  3. 使用 docker exec 指令進入 container
    $docker exec -it PHP71 bash
    進入 container 後可以看到預設工作目錄就是 /var/www/html
    在 container 中新增 index.php
    $echo "<?php phpinfo(); ?>" > index.php
    $cat index.php
    $exit 離開
  4. 開啟瀏覽器並輸入網址 http://localhost:8088/
發表於 Docker | 發表迴響

PHP 的套件管理工具：Composer

發表於 2020 年 08 月 03 日 由 power

Composer 是 PHP 的套件管理工具，官網： https://getcomposer.org/

  1. Windows 安裝：下載 Composer-Setup.exe 後，執行即可安裝
  2. 查詢 composer 版本：composer -V
  3. 更新 composer 版本(會下載穩定的 stable 版本)：composer self-update
  4. 安裝 phpmailer/phpmailer 套件
    在命令列切換到專案目錄下執行：composer require phpmailer/phpmailer
  5. 安裝 phpspreadsheet 套件
    在命令列切換到專案目錄下執行：composer require phpoffice/phpspreadsheet
  6. 執行完成後
    目錄下會出現 composer.json、composer.lock 兩個檔案及 vendor 目錄，
    安裝的套件會放在 vendor 目錄中
  7. composer 套件：https://packagist.org/
發表於 Composer | 發表迴響

MSSQL：日期格式轉換

發表於 2020 年 07 月 28 日 由 power

SELECT CONVERT(varchar(100), GETDATE(), 0): 05 16 2006 10:57AM
SELECT CONVERT(varchar(100), GETDATE(), 1): 05/16/06
SELECT CONVERT(varchar(100), GETDATE(), 2): 06.05.16
SELECT CONVERT(varchar(100), GETDATE(), 3): 16/05/06
SELECT CONVERT(varchar(100), GETDATE(), 4): 16.05.06
SELECT CONVERT(varchar(100), GETDATE(), 5): 16-05-06
SELECT CONVERT(varchar(100), GETDATE(), 6): 16 05 06
SELECT CONVERT(varchar(100), GETDATE(), 7): 05 16, 06
SELECT CONVERT(varchar(100), GETDATE(), 8): 10:57:46
SELECT CONVERT(varchar(100), GETDATE(), 9): 05 16 2006 10:57:46:827AM
SELECT CONVERT(varchar(100), GETDATE(), 10): 05-16-06
SELECT CONVERT(varchar(100), GETDATE(), 11): 06/05/16
SELECT CONVERT(varchar(100), GETDATE(), 12): 060516
SELECT CONVERT(varchar(100), GETDATE(), 13): 16 05 2006 10:57:46:937
SELECT CONVERT(varchar(100), GETDATE(), 14): 10:57:46:967
SELECT CONVERT(varchar(100), GETDATE(), 20): 2006-05-16 10:57:47
SELECT CONVERT(varchar(100), GETDATE(), 21): 2006-05-16 10:57:47.157
SELECT CONVERT(varchar(100), GETDATE(), 22): 05/16/06 10:57:47 AM
SELECT CONVERT(varchar(100), GETDATE(), 23): 2006-05-16
SELECT CONVERT(varchar(100), GETDATE(), 24): 10:57:47
SELECT CONVERT(varchar(100), GETDATE(), 25): 2006-05-16 10:57:47.250
SELECT CONVERT(varchar(100), GETDATE(), 100): 05 16 2006 10:57AM
SELECT CONVERT(varchar(100), GETDATE(), 101): 05/16/2006
SELECT CONVERT(varchar(100), GETDATE(), 102): 2006.05.16
SELECT CONVERT(varchar(100), GETDATE(), 103): 16/05/2006
SELECT CONVERT(varchar(100), GETDATE(), 104): 16.05.2006
SELECT CONVERT(varchar(100), GETDATE(), 105): 16-05-2006
SELECT CONVERT(varchar(100), GETDATE(), 106): 16 05 2006
SELECT CONVERT(varchar(100), GETDATE(), 107): 05 16, 2006
SELECT CONVERT(varchar(100), GETDATE(), 108): 10:57:49
SELECT CONVERT(varchar(100), GETDATE(), 109): 05 16 2006 10:57:49:437AM
SELECT CONVERT(varchar(100), GETDATE(), 110): 05-16-2006
SELECT CONVERT(varchar(100), GETDATE(), 111): 2006/05/16
SELECT CONVERT(varchar(100), GETDATE(), 112): 20060516
SELECT CONVERT(varchar(100), GETDATE(), 113): 16 05 2006 10:57:49:513
SELECT CONVERT(varchar(100), GETDATE(), 114): 10:57:49:547
SELECT CONVERT(varchar(100), GETDATE(), 120): 2006-05-16 10:57:49
SELECT CONVERT(varchar(100), GETDATE(), 121): 2006-05-16 10:57:49.700
SELECT CONVERT(varchar(100), GETDATE(), 126): 2006-05-16T10:57:49.827
SELECT CONVERT(varchar(100), GETDATE(), 130): 18 ???? ?????? 1427 10:57:49:907AM
SELECT CONVERT(varchar(100), GETDATE(), 131): 18/04/1427 10:57:49:920AM

發表於 MSSQL | 發表迴響

CSS 偶數與奇數列

發表於 2020 年 07 月 17 日 由 power
table tr:nth-child(even){ background-color: #CCFF99; }
table tr:nth-child(odd){ background-color: #053D0A; }

table tr:nth-child(3n){ background-color: #666666; }
table tr:nth-child(3n+1){ background-color: #0066FF; }

ul li:first-child {background: #FF0}
ul li:last-child {background: #FF0}
發表於 CSS | 發表迴響