jQuery:取值

  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

系統建置環境: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:設定多行索引頁籤

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

Css vs jQuery選擇器

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()

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

發表於 Javascript | 發表迴響

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

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

發表於 Javascript | 發表迴響

Anaconda:虛擬環境

使用 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()

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

發表於 Javascript | 發表迴響

建立並執行 container

  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

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.jsoncomposer.lock 兩個檔案及 vendor 目錄,
    安裝的套件會放在 vendor 目錄中
  7. composer 套件:https://packagist.org/
發表於 Composer | 發表迴響

MSSQL:日期格式轉換

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 偶數與奇數列

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 | 發表迴響