站長阿川

站長阿川私房教材：
學 JavaScript 前端，帶作品集去面試！

站長精心設計，帶你實作 63 個小專案，得到作品集！

立即開始免費試讀！
最新出爐作業包
⭐ 邁向資深之路：非同步 JS 訓練（二）—— 各種寫法的錯誤處理、收尾處理
⭐ 邁向資深之路：非同步 JS 訓練（一）—— 從 Callback Hell 到 Promise 介面
⭐ Github Desktop 新手入門教學 —— 用漂亮的 GUI 介面來學習 Git 基本觀念
⭐ 邁向資深之路：後端 JS 訓練（二）—— 玩玩看 Express，用純後端做做看部落格
⭐ 邁向資深之路：後端 JS 訓練（一）—— 玩玩看 Node，做做看老派 CLI 應用程式

🔍 搜尋結果：套件

🔍 搜尋結果：套件

COMPOSER 設計原理與基本用法

相信有在用PHP的朋友近年來常聽到composer這個套件管理工具。 它到底是做什麼用的？又是為了解決什麼問題而存在呢？ 要瞭解這個，得先從歷史開始說起...。 # PHP最早讀取套件的方法 初學PHP時，最早會面對的問題之一就是require與include差別何在？ ...

2個讚   0留言 834瀏覽

使用 readline-sync 套件 VSCode 亂碼 (windows)

