每週二 YT 直播問答，DC 可 Call-in，一起討論技術、職涯發展。
YT 👇👇👇
https://www.youtube.com/@codelove_tw
DC 👇👇👇
https://discord.gg/fvCF2whZ9D

提供 Shopify 接案服務：阿川の電商水電行 - 專修 Shopify 網店 👇👇👇
https://job.turn.tw/shopify-services

管理台灣 Shopify 開發者 LINE 群組（非官方）👇👇👇
https://line.me/ti/g2/YUasX5K3CJ4QdIx76zppjHlh3-q8w-xkSyK1LA
登入次數：815 次
註冊於2022年11月28日
  發表了 452 篇貼文
  新增了 1,211 則留言
  貼文共 811,569 次瀏覽
全部留言
我有個疑問

沒註冊的話，按下 save 之後，要記得複製網址。 註冊登入的話，比較好用。儲存之後可以在個人頁面找到。

HTML新標籤dialog簡化modal實作

looks good! 查了一下，各大瀏覽器也都已有支援！ https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog

JavaScript 系列五：第1課 ── 學會 Cookie 相關功能

寫得很好，順利完成！

JavaScript 系列二：第2課 ── 從 DOM 樹移除元素、動態加上 onclick 事件

寫得很好，順利完成！

JavaScript 系列一：第2課 ── 基本的變數操作、從 html 取得內容

兩個按鈕的訊息，弄相反囉～

JavaScript 系列一：第1課 ── 基本的函數操作、onclick 事件

寫得很好，順利完成！

還好有站長阿川

寫程式這個技能，不可能只依靠上課、讀書、聽課，就吸收進去 一定要大量的親自去寫、去完成，才有可能吸收 一開始找各種有趣的作業來寫 之後就可以自己發想、自己研發一些有趣的小專案 --- 祝：早日研發出「超猛醫療 IT 工具」

[心態分享] 新手學前端應該具備的心態：絕對不是謙虛，假謙虛的心態：做作又噁心！

別擔心，放輕鬆。身為開發者，專注在 1. 提升自己的研發能力 2. 提升自己的溝通能力 就對了 每個社群各自有一些習慣與優缺點，不用太在乎～

RWD 網頁設計入門：第5課 ── 能屈能伸，讓圖片適應各種螢幕

寫得很好，順利完成！

JavaScript 系列五：第1課 ── 學會 Cookie 相關功能

寫得很好，順利完成！

JavaScript 系列八：第1課 ── 碼表應用程式

寫得很好，順利完成！

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

寫得很好，順利完成！

JavaScript 系列四：第7課 ── TinyMCE 套件

寫得很好，順利完成！

JavaScript 系列三：練習7 ── carousel 輪播元件

寫得很好，順利完成！

JavaScript 系列一：第5課 ── 基本的 if/else 條件流程控制

寫得很好，順利通過！

分享最近面試心得

非常好的分享～ 簡單分享一些回饋～ --- 首先，你分享的六個 JS 面試小測驗，有五個我答不出來，只有第一題我看得出正確答案～ 再來，我前幾年有次去面試 senior 職缺的時候，白紙測驗，我連 for 迴圈都寫錯，我搞錯 `++` 是第二或第三個參數。最後我沒有被錄取，我一點都不在乎，因為我覺得這些都不重要～ 開發專案時，刷新畫面一下，或者 IDE 根本就會檢查的東西，我不會花費記憶力去想～ 我想說的是，不同公司對於面試方法的觀點天差地遠，認為哪些程式觀念重要的看法也差很多～ 四處看看，覺得有缺觀念就自學補充一下～ 但是，很多面試內容也未必有道理～不需要太受打擊，持續學習就是了～ --- 關於 class 與 this，以前端開發來說，大概 2015 年以前，工程師迫切渴望 JS 也可以寫 class 跟 this 2015 - 2020 終於可以了，大家用 JS 大量寫 OOP，不過呢，2021 之後，大家又迫切渴望擺脫 OOP 你從 vue 2 開始學 vue 3，就會發現 `this` 不見了，開發過程根本不寫 this 了 React 18 之後更是如此，大家開始鄙視 OOP 了～ 我想說的是，OOP 是一個重要觀念，需要知道一下，但也不用花太多時間專精～ 我幾年前有寫一篇 OOP 觀念文，給你參考：https://codelove.tw/@howtomakeaturn/post/GqPYzx --- 最後，以我研發的教材來說，我覺得應該不少「接案公司」會覺得畢業生是即戰力～ 不過「研發自家產品」的公司，應該不少會覺得基礎不夠扎實，覺得這套教材的畢業生不夠用～ 我可以理解，也可以預期大概會是這樣～ --- 以上，有遇到投緣的公司、把你當即戰力的公司，就儘早上班、賺錢、累積經驗～ 真的到處碰壁，就補充一下相關知識，這條路學無止盡～ 祝早日上班，有問題＆心得多多上來寫作分享～

