104學習精靈
104人力銀行 / 玉山銀行_玉山商業銀行股份有限公司 / 【金融科技】JAVA工程師(新人/研發替代役) / 符合度分析
學習推薦
全部
影片
文章
不知如何開始學習嗎？ 先進行技能挑戰吧～
我要挑戰
Lighthouse - 優化效能指標的7大方法
在 Lighthouse 中，效能（Performance）是指對網站或網頁應用程式的性能進行評估和測量。Lighthouse 的效能指標通常包括了以下幾個方面：
1. 加載性能：衡量網站或應用程式加載速度的指標，如首次內容渲染時間（First Contentful Paint）和加載完成時間。
2. 互動性：衡量用戶與網站或應用程式之間的互動性，如首次可交互時間（First Interactive）和動畫流暢度。
3. 資源使用情況：衡量網站或應用程式所使用的資源，如 JavaScript 和 CSS 文件的大小、圖像壓縮情況等。
4. 緩存策略：評估網站或應用程式是否正確使用瀏覽器緩存機制來提高加載速度和效能。
5. 異步載入：評估是否使用了異步載入技術來減少阻塞渲染的時間，提高網站的響應性。
要優化網站的性能，可以採取以下一些措施：
1. 優化圖像和多媒體內容：
►使用適當的圖像格式（如 WebP）和壓縮工具來減小圖像大小。
►使用 Lazy Loading 技術僅在用戶滾動到它們時才加載圖像。
►壓縮和最小化多媒體文件（如視頻和音頻），以減少頁面加載時間。
2. 減少 HTTP 請求：
►合併和壓縮 CSS 和 JavaScript 文件。
►使用 CSS Sprites 將多個圖像合併為一個圖像，減少 HTTP 請求次數。
►減少不必要的外部請求，例如移除不必要的第三方庫或插件。
3. 瀏覽器緩存：
►正確配置 HTTP 緩存標頭，以使網頁資源可以在瀏覽器中進行緩存。
►使用 Service Workers 緩存資源，以便離線訪問時加速頁面加載。
4. 優化代碼：
►優化 JavaScript 代碼，避免使用過多的迴圈和複雜的操作。
►移除不必要的重複代碼和功能，並避免不必要的重新渲染。
5. 縮短首次渲染時間：
►最小化 HTML、CSS 和 JavaScript 文件的大小。
►將 JavaScript 放置在頁面底部，或使用異步載入以減少阻塞渲染的時間。
►使用 CDN（內容傳遞網絡）來加速資源載入時間。
6. 優化移動設備體驗：
►使用 CSS Media Queries 和 Responsive Design 來確保網站在各種設備上呈現良好。
►減少不必要的動畫和特效，以提高移動設備上的性能。
7. 定期監控和優化：
►使用工具（如 Lighthouse、Google PageSpeed Insights）定期測試和監控網站性能，並根據結果進行優化。
►分析用戶行為和網站性能指標，並持續改進和優化網站以提供最佳用戶體驗。
這些是優化網站性能的一些常見方法，根據實際情況，你可以選擇適合你的網站的策略來改善性能~
想知道更多PM知識，點擊共學，一起學習成長~
0
0
693 0
拍手
留言
分享
Line
複製連結
收藏
生成式AI技術突破：聯發科「老婆回答機器人」震撼登場
在AI技術不斷進步的今天，台灣知名半導體公司聯發科（MediaTek）推最新推出的生成式AI平台「MediaTek DaVinci」以及號稱繁體中文最強大型語言模型「MR BreeXe」：一款能夠回答老婆問題的生成式AI，讓許多人矚目不已！
【什麼是 MediaTek DaVinci＆MR BreeXe？】
►MediaTek DaVinci：商業化生成式AI平台
基於聯發科技生成式AI服務框架（GAISF）開發的商業化生成式AI平台。初始為集團內部打造，具資料安全性、提高生產力的生成式AI工具。獲得各部門廣泛使用，並發展成為可供外部企業導入的生成式AI服務平台。
►MR BreeXe：繁體中文最強大型語言模型
以Mixtral 8x7B模型為基礎開發，擁有強大的語言理解和生成能力。在繁體中文測試項目超越GPT-3.5，對台灣地端應用進行優化，提升使用體驗。支援全地端與部分地端的佈設場景，可進行多樣本學習和微調的客製化。
【應用層面廣泛】
►家庭溝通
「當老婆說她沒事的時候，那我們要如何回應？」
工程師有時候會猜不透，另一半訊息背後隱藏的含義。只要透過這個生成式AI平台翻譯，就能在家庭溝通中的應用，減少誤解和衝突的發生。
►一秒化身行銷大師
只要用點擊滑鼠的簡單動作，也可以迅速成為經驗豐富的品牌行銷專家，輕鬆生成引人注目的圖文內容，並在各個平台上一鍵發布。此外，還能使用AI助理協助安排最佳的行程路線並協助線上訂票，為您的生活和工作帶來更多便利！
【與其他AI助手的區別】
聯發科AI平台優勢為擁有多樣化大型語言模型，資訊安全保障，比其他競爭對手更具優勢。且具備多重保護機制，確保使用者的資訊安全，避免資安風險。
此外，聯發科與多家企業合作，推動AI技術在各行業中的應用。提升企業生產力、解決AI應用痛點、創造商機等。
1
0
219 0
拍手
留言
分享
Line
複製連結
收藏
Lighthouse中的PWA是什麼？白話文解釋、分析優缺點
PWA 是一種讓網站像原生應用程式一樣運作的技術。這意味著你可以透過瀏覽器訪問這個網站，就像你下載和安裝一個應用程式一樣，但實際上你並不需要在你的設備上安裝任何東西。 PWA 在 Web 上運行，但它提供了和原生應用程式一樣的體驗。
【優點】
1. 跨平台性：PWA 可以在任何支持現代瀏覽器的平台上運行，包括桌面、移動設備和平板電腦。
2. 不需要安裝：用戶無需從應用商店下載或安裝 PWA，只需通過瀏覽器訪問即可使用，節省了用戶的時間和設備空間。
3. 更新方便：PWA 更新無需通過應用商店，可以自動更新，使得開發者能夠更快地推出新功能和修復漏洞。
4. 離線功能：PWA 可以在沒有網絡連接的情況下工作，用戶可以繼續訪問之前訪問過的內容或功能。
5. 優化性能：PWA 通過瀏覽器緩存和服務工作者等技術，能夠提供更快速的加載速度和更流暢的用戶體驗。
【缺點】
1. 有限的原生功能：與原生應用程式相比，PWA 的訪問權限和原生功能（如通訊錄、相機等）可能受到限制。
2. 對某些功能的支援不足：某些平台或設備可能對 PWA 的支援不完整，導致某些功能無法正常運作。
3. 依賴於瀏覽器：PWA 的性能和功能受限於用戶所使用的瀏覽器，某些瀏覽器可能不支持某些功能。
4. 可能影響 SEO：儘管 PWA 可以被搜索引擎索引，但一些搜索引擎對 PWA 的索引和排名可能不如原生應用程式那麼友好。
總的來說，儘管 PWA 具有許多優點，但它也有一些限制和缺點，開發者應該根據具體情況來考慮是否使用 PWA 技術。
0
0
413 0
拍手
留言
分享
Line
複製連結
收藏
【免費報名】3/18與你分享 跨域轉職正夯，揭密成功轉職心法
想跟著金牌就業培訓講師邁向你的理想職涯嗎？🚀
年後往往掀起一波轉職潮，企業更釋出大量缺…
或許你不知道根據人力銀行統計「跨領域」轉職趨勢正逐年增高！
追逐理想職涯路上你並不孤單🤗
你缺的只是勇敢跨出的那一步~
▋ 跟著直播離成功更進一步
你將獲得…
🚩 年後全新局面的因應指南
🚩 跨領域轉職是「歸零」還是「未嘗試的成功機會點」？
🚩 7大領域的IT人才進入攻略
🚩 5個月內從0 → 實戰力的核心關鍵
🚩揭密跨域轉職者求職的突破點
本次邀請同時俱 #業界實戰、 #企業主管 、 #轉職就業培訓教學 三大經歷的雙講師線上與你分享一陸以來他們如何幫助眾多學員一個個推向理想職涯的！
▋ 本場講者
李偉銘 老師
軟體產業5年開發、管理、規劃資歷。
曾任資深軟體工程師、技術副理，經手許多金控及公家機關等開發專案。
現任 緯育TibaMe Java雲端服務開發技術養成班、前端工程師專業技術養成班等5大就業養成班授課講師
Reds老師
軟體產業5年開發、管理、規劃資歷。
曾任資深軟體工程師，軟體專案主管。擁有半導體、政府、中小型企業軟體專案開發與維護經驗，包含台灣惠普(HP)、民航局、神腦…等。
現任 微軟Ｃ＃全端開發工程師養成班 講師
▋ 直播詳細資訊
主題：【揭密年後轉職薪高度TIPS】 5個月內從零基礎到成功跨域就業
時間：3/18（一） 20:00 - 21:00
直播連結：報名後活動當日mail提供
0
2
16649 4
拍手
留言
分享
Line
複製連結
收藏
#限時1天【免費領取 #25小時程式課程】
各位同學好：
一年一度大家期待的 軟體工程師體驗營來了！！！
2024 年 AI 技術熱度大為提升，為此我們決定釋出學習資源，舉辦【軟體工程師體驗營】一個月帶你做出個人品牌網站。
藉由 30 天程式體驗營的特訓，探索自己是否適合成為工程師，並介接目前最為流行的 Hexo 架站工具，打造個人品牌網站。
✅ 如果您是程式初學者符合以下條件，歡迎您來進修：
- 工作好幾年，薪資一直不上不下，想嘗試轉換跑道
- 自學程式一陣子，不確定是否達到就業水平，想讓人幫忙檢視程式碼
- 工作內容都是軟性技能居多，想習得一個硬技能
✅ 如果您想成為數位工作者，符合以下幾點需求，歡迎您來進修：
- 學業或工作需要個人品牌網站，替自己宣傳價值
- 知道搜尋引擎 SEO ，建立品牌護城河很重要，但沒有門路
- 想讓工程師技能，做為快速規模化的武器，來提升本業發展
✅ 30 天軟體工程師體驗營，我們提供什麼資源給您？
- 5 場直播教學，5 月的每週三晚上，由六角學院講師親自授課
- 60 小時總計超過 150 部的前後端程式影音課程，提供 6 個月期間無限次數觀看
- 活動期間提供線上程式助教團隊，一行行批改您的程式碼作業，確保達到就業水準
- Discord 線上討論群組，講師與助教也同時會加入，幫助學習不卡關
- 活動期間提供 7 份作業任務(4 個小節作業與 2 道 UI 設計稿作業任務、1 道架站任務)，提供多頁 UI 設計稿，並授權做為面試作品
✅ 此次工程師體驗營，您會獲得什麼
本次體驗營不紙上談兵，全部都會講拳拳到肉的實戰經驗，這門課程將會提供一個全新主題「Hexo 從零打造個人品牌網站」的 UI 網頁設計稿。
並且透過直播教學，手把手帶您進入實務開發，讓您也有辦法一起動手做出來，藉此貼近業界實務設計流程。
⚡本年度體驗營主題：Hexo 從零打造個人品牌網站⚡
我們將會出一式 UI 設計稿，並提供響應式手機版網頁來作為練習，共計 10 頁。
✅ 直播授課期間
主要是由六角講師，分享此活動的 7 份作業該如何寫，並會在直播過程中寫 Code，分享該如何解題。
✅ 重要時間軸：
- 本週四 4/11 中午12點準開放報名 ！
- 開學典禮：4/24（三）
- 授課堂數：5/1（三）、5/8（三）、5/15（三）、5/22（三）、5/29（三）
- 授課時段：各授課堂數的 20:00~22:00
- 教學時數：每堂 2 小時，共 5 堂，總計 10 小時
✅ 報名門檻與人數限制
- 活動人數限制：無限制人數
- 報名門檻與活動條件：無年齡、背景限制
🎁倒數1天，免費預約🎁
2
2
612 0
拍手
留言
分享
Line
複製連結
收藏
【活動資訊】資安技術實作坊：滲透測試實作
🌟 安碁學苑資安技術實作坊PART II即將登場 🌟
隨著大型語言模型與生成式AI技術的蓬勃發展，駭客層出不窮的攻擊手法越來越高明，企業為了確保本身系統與網路環境是否安全無虞，紛紛轉向尋求滲透測試（Penetration Test）服務，尋找是否尚有未發掘的漏洞盲點。
若對模擬駭客攻擊系統有興趣，想持續朝資安技術前進，安碁學苑的「滲透測試管理師」職能培訓，協助您了解滲透測試概念、漏洞偵測與修復，帶您一探PT的世界 🔍 🔍
還在猶豫沒關係，先來參加4月份的資安技術實作坊，體驗何謂滲透測試，透過實務操作練習，不只能在紙上談兵更能親自駭一回！
‼️活動免費，席次有限，趕快來報名吧 ‼️
💡4月實作坊主題：滲透測試實作
📆 2024年04月19日 (五) 14:00 -15:30
📍安碁學苑(台北市信義區基隆路二段51號4F-5)
0
0
132 0
拍手
留言
分享
Line
複製連結
收藏
不知如何開始學習嗎？ 先進行技能挑戰吧～
我要挑戰
