vue tutorial

 https://www.runoob.com/vue3/vue3-tutorial.html

 

https://www.runoob.com/vue3/vue3-tutorial.html

vsc 設定

 Custom Css and JS Loader

"file:///C:/Users/user/vsc/custom.css" 

 

"vscode_custom_css.imports": [

        "file:///C:/Users/old house/vsc/custom.css"

    ],

 

Enable Custom Css and JS

Reload Custom Css and JS

-------------------------------------------------

/*
.monaco-workbench .part>.content {
  font-size: 16px !important;
}
*/
div.explorer-viewlet {
  font-size: 14.5px !important;
} 

-------------------------------------------------

/* Explorer 檔案列表 */
.monaco-list-row {
  font-size: 15px !important;
}

/* Explorer 樹 */
.explorer-viewlet .monaco-list {
  font-size: 15px !important;
}

/* 檔名 */
.monaco-icon-label .label-name {
  font-size: 15px !important;
}

/* 修改右鍵選單整體的字型大小 */
.monaco-menu .action-label {
    font-size: 15px !important; /* 根據需求調整數值 */
}

/* 修改編輯器內右鍵選單的字體大小 */
.monaco-menu .action-item .action-menu-item {
    font-size: 15px !important; /* 請依需求調整數值 */
    //font-family: "Segoe UI", "Microsoft JhengHei", sans-serif !important;
}

 

 [
    {
        "key": "alt+oem_2",
        "command": "editor.action.triggerSuggest",
        "when": "editorHasCompletionItemProvider && textInputFocus && !editorReadonly"
    },
    {
        "key": "ctrl+space",
        "command": "-editor.action.triggerSuggest",
        "when": "editorHasCompletionItemProvider && textInputFocus && !editorReadonly"
    },
    {
        "key": "ctrl+backspace",
        "command": "-deleteWordLeft",
        "when": "textInputFocus && !editorReadonly"
    },
    {
        "key": "ctrl+space",
        "command": "-toggleSuggestionDetails",
        "when": "suggestWidgetVisible && textInputFocus"
    }
] 

Disable Windows Defender

 Windows Registry Editor Version 5.00

; Disable Windows Defender registry
; Generated by RegFiles.net
; https://www.regfiles.net/registry/disable-windows-defender-registry

[HKEY_LOCAL_MACHINE\SOFTWARE\Policies\Microsoft\Windows Defender]
"DisableAntiSpyware"=dword:00000001
"DisableRealtimeMonitoring"=dword:00000001
"DisableAntiVirus"=dword:00000001
"DisableSpecialRunningModes"=dword:00000001
"DisableRoutinelyTakingAction"=dword:00000001
"ServiceKeepAlive"=dword:00000001

[HKEY_LOCAL_MACHINE\SOFTWARE\Policies\Microsoft\Windows Defender\Real-Time Protection]
"DisableBehaviorMonitoring"=dword:00000001
"DisableOnAccessProtection"=dword:00000001
"DisableRealtimeMonitoring"=dword:00000001
"DisableScanOnRealtimeEnable"=dword:00000001

[HKEY_LOCAL_MACHINE\SOFTWARE\Policies\Microsoft\Windows Defender\Signature Updates]
"ForceUpdateFromMU"=dword:00000001

[HKEY_LOCAL_MACHINE\SOFTWARE\Policies\Microsoft\Windows Defender\Spynet]
"DisableBlockAtFirstSeen"=dword:00000001

font

 https://www.codingfont.com/browse

atom style

/*
 * Your Stylesheet
 *
 * This stylesheet is loaded when Pulsar starts up and is reloaded automatically
 * when it is changed and saved.
 *
 * Add your own CSS or Less to fully customize Pulsar.
 * If you are unfamiliar with Less, you can read more about it here:
 * http://lesscss.org
 */
/*
 * Examples
 * (To see them, uncomment and save)
 */
@font-size-1: 11.7px; // style the background color of the tree view
@font-size-2: 10.7px;

.tree-view {
  // background-color: whitesmoke;
  font-size: @font-size-2 !important;
}
// style the background and foreground colors on the atom-text-editor-element itself

atom-text-editor {
  // color: rgb(200,200,200);
  background-color: rgb(40,40,40);
  font-size: @font-size-1 !important;
}
// style UI elements inside atom-text-editor

atom-text-editor .cursor {
  // border-color: red;
}

status-bar.status-bar {
  font-size: 10px !important;
}

div.status-bar-left > * {
  margin-right: 20px;
  margin-left: 20px;
}
//-----------------------

cursor.cursor-position {

}

atom-panel.panel-bottom {
  font-size: @font-size-1 !important;
}

.preview-pane {
  font-size: @font-size-1 !important;
}
//-----------------------

atom-panel.modal.from-top {
  // symbol
  top: 0 !important;
}

.select-list ol.list-group {
  // symbol
  max-height: 580px !important;
}

.select-list ol.list-group li.two-lines {
  // symbol item
  padding: 0 !important;
}
//-----------------------

simeOne

 

python 路徑

 import os
import sys

dir = os.path.dirname(__file__)

os.path.abspath(...) 

rootPath = os.getcwd().replace('\\','/')

Javascript開新視窗Tips

 

張貼者： Caesar Chi

開發網站介面的時候，常常會遇到空間不足的問題。瀏覽器大小就這樣，要放進網頁的資訊卻那麼多，該怎麼辦呢？

