Advance JS

構造函數constructor Function

1
2
3
4
5
6
7
8
9
10
11
12
13

function createCard(initName){
this.name=initName

}

const a1 = new createCard("Ma")
const a2 = new createCard("Ma2")
const a3 = new createCard("Ma3")
const a4 = new createCard("Ma4")
const a5 = new createCard("Ma5")
console.log(a1)
console.log(a2)
console.log(a3)

output

createCard { name: ‘Ma’ }
createCard { name: ‘Ma2’ }
createCard { name: ‘Ma3’ }

array function =>

In ES6 there is a new function called array function, which you can write shorter function.

Before ES6

function hello(){}

after ES6

let hello = function (){}
shorthand
let hello = () =>{}

function without passing paramter

Before ES6 (normal function)

ex: function hello(){}

今天我想分享如何用linux shell script 語法。
我們需要加這個在script裡面，然後檔案改成.sh

1

#! /bin/bash

• How to execute script

  chmod 777 myscript.sh
./myscript.sh

1. variable

define variable

1
2
3

text1=Hello
name=CC
echo $text1 $name

output:

Hello CC

read and echo variable

read variable

read a

read vairable without skip new line:

read -p “Your Options: “ option

alias

Method 1: put your alias in .alias_pofile

Recommend use this file, will not destory .bashrc file.

1
2

cd ~
touch .alias_pofile

Method 2: edit .bashrc

This method need to reboot to take effect

change directory

change folder or directory

cd : change directory to home ~ directory
cd folder: change to specific directory

change upper directory

1. Print

Ex1 Print Basic Interger and String

1
2
3

str_name= "hello"
num_value= 999
print(f"str value is {str_name}, and number is {num_value}")

output:

str value is hello, and number is 999

%-formatting-OLD

Example 1 Print String with % Operator

1
2
3
4
5
6
7

text = 'world'
print("hello " + text)
print('hello %s' % text)

name = "Test"
num = 100
print("Hello, %s. My num is  %s." % (name, num))

output:

hello world
hello world
Hello, Test. You are 100.

3. str.format()- NEW

str.format() 是對 %-formatting 的改進，可以用函式呼叫語法，可以通過 format() 方法對被轉換為字串的物件

JS基本須知道

How to run JS

• Browser- inspect

  • Method1:

    Go to inspect > console

  • Method 2:

    inspect> sources> snipperts> create js file

• NodeJS environment

  寫 XXX.js//CREATE JS file

  node XXX.js //run .js file using node

adding comment

// single line comment
/**/: multiply line comment

顯示 print

• console.log() 顯示在console
• alert() 跳出顯示
• document.write("\<h1>hello <br\/>")

JS　 基本語法- Part 1

１. declare variable 宣告變數

• let (新)可以取代var

  ex:

  let myName= "chenchih"
console.log(myName)

• var
• const

  must be inital and not able to change
  不被修改變數。如果不想被人修改

  1 2 3

  const test= "heloo" test="world" console.log(test) //error

今天我想寫關於 Markdown相關指令。想信大家都會常用MD或是markdown。

字體效果

斜體字 ==> *文字*
粗體字 ==> **文字**
斜粗體 ==> ***文字***
刪除線strikethrough ==> ~~文字~~
斜體2 ==> _文字_
斜粗2 ==> __文字__
正常^上標^ ==> 文字^string1^
正常下標 ==> 文字~string1~
++底線++ ==> ++文字++
==螢光標記== ==> ==文字==

color顏色

• color ==> <font color="red">text </font>
• Highlighted text => <mark style="background-color: #FFFF00">Highlighted text</mark>

  change mark or span/div

Font Size 大小

• HTML ==> <font size=5> **HTML**</font>

Horizontal Rules

1
2
3

---
***
___

前言

今天天想分享如何在terminal或終端機變成更有效率或是更美化。我們需要用到zsh 和 ohmysh。

本篇文章會安裝以下套件：

• ubuntu 安裝和設定
  • 基本套件: zsh git wget curl
  • ohymysh套件
  • shell 設定
  • Oh My Zsh 安裝，主題設定
  • 安裝Powerlevel10k 主題，不然會怪怪

更新 ubuntu 套件

$ sudo apt-get update

安裝 zsh

檢查我們目前支援的shells

目前支援的shells
$cat /etc/shells

在這篇教學，我想要分享HEXO簡易版本。我在之前有寫ㄧ篇是關於Hexo完整篇，文章太長。如果你不想看那一篇可以看這一篇。在這一篇，我只會分享一些基本指令。

安裝 git

可以到官網下載git:，或是你是Linux/MAC，可以輸入命令方式來安裝如下：

• Linux (Ubuntu, Debian)：

  $ sudo apt-get install git-core

• Linux (Fedora, Red Hat, CentOS)

  sudo yum install git-core

• mac 安裝:

  brew install git

安裝 Hexo

先安裝 node.js

可以到官網下載Node.js，或是你是Linux/MAC，可以輸入命令方式來安裝如下：

• MAC:

  $ brew update
$ brew install node

• Linux(ubuntu)

  $ sudo apt-get install -y nodejs

再安裝 Hexo

$ npm install -g hexo-cli # -g 全域安裝

大家有用過自動安裝window 系統嗎？正常我們都用 ISO光碟片，USB和網路方法安裝OS。可這些方法我們可能要一直按下一步等等。今天我想分享如何用自動化安裝，不需要寫程式，只要把unattend.xml放進我們window ISO 或是USB的根目錄就可以。
這個自動化工具叫做unattend 如果有興趣可以在網路找相關內容。
我會教大家如何建立unattend.xml檔案，他可以幫我們自動建立帳號，切磁區等等。在這分享我沒有教如何分切磁區。

為什麼要做這個？
如果你長期在安裝windowOS我建議可以學會這個，非長方便。

Part 1 : 建立autounattend.xml 檔案。

1. 去windowsafg 網站

• 請到 window-afg網站製作autounattend.xml檔案
• Access to windows answer file generator site and create autounattend.xml file
  

2. window 相關設定

用預設的設定即可。You can use the default setting, or use the same setting I set.

• 我只設定，時間，鍵盤語言，和帳號
• I only changed time tone, keyboard to US, and account to administrator
  

3.下載autounattend.xml檔案

Download autounattend.xml file. 下載autounattend.xml檔案

遠端桌面連線

我想分享如何設定無密碼，也可以做遠端桌面連線。正常都是我們電腦帳號如果設定無密碼但又想做遠端，需要作揖些設定。

Step1: 請在鍵盤輸入window + r

Step2: 請輸入gpedit.msc

Step3: disable Limit account use of blank password, to enable blank password

網路磁碟分享

我想分享如何設定無密碼，也可以做網路磁碟分享，這樣可以共享資料夾。

Step1: 建立一個資料夾

Step2: 把資料夾設定權限