本專區由 大前端 團隊提供資訊和技術支持，歡迎社區成員申請加入管理小組。
移動、前端、小程序、跨端……大前端領域百花爭鳴，把握大前端未來的方向，關注科技企業的大前端實踐，在這里看到大前端的前沿。
管理員
加載中
置頂
發表了博客
前天 17:07
有研究發現，網站加載時間每增加一秒，用戶便會流失10%。為提高頁面的秒開率，各路人馬不斷探索著優化策略，僅僅在瀏覽器領域下的優化已經滿足不了極致的要求了，大家開始往服務端方向不斷探索，并一度讓【服務端渲染】這一古早的概念“翻紅”，且炒得火熱。 服務端渲染簡稱 SSR，全稱 Server Side Rendering，顧名思義是將渲染的工作放在 Server 端進行。這種辦法不僅有利于首屏渲染，提高 SPA 應用的首屏響應速度，還方便搜索... 展開更多
置頂
程序員
發表了問答
今天 10:32
\RuoYi-Vue-master\ruoyi-ui> npm install npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! While resolving: ruoyi@3.8.6 npm ERR! Found: webpack@5.89.0 npm ERR! node_modules/webpack npm ERR! peer webpack@"^4.0.0 || ^5.0.0" from html-webpack-plugin@4.5.2 npm ERR! node_modules/html-webpack-plugin npm ERR! peer html-webpack-plugin@"^3.0.0 || ^4.0.0" from sc... 展開更多
置頂
發表了博客
前天 09:56
引言 近期，三大主流瀏覽器引擎均發布最新版本，支持W3C的CSS Color 4標準，包含新的取色方法color()和相應語法，可展示更多的色域及色彩空間，這意味著web端能展示更豐富更高清的色彩。雖然目前只有最新版本的現代瀏覽器才支持，我們可以先提前了解一下這項新標準。 本文首先會先簡單介紹幾個色彩的基礎概念，了解為何需要新標準，之后會介紹新標準中的方法和語法使用。 基礎概念 色域（color gamut） 指顏色的可選范圍。如sRG... 展開更多
置頂
發表了博客
10/26 22:40
你好，我是 Kagol。 非常高興跟大家宣布，2023年10月24日，OpenTiny Vue 發布了 [v3.11.0](https://github.com/opentiny/tiny-vue/releases/tag/v3.11.0) ??。 OpenTiny 每次大版本發布，都會給大家帶來一些實用的新特性，8.14 我們發布了 [v3.10.0](https://github.com/opentiny/tiny-vue/releases/tag/v3.10.0) 版本，增加了4個新組件，組件 Demo 支持在 Options 和 Composition api 之間切換。 [??OpenTiny Vue 3.10.0 版... 展開更多
置頂
發表了博客
10/26 07:37
你好，我是 Kagol。 ## 前言 上個月發布了一篇 Vue2 升級 Vue3 的文章。 [??少年，該升級 Vue3 了！](https://juejin.cn/post/7280006603637751865) 里面提到使用了 ElementUI 的 Vue2 項目，可以通過 TinyVue 和 gogocode 快速升級到 Vue3 項目。 有朋友評論替換button出錯了，并且貼出了報錯截圖。  出現這個報錯的原因是 TinyVue 組件庫... 展開更多
置頂
發表了博客
10/26 10:49
 作者 | Xiaodong >導讀 > >本文主要介紹了智能問答技術在百度搜索中的應用。包括機器問答的發展歷程、生成式問答、百度搜索智能問答應用。歡迎大家加入百度搜索團隊，共同探索智能問答技術的發展方向，文末有簡歷投遞方式。 >_全文6474字，預計閱讀時間17分鐘。_ # **01 什么是機器問答** 機器問答，就是讓計算機軟件系統自動回答人類提出的... 展開更多
置頂
發表了博客
10/20 14:15
本文分享自華為云社區《從0到1實現 OpenTiny 組件庫跨框架技術》，作者：華為云社區精選 。 在華為云《DTSE Tech Talk》技術直播第44期《0基礎玩轉 OpenTiny 跨框架組件庫，實現一站式前端進階》中，華為云前端開發 DTSE 技術布道師莫春輝老師在本期直播中與開發者一起交流了OpenTiny組件庫解決方案的核心優勢和設計理念，并通過具體的實操給大家演示OpenTiny如何從0到1實現組件庫跨框架技術。 從0到1帶你開發一個跨框架的UI組件... 展開更多
置頂
高級程序員
發表了博客
10/24 09:24
**前言** 原子設計是一種創建設計系統的方法，它將用戶界面分解為可重用的小組件，即： 1. Atoms 原子 2. Molecules 分子 3. Organisms 生物體 4. Templates 模板 5. Pages 頁面  通過遵循模塊化設計方法，原子設計可幫助團隊創建一致、可縮放且可維護的 UI。 在這篇文章中，小編將探討如何在 Vue 中實現原子設計。下文將從 Atom... 展開更多
置頂
高級程序員
發表了博客
10/24 12:04
**前言** 過去，我們瀏覽靜態網站時無須過多關注內存管理，因為加載新頁面時，之前的頁面信息會從內存中刪除。 然而，隨著單頁Web應用（SPA）的興起，應用程序消耗的內存越來越多，這不僅會降低瀏覽器性能，甚至會導致瀏覽器卡死。因此，在編碼實踐中，開發人員需要更加關注與內存相關的內容。因此，小編今天將為大家介紹JavaScript內存泄漏的編程模式，并提供一些內存管理的改進方法。 **什么是內存泄漏以及如何發現它？**  作者 | 劉俊啟 >導讀 > >在軟件開發中，經常會遇到一些代碼問題，例如邏輯結構復雜、依賴關系混亂、代碼冗余、不易讀懂的命名等。這些問題可能導致代碼的可維護性下降，增加維護成本，同時也會影響到開發效率。這時通常通過重構的方式對已有代碼結構進行改進和優化。在重構的工作中，大部分的工作是人工的方式完成，是一個耗時且容易出錯的... 展開更多
置頂
發表了博客
10/23 10:06
簡介 飛碼是京東科技研發的低代碼產品，可使營銷運營域下web頁面快速搭建。飛碼是單web頁面搭建工具，從創建頁面到監測再到投產的一站式解決方案。會通過七篇文章介紹飛碼，分別是：（1）背景與數據結構設計，（2）如何便捷配置出頁面-1，（3）如何便捷配置出頁面-2，（4）如何便捷配置出頁面-3，（5）如何便捷配置出頁面-4，（6）如何便捷快速驗證實現投產及飛碼探索，（7）飛碼畫布的設計。 一、背景與分析 營銷域下web頁面邏... 展開更多
置頂
發表了博客
10/20 09:28
前言： 京東小程序開放平臺是由京東自主研發的開發者開放平臺，類似于微信和支付寶的小程序開放平臺，提供了豐富的開放能力和完整的小程序開發生命周期所需的功能。開發者可以輕松地使用開發者工具IDE進行開發、調試、預覽和代碼轉換，并在控制臺進行線上小程序發布、審核、灰度、AB測試等流程，此外還可以在管理后臺監控小程序的異常、性能、業務數據。 小程序作為一種輕量級、便捷、個性化的應用形態，可塑性非常強，其強大功... 展開更多
置頂
高級程序員
發表了博客
10/19 09:00
> 本文由葡萄城技術團隊首發。轉載請注明出處：[葡萄城官網](https://www.grapecity.com.cn/)，葡萄城為開發者提供專業的開發工具、解決方案和服務，賦能開發者。 **設計模式簡介** 設計模式是由經驗豐富的程序員在日積月累中抽象出的用以解決通用問題的可復用解決方案，它提供了標準化的代碼設計方案提升開發體驗。Node.js 作為一款用來構建可擴展高性能應用的流行平臺，自然也遵循設計模式解決通用問題。本文中，我們將討論 ... 展開更多
置頂
發表了博客
10/18 14:56
01 RPC 協議開發微服務 在我們正常開發微服務的時候，傳統 RPC 服務可能在最底層。上層可能是瀏覽器、移動端、外界的服務器、自己的測試、curl 等等。我們可能會通過 Tomcat 這種外部服務器去組裝我們的 RPC 層，也就是 BFF?；蛘呶覀儧]有 BFF，我們的 RPC 就是對外提供服務。但因為瀏覽器要訪問，所以我們需要有一個網關，比如說 APISIX 或者 ShenYu 等 HTTP 網關。 上圖展示的是我們的流程，但是存在一些問題。 如果我們的服務... 展開更多
置頂
高級程序員
發表了博客
10/17 09:00
> 摘要：本文由葡萄城技術團隊原創并首發。轉載請注明出處：[葡萄城官網](https://www.grapecity.com.cn/)，葡萄城為開發者提供專業的開發工具、解決方案和服務，賦能開發者。 **前言** 釘釘作為目前很多企業都在使用的移動辦公平臺，提供了很多常用的OA審批功能，同時也支持自定義審批流程，極大的方便了企業的辦公審批，那么對于低代碼平臺而言是否可以實現與釘釘的對接呢？答案當然是肯定的，下面小編就以活字格為例為大家介... 展開更多
置頂
發表了博客
10/16 09:43
1.什么是原子化 CSS? Atomic CSS is the approach to CSS architecture that favors small, single-purpose classes with names based on visual function. Let’s Define Exactly What Atomic CSS is ? 上文的意思翻譯過來就是原子化CSS是一種CSS的架構方法，傾向于使用用途單一且簡單的CSS，通常是根據視覺效果進行類的命名，不同于BEM規則的CSS，原子的意思就是將CSS進行拆分，每個樣式都有一個唯一的CSS規則，例子如下，每... 展開更多
置頂
發表了博客
10/16 10:45
# **介紹** MicroApp是由京東前端團隊推出的一款微前端框架，它從組件化的思維，基于類WebComponent進行微前端的渲染，旨在降低上手難度、提升工作效率。MicroApp無關技術棧，也不和業務綁定，可以用于任何前端框架。 - 源碼地址： [https://github.com/micro-zoe/micro-app](https://github.com/micro-zoe/micro-app) - 官網地址： [https://micro-zoe.github.io/micro-app](https://micro-zoe.github.io/micro-app) 微前端是一... 展開更多
沒有更多內容
加載失敗，請刷新頁面