![](https://i.imgur.com/zIwUhkz.png) ## 解決方法 1. 前往控制台 2. 點擊時鐘和區域 ![](https://i.imgur.com/VeuCcRX.png) 3. 點擊地區 ![](https://i...

1個讚   1留言 2,414瀏覽

後端 JS 訓練一：結語

簡單複習一下，在這次的課程中，我們學會了 - 寫 node 程式 - 讀取、寫入檔案 - 匯入、匯出模組 - 從終端機輸入、輸出訊息 - NPM 套件管理工具 - 非同步語法、同步語法 是不是很有趣呢？ --- 補充一點，我在課程中多次提到非同步程式設計很多餘，其實...

2個讚   0留言 726瀏覽

後端 JS 訓練一：第6課 ── 替 CLI 應用程式加上顏色

## 課程目標 - 替 CLI 應用程式加上顏色 ## 課程內容 這一課來做有趣的任務吧！很花俏的那種！ 我們來替終端機的文字，加上顏色吧！ 看一下這個套件的介紹 https://www.npmjs.com/package/colors 請先輸入指令安裝 ...

1個讚   4留言 861瀏覽

後端 JS 訓練一：第4課 ── 把 node 非同步設計改寫為同步設計

## 課程目標 - 把 node 非同步設計改寫為同步設計 ## 課程內容 前面我說過，node 有些地方的寫法設計，看起來很怪、很醜 在瀏覽器 js 環境，我們的確不知道用戶何時會點擊按鈕、不知道 AJAX 回應何時會拿到 不能讓網頁整個停下來卡住、等待上述事件發生，...

0個讚   5留言 903瀏覽

# JS油猴系列-遮蔽廣告(D卡未登入)腳本、自定義新增名單

## 前情提要 逛論壇或網站常常有惱人的蓋板廣告，要馬就是要你登入、註冊， 要馬就是搞一堆課程的販售廣告， 對重視使用者體驗的人來說，真的是一場噩夢！ 為了解決這個問題，我模擬了AdBlock的其中一個功能，刪除頁面上的元素！ 乾乾淨淨才是王道阿。 ## 效果 按下ct...

3個讚   3留言 4,701瀏覽

JavaScript（四）—— 學會第三方套件的使用方法 - 統整

[第1課 ── autosize 套件](https://codelove.tw/@howtomakeaturn/post/837lka) [my code](https://jsfiddle.net/bf5e4nys/60/) --- [第2課 ── vanilla-lazyload...

1個讚   0留言 2,264瀏覽

發文點子

分類: node類 腳本類 ajax類 頁面製作類 研究類 --------------------------------------------------------------------------- 1. 用JS動態修改CSS 的三種寫法 (完成) ...

2個讚   1留言 2,027瀏覽

[資源分享] 裝爆的VScode擴充套件，人生沒有擴充套件就是黑白的！

## code spell checker ![](https://i.imgur.com/dEaysXp.png) 不管是自己的英文程度太差，還是粗心大意，把英文字拼錯是家常便飯， 這款擴充套件就是來幫助你的救星！ 使用code spell checker馬上會幫你標出奇奇怪怪...

4個讚   4留言 4,537瀏覽

給寫完 JavaScript 系列九的同學們：求職前的準備＆簡易指南

有幾位同學已經寫完系列一～九的全部作業了 整體能力已經可以準備開始面試前端工程師的職缺了 這邊寫一篇簡單說明 # 需要補充的技能 前端技能中最困難的部份已經有相當基礎了 剩下有些東西沒那麼難，但要學一下，上班會用到 這些東西我未來可能會寫教材，但我最近很忙，近期無...

8個讚   2留言 4,920瀏覽

[資源分享] 超好用的擴充套件你還不裝？裝了人生直接逆襲，日子過得好舒服！！

## Midnight Lizard ![](https://i.imgur.com/PKrYQfh.png) ``` 這個擴展改變了頁面的顏色，亮度和對比度以提高可讀性，並且為所有網站開啟夜間模式。 將幫助您定制整個互聯網的外觀，以便於使用。您可以為每個喜愛的網站設置不同的配色方案，並為所...

4個讚   3留言 2,719瀏覽

在 React 使用 useWorker 來跑多執行緒，大幅改善 UX 效能

使用 useWorker 在單獨的執行緒中，處理昂貴且阻塞 UI 的任務。 眾所周知，Javascript 是一種單線程語言。所以，做任何昂貴的任務，它都會阻塞 UI 互動。用戶需要等到它完成，才能執行剩餘的其他操作，這會帶來糟糕的用戶體驗。 為了克服和執行這些任務，Javascript...

0個讚   0留言 2,909瀏覽

JavaScript 系列八：第7課 ── 國家資訊與地圖應用程式

## 課程目標 - 能夠寫出國家資訊與地圖應用程式 ## 課程內容 開發應用程式時，經常需要把多種 API 組合起來使用！ 如果各種 API 有提供 Vue 包裝的元件版本，通常會容易許多 如果沒有，那就自己想辦法管理好狀態，在 Vue 裡面使用，通常也沒問題 -...

0個讚   18留言 1,692瀏覽

JavaScript 系列八：第5課 ── 體重追蹤應用程式

## 課程目標 - 能夠寫出體重追蹤應用程式 ## 課程內容 找套件時，如果官方沒有提供特定框架的版本，通常會有開發者，自行包裝一個，分享給大家使用 搜尋 `how to use 套件名稱 in 框架名稱` 大概就找得到相關資源了 舉例來說，這款圖表套件，官方沒有提供框...

0個讚   14留言 2,958瀏覽

JavaScript 系列八：第4課 ── 行事曆應用程式

## 課程目標 - 能夠寫出行事曆應用程式 ## 課程內容 現在新推出的大部份 javascript 套件，都會提供 native（原生）、React、Vue 三種版本，方便使用 舉例來說，這款行事曆套件，就有多種版本 https://fullcalendar.io/ ...

0個讚   17留言 1,828瀏覽

JavaScript 系列七：第7課 ── 認識 Template Refs

## 課程目標 - 認識 Template Refs ## 課程內容 來讀一下 Template Refs 的說明 - https://vuejs.org/guide/essentials/template-refs.html 簡單來說，在我們使用了任何前端框架之後，就...

0個讚   25留言 1,776瀏覽

JavaScript 系列七：前言

我知道你們很多人，來上這門課程，都是希望可以儘快去上班、賺錢 所以... 我們來學 Vue 吧！ --- 在開始之前，我必須再次強調 與坊間很多補習班不同，我們已經花了六門課程的時間，在練習原生 JavaScript 與網頁基本觀念 也就是説，就算完全不使用任何套件，只...

4個讚   0留言 1,193瀏覽

軟體開發者推薦使用：50 個好用的 CLI 指令工具

作為開發人員，我們在終端機上花費了大量時間。有很多有用的 CLI 工具，它們可以讓您在命令行中的生活更輕鬆、更快速，而且通常更有趣。 這篇文章概述了 50 個必備的好用 CLI 工具。 原文出處：https://dev.to/lissy93/cli-tools-you-cant-live...

0個讚   0留言 6,686瀏覽

JavaScript 系列六：結語

讓我總結說明一下，老方法、新方法的關鍵思維差異： - 在老方法中，工程師眼中主要關心 html，開發過程會一直去思考 html 結構，因為「應用程式的狀態（資料）」就存在 html 之中，html 同時是狀態、也是 UI - 在新方法中，工程師眼中主要關心 data model，通常就是...

4個讚   1留言 910瀏覽

JavaScript 系列五：第7課 ── 學會 AJAX 與 data attribute 的結合

## 課程目標 學會結合 AJAX 與 data attribute 來製作應用程式 ## 課程內容 打造應用程式的時候，有些資料不會直接顯示在畫面上，但之後的其他動作會用到 這時可以把資料存在 data attribute 裡面 ``` <div data-emai...

1個讚   27留言 1,903瀏覽
歡迎發文
💡 記錄日常工作的實踐、心得
💡 發表對生活和職場的感悟
💡 針對感興趣的事件發表隨筆或者雜談
💡 詳細介紹你掌握的一門語言、一個技術，或者一個興趣
💡 或者，就直接把你的部落格搬到這裡（支援 API 可以撈）
熱門文章
🔥 Google Gemini CLI 教學：如何安裝與使用（附圖片）
🔥 設定本地 LLM 環境
🔥 SuperClaude 是什麼？這款神奇工具的完整指南，它將 Claude Code 的程式碼品質提升 30%！
🔥 請問，exp這個不是可以隨便改的嗎？我以為是expire?
🔥 成為終極開發人員的 10 個開源瑰寶🔥
  近期留言
熱門搜尋： __ 使用 ar com 設計 COM https Re Javas LA AR 網站 jav am 開發 api 平台 Type log ul Ts github re [] CLI type for AM javas Ai Git Java API AI id app git user 學習 the Ml 作為 start ') py 後端 CSS 伺服器 結構 研究 ci ai 技術 編輯 語言 第一 search 部落格 專案 create js JAVA 查詢 Github 基礎 ui 架構 Html react GIT 圖片 嗎？ blog javascript wEB go rag vn Javascript 框架 程式 la 資料庫 測試 html 分享 ＣＳＳ 前端 作業 JavaScript javasc 討論 bi web 分析 java 工作 vs %' 網頁
🛡️ 隱私及網站安全：本站註冊過程「不須提供任何個資」，只要 E-Mail 與帳密即可註冊，請安心註冊！線上付款過程使用「綠界科技 ECPay 」第三方專業金流廠商，全程在「綠界科技 ECPay 」網站進行付款程序，本站「不會紀錄任何信用卡資訊」，請放心付款、解鎖課程！您隨時可以透過 FB 粉專或者 Email 聯絡站長，請求刪除網站上的個人資料。