本文介紹如何使用Vite建立前端開發初始檔案，並加入Tailwindcss的教學。透過指令和配置檔，讓你能快速建立個人專案的開發環境，並學習如何加入全域的Tailwindcss樣式。還有影片教學、資源連結和更多相關教學文章等，幫助你進一步學習。

學習

職場

音樂藝文

以行動支持創作者！付費即可解鎖

軟體開發

Vite前端工具加入Tailwindcss教學

這一集用最新的Vite工具去創建初始檔案。Vite用於創建和構建Web應用程序，具有快速的啟動時間、即時熱更新、小型體積、支持多種框架和可擴展性等優點。

親子與教育

使用Vite工具創建開發初始檔案的教學

這陣子比較有空可以去天瓏書局晃晃，正好看到這本剛上市不久的書，整體上大多數守則，也是我自己一直在遵循的，是相當不錯的一本總結書。但真的要仔細看每一節的內容，理解每個原則背後的情境與想要改善的問題是什麼。如果只是把每一節的標題拿來使用，很容易就會發現衝突的部分。

閱讀書評

創作

程式設計守則

書摘《程式設計守則》

現行的文創法10-1條，無論立法者是有意還無意間選邊站，都有邏輯上的問題。如果用搶票機器人的購買者需要被判刑，那用搶票機器人的黃牛，理論上應該加重刑度，才符合邏輯。如果10-1條的出現，是因黃牛掃票行為而起，邏輯上第3項的適用對象應該改成與第2項相同的「黃牛」，才不會讓人有種開發者衰小坐牢的感覺。

國際

黃牛罰錢，寫程式的坐牢？

學習JavaScript的理由有很多，包括容易學習的程式語言、互動式體驗、多功能性、跨平臺、社群和資源豐富、高市場需求。此外，文章提供了設計和前端教學的相關資源連結。文章中還提到了一些與學習JavaScript相關的教學文章和影音教學資源。

學習JavaScript的優點和發展前景

[影像處理_OpenCV Python]使用Python撰寫影像處理功能，圖片遮罩或濾除掉不要的地方，旋轉圖片

以下範例將呈現影像處理三種不同的應用：

遮罩的實現

濾除

旋轉

[OpenCV基礎][Python]遮罩，旋轉，輪廓應用濾除斑點

for，while，do while語法介紹
for loop
for比較偏向固定圈數型的迴圈
語法
for(計數變數初值; 布林運算式 ; 增量運算)
{
：
一般指令;
：
}




[C++基礎]迴圈loop介紹 for ,while ,do while

<div class="draft-block draft--p left">謝謝各位讀者的支持與敲碗，從今天起會開始不定期更新 Google Apps Script 相關的教學文章！如果你對自動化流程、Google Workspace 服務的整合、JavaScript 程式開發有興趣、好奇怎麼讓工作流程更順暢，歡迎一起來研究！</div>
<div class="draft-block draft--p left">想了解更多關於 Google Apps Script、還有研究室之後的發文方向，快來這邊看看：
              <a href="/article/654acf88fd8978000160dc20" target="_blank" class="draft--mention">
                <i class="icon-blankLink"></i>
                <span>Google Apps Script 研究室，開張！</span>
              </a>
             </div>
<div class="draft-block draft--p left">謝謝大家～🙏</div>

討論區

Google Apps Script 研究室，開張！

以下為這三種容器搜索方法的時間複雜度

TArray 線性搜索 時間複雜度O(n)

TSet 雜湊表 時間複雜度O(1)

TMap 雜湊表 時間複雜度O(1)

接下來測試三種資料量

分別為10、100、1000筆資料

測試代碼

資料量為10筆 內容為1~10

資料量為100筆 內容為1

職場產業

UE4 TArray、TSet、TMap搜索速度比較

如果，你是個專業的工程師，在外面臨時遇到需要修改或測試專案的情況，但手邊又沒有電腦跟網路，又或是，今天你臨時需要外出一陣子，但又放不下自己的專案，你會怎麼辦呢？