如果只是單純顯示資料，用AJAX呼叫回傳，顯示在select tag或div裡面就可以了。這樣介面簡潔，操作也不複雜。可是，如果需要更多互動的話，用AJAX，開發人員辛苦之外，介面太複雜維護不易，用戶用起來也不見得舒服。

這時候，開個小視窗另外操作，必要時也可以回傳結果到母網頁，對開發人員和用戶來說，應該都可以是權宜的好辦法。

window.open很常用也很簡單，本篇分基本型、完整型、遙控型三方面介紹，接下來就直接進範例嚕：

1.基本型
window.open ('page.html');

這是給只是想丟資料出來的人用的，或是想要強制另外開視窗。不過，真是這樣的話，用Yahoo!會更好。當然有時也會，需要用程式來判斷網頁方向也說不定。簡而言之，這個是方便記憶用的。

2.完整型
window.open ('page.html', '_blank', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=n o, status=no');

應該大部分會用到的是這行吧！先給目標URL，其次是開啟的目標，等同a tag的target屬性。第三個參數，就是給被開啟的瀏覽器設定，設定參數在上面的範例應該都有了，如果有缺漏請跟我說喔^__^。

3.遙控型
var new_window=window.open( ... );
if( new_window.opener == null ){ new_window.opener=window; }

這裡展示的是開啟新視窗之後，還想要繼續對新開的視窗做操作時，我們就可以用一個變數接收window.open()的回傳，如此就可以追蹤新開的視窗。新視窗也可以透過window.opener，將特定的資訊回傳給母視窗。

例如：在新視窗裡用：
window.opener.document.getElementById('obj').innerHTML="XXX";
或者
window.opener.location = 'http://......';
就可以從新視窗控制母視窗的網頁，執行如訊息回傳，重導網址，或是其他功能。

但是，有些舊版的browser不會自動建立新視窗和母視窗之間的關連，也就是new_window.opener這個屬性。所以後面的這個 if 敘述，就能確保opener保持在正確的設定。新視窗和母視窗溝通時，才不會發生找不到媽媽（opener）的問題。

這個 if 很重要喔！雖然新版的瀏覽器多都有支援 opener ，但為了確保安全，還是請記得加上去。

以上，謝謝收看。

javascript, python

package的入口>>

js:

index.js

py:

__init__.py
-------------------------------------------
import 的差異>>

js:

impot {...} from '...'

import XX as XX from '...'

py:

import package as nickName

import dir.package

from package import component

-------------------------------------------

 檔案當前路徑>>

py:

os.getcwd() 

php:

$_SERVER['PHP_SELF'], __FILE__


-------------------------------------------

專案當前路徑>>

-------------------------------------------

數值類型>>

js:

typeof(...)

py:

type(...)

php:

gettype()

-------------------------------------------

undefined, null>>

js:

... == null

typeof(...) == 'undefined'

py:

... is None

php:

isset(...), empty(...), is_null(...)

-------------------------------------------

atom keybind

'atom-text-editor':
  "ctrl-space": "unset!"
  'alt-/': 'autocomplete-plus:activate'

'.platform-linux atom-text-editor, .platform-win32 atom-text-editor':
  'ctrl-i': 'regex-railroad-diagram:show'

php 命令模式

PHP_EOL 換行

// 校正命令模式的 dir
chdir(__DIR__);

function is_cli() {
  if (php_sapi_name() === 'cli') {
    return true;
  }
  if (defined("STDIN")) {
    return true;
  }
  if (!isset($_SERVER["REMOTE_ADDR"]) || empty($_SERVER["REMOTE_ADDR"])) {
    return true;
  }
  return false;
}

php include, require 路徑問題

 PHP中include和require絕對路徑、相對路徑問題
-Advertisement-
Play Games
在寫PHP程式時，經常要用到include或require包含其他文件，但是各文件里包含的文件多了之後，就會產生路徑問題。 如下目錄： <web>(網站根目錄) ├<A>文件夾 │ │ │ └1.php ├<B>文件夾 │ │ │ └2.php └index.php 現在根目錄下的index.php ...

在寫PHP程式時，經常要用到include或require包含其他文件，但是各文件里包含的文件多了之後，就會產生路徑問題。

如下目錄：

<web>(網站根目錄)  
 ├<A>文件夾  
 │ │  
 │ └1.php  
 ├<B>文件夾  
 │ │  
 │ └2.php  
 └index.php

現在根目錄下的index.php要包含A文件夾內的1.php文件，則用include "./A/1.php"即可

而1文件夾內的1.php又包含了B文件夾內的2.php，則1.php內寫上include "../B/2.PHP"即可

可是要知道，當index.php包含了1.php之後，編譯是在index.php里進行的

也就是index.php所包含文件里的include都是相對於index.php的

那麼1.php被包含進index.php里了，那麼就要相對於index.php尋找2.php了
而上面說了，1.php里寫的是include "../B/2.php"，現在編譯文件已經相對於網站根目錄了（即相對於index.php）
"../"則意味著還要再返回上一級目錄尋找，那麼怎麼會找得到。

在網上也尋找過一些方法，最好的辦法還是都採用絕對路徑方法較妥。
可以定義一個單入口文件，將要包含的文件包含進來
定義一個常量define("__ROOT__",dirname(__FILE__));，那麼在寫後面的文件過程中，只需要採用絕對方式，加上__ROOT__就行了。

require dirname(__FILE__) . '/library/Zend/Loader.php';

openjdk

 https://jdk.java.net/