歡迎串 Part.1 👋👋👋

Very good~! 慢慢來，熟悉程式語言的運作方式，需要一點時間 作業盡量自己寫，卡關再參考別人的，學習效果比較好 有非常多作業可以練習，你會慢慢抓到感覺的～ 有觀念實在想不通，就到討論區多多發問，因為「提問」也是「學習」很重要的技巧之一 加油囉～！

04/28 本週閒聊串 😁😁😁

很好的分享 哈哈 你可以單獨發一篇文章嗎？比較多人可以看到~ 我在那邊留言給你一些建議~👍👍

[前端學習] 用JS動態修改CSS的三種寫法，花式JS玩弄樣式，嚇死你的同事！

我又看了幾篇文章 https://csplite.com/csp215/ 我目前感覺是：CSP 應該是支援度相當高，可以的話，也應該要設定的東西 Nuxt SSR 有支援，但 SPA 無解 至於類似框架的情況呢？ 以 React 體系的 Next 來說 https://csplite.com/csp251/ SSR 跟 SPA 都有支援 相關討論有很多：https://github.com/vercel/next.js/issues/256 --- 然後，這個可能可以看一下 https://github.com/victor-perez/nuxt-helmet

[前端學習] 用JS動態修改CSS的三種寫法，花式JS玩弄樣式，嚇死你的同事！

哇，我又研究了一下，Nuxt 的 CSP 好像只有 SSR 會支援，SPA 的話沒辦法支援 https://github.com/nuxt/nuxt/issues/6592

[前端學習] 用JS動態修改CSS的三種寫法，花式JS玩弄樣式，嚇死你的同事！

https://nuxtjs.org/docs/configuration-glossary/configuration-render/#csp 這個設定值，調整為 `true` 可以搞定嗎？

[前端學習] 用JS動態修改CSS的三種寫法，花式JS玩弄樣式，嚇死你的同事！

嗨 Jordan，先別管 Apple 了，我研究了一下，現在絕大多數前端技術，應該都會支援 CSP 的！ 看一下這篇：https://stackoverflow.com/questions/58397934/are-we-forced-to-use-unsafe-inline-in-our-csp-when-using-vue-js > According to the Vue.js docs, the runtime build is fully CSP-compliant. > Nuxt is supporting a csp config to create hashes via webpack sent as header on dynamic SSR mode and meta elements otherwise (see https://github.com/nuxt/nuxt.js/pull/5354) 有試過這個方向嗎？

JavaScript 系列七：第1課 ── 認識 Vue 基本環境與 render state

寫得很好，順利完成！

04/28 本週閒聊串 😁😁😁

我這邊分享手邊幾個情報 ### 第一個是台灣獵人頭公司跟我分享的郵件 > 最近一切都還好嗎? 這次分享2023 Q2 Job Market Report，尤其是科技產業世界性的裁員潮，光是 2023 年 1 月，美國科技業裁員總數就突破 10 萬人。同樣受到全球經濟走緩影響，台灣人力市場也有類似波動。以科技產業為例，今年第一季所開出的職缺人數，與 2022 年第四季相比，少了約 50%。軟體業盤點人力、調整過剩人力。2023 年的整體人力市場將有別於 2022 年年初大量徵才的氛圍，進入穩紮穩打、檢視人力資源與配置的階段。 ### 第二個是我合作的美國接案公司寄給我的郵件 > All, > Given the current macroeconomic situation, we are reaching out with information that we hope will be helpful. Like many companies, Toptal clients are increasingly budget constrained. In addition, we have a larger number of talent indicating they are available for engagements, resulting in a more competitive market than ever before. ## 個人看法 我認為近期軟體工程師的機會＆收入 明顯是受影響了 但是呢 應該是以 senior 職缺的影響比較大 我認為 junior 的職缺應該還是很多 綜合起來 建議大家： 轉職的時候 穩紮穩打 目前工作不一定要先辭掉 確定有錄取再離職＆轉職 個人小觀點 😎

JavaScript 系列九:發表作業＆心得分享

Very good sharing! 感謝付費支持！ 😄😄😄

自學網頁の嬰兒教材：第7課 ── 視窗與更多元件：自己手作一個 Facebook 發文按鈕！

寫得很好，順利完成！

自學網頁の嬰兒教材：第3課 ── 網格系統：頁面分區塊排個版

寫得很好，順利完成！

JavaScript 系列九：第7課 ── 學習開發狀態複雜的 vue 元件

寫得非常好！成果非常優質！順利完成！ 歡迎到討論專區，發表作業＆心得分享！

[好文轉載]哇操！你敢信？花式寫todo-list，body裡面一行都沒有也能搞？

nice sharing! 前端框架的底層，就是類似這樣的東西～！

JavaScript 系列九：結語

