JavaScript學習筆記(一) ─ 從執行與修改別人的程式開始吧

前言:

幾天前在FreeCodeCamp的Medium平台上看到一篇文章

How to block unproductive websites and boost your productivity using JavaScript

這是一個封鎖特定網頁於特定時間瀏覽的Script。

仔細想想到目前為止,雖然程式設計的基本語法都還算了解,但是卻沒有實際去運用。

因此,我決定開始學習第二個語言,"JavaScript",並且以實作為導向的學習

以上面那篇文章為例,我將寫下學習JS的歷程,儘管今天只是第二天XD

我們開始吧:

Image for post

1.首先,先到https://nodejs.org/en/ 把Node.js的開發環境下載回來,並且安裝,選擇8.12.0版本即可

Image for post

2.接著,我們來到https://github.com/MadhavBahlMD/Control-Yourself 這個Repo,並且透過右邊的綠色按鈕,將其下載回來並解壓縮

Image for post

3.開啟Node.js command prompt,輸入指令移動至該資料夾當中

cd desktop //移動目錄至桌面
cd Control-Yourself-master //移動至資料夾當中
cd JavaScript //移動至JS的資料夾
node blocker.js //執行blocker.js這個程式

#cd 就是Change directory的意思
#node 就是以Node.js執行該Script的意思

執行程式後,打開瀏覽器,前往Facebook的頁面,竟然無法連線?!

別擔心,我們用編輯器打開來看看這個JS程式做了什麼呢?

Image for post

4.各位看到上圖的程式碼,明顯的發現,有Facebook的網址,還有一行127.0.0.1的IP位置

網址部分 //本程式碼以FB為例子,你也可以加上任何你想封鎖的網址127.0.0.1 //也就是localhost,本地電腦,一般用戶是無法存取的#所以這也就是為什麼,FB不能打開的原因#因為FB的網址被導向至127.0.0.1了
Image for post

5.緊接著看下去,大家應該有發現hours的部分,有一個

hours >= 14 && hours < 18 //這行代表著,下午2點至晚上6點的這段時間,FB是無法連線的

大家也能試著修改程式碼,針對不同時間和不同網站來進行封鎖喔。

Written by

Machine Learning / Deep Learning / Python / Flutter cakeresume.com/yanwei-liu

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store