# 通通完成的同學，請看這邊～ --- ## [給寫完 JavaScript 系列九的同學們：求職前的準備＆簡易指南](https://codelove.tw/@howtomakeaturn/post/k31dYx) ---

JavaScript 系列九：第6課 ── 學習用外部狀態管理 vue 元件

寫得很好，順利完成！

JavaScript 系列九：第5課 ── 學習 Vue 的 slots 觀念

寫得很好，順利完成！

自學網頁の嬰兒教材：第1課 ── 安裝：網頁突然好美美

寫得很好，順利完成！

自學網頁の嬰兒教材：第5課 ── 用力送出表單

寫得很好，順利完成！

自學網頁の嬰兒教材：第4課 ── 好用的表格

順利完成！

JavaScript 系列三：練習5 ── collapse 折疊效果

寫得很好，順利完成！

JavaScript 系列三：練習4 ── 表單驗證

寫得很好，順利完成！

JavaScript 系列三：練習3 ── modal 互動視窗元件

寫得很好，順利完成！

[前端學習] 用JS動態修改CSS的三種寫法，花式JS玩弄樣式，嚇死你的同事！

@jordan 你之前是用什麼軟體掃描？有錯誤訊息可以參考嗎？ 大家一起研究一下，相關資安漏洞在哪邊！

[前端學習] 用JS動態修改CSS的三種寫法，花式JS玩弄樣式，嚇死你的同事！

很好的問題！感謝 jordan 提出！ 這問題我也從沒想過，我想了一下，有點不懂為什麼用 js 改 css 算是資安漏洞？ 我研究了一下，會不會跟 css 可以執行 javascript 有關？ https://codepen.io/3n3a/pen/RwGKwrX

被廣告洗版了？

阻擋機器人在技術上有各種方法 各有優缺 不過就經營上考量 一開始什麼都不用 手動刪一刪就是

被廣告洗版了？

對我手動進資料庫刪掉而已 被洗是經營網站一定會遇到的事情 早晚而已哈哈

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

很好的文章，我已拿來作為宣傳內容，分享到眾多公開社團！ https://www.facebook.com/groups/javascript.tw/permalink/5541848932583066/ https://www.facebook.com/groups/javascript.html.css.node/permalink/1816342628760240/ https://www.facebook.com/groups/f2e.tw/permalink/6002559003114748/

[前端學習] 用JS動態修改CSS的三種寫法，花式JS玩弄樣式，嚇死你的同事！

很好的文章，我已拿來作為宣傳內容，分享到眾多公開社團！ https://www.facebook.com/groups/javascript.tw/permalink/5541848932583066/ https://www.facebook.com/groups/javascript.html.css.node/permalink/1816342628760240/ https://www.facebook.com/groups/f2e.tw/permalink/6002559003114748/

發文點子

很好的方向 我也很常寫這種 todo / 筆記類型的貼文

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

很棒的分享，我在 VScode 主要也是裝一些 code syntax highlighting / fixer / prettier 輔助！ 另外有幾個不錯的，順便講一下 # Tabnine https://www.tabnine.com/ 這是 AI 輔助寫程式，有免費版，效果很好，我用半年之後，就升級付費版了！ # Auto Close Tag 寫 html 很方便 # Auto Rename Tag 寫 html 很方便 --- 簡單拋磚引玉！

JavaScript（九）—— 不想教你 Vue，只想讓你做酷炫元件 - 統整

很棒的分享！有發現好文章或者有心得/筆記分享，記得也多多上來寫文章交流！可順便練習寫作能力！

自學網頁の嬰兒教材：第1課 ── HTML 輕入門

寫得很好，順利完成！

自學網頁の嬰兒教材：第3課 ── 網頁排版

很正常，慢慢來即可！ 寫得很好，順利完成！

自學網頁の嬰兒教材：第2課 ── CSS 輕入門

寫得很好，順利完成！

熱門搜尋： https __ COM am re 使用 AI ar Ai AR com AM the la ul 專案 ui JavaScript id jav API Javascript JS ai Node LA javas type Java Re go 開發 javascript github git js ci 設計 css 程式 CD this 語言 作為 Html Amazon html api local app bi GIT 學習 Css react Github import Ts vs CSS GitHub 平台 cn JAVA Git COMPO Type AWS Js javasc for 作業 Line 測試 資料 資料庫 技術 start npm with web 圖片 第一 框架 async HTML cli next Javas java PYTHON wEB map line work Ml py ROS search CLI
🛡️ 隱私及網站安全：本站註冊過程「不須提供任何個資」，只要 E-Mail 與帳密即可註冊，請安心註冊！線上付款過程使用「綠界科技 ECPay 」第三方專業金流廠商，全程在「綠界科技 ECPay 」網站進行付款程序，本站「不會紀錄任何信用卡資訊」，請放心付款、解鎖課程！您隨時可以透過 FB 粉專或者 Email 聯絡站長，請求刪除網站上的個人資料。