vivo 前端三劍客發展歷程及原理揭秘
作者： vivo 互聯網前端團隊- Han Xuejian、Zhang Hao 異地協作模式，給開發和測試間的問題溝通及定位帶來了諸多挑戰。本文從前端開發視角出發， 闡述在這過程中遇到的痛點，探索解決的思路，並在過程中成功孵化出技術工具“前端三劍客”，文章深入解析了“前端三劍客”技術的實現原理及應用場景。 1分鐘看圖掌握核心觀點👇 一、背景 隨着公司業務的不斷髮展，異地協作成為一種常態
昵稱 vivo互聯網技術
@前端
貢獻者508
粉絲0
貢獻者
@前端
動態 列表
Joker 智能開發平台-組件開發
組件開發 在前端項目開發中，組件開發佔據着舉足輕重的地位。通過組件封裝，能夠將公共業務或 UI 交互進行統一整合，有效避免重複開發，極大地提高開發效率。 JOKER 開發平台展現出卓越的優勢，它支持在線進行組件開發，且開發完成的組件無需經過編譯，即可在平台內直接引用並渲染。這得益於 JOKER 開發平台自主研發的渲染與沙箱機制，實現了框架層面的高度靈活性。 一個完整的組件主要由以下幾大功能點構成：
昵稱 趙大碗
從源碼到商用：搭建並優化你的專業級三角洲小程序
獲取三角洲小程序的源碼只是第一步。從最基礎的環境搭建、源碼部署，到關鍵的性能優化、安全加固，最終完成商業化包裝與合規上線，打造一個真正穩定、高效、專業的商業級應用。 一、前後端架構組成前端組成： 前端使用Uniapp-vue2.0框架進行開發。該框架支持多端同步，包括微信公眾號、小程序、H5 端以及 PC 端後台。後端組成：後端採用ThinkPHP6框架。該框架提供了豐富的功能
昵稱 伊伊DK
Joker 智能開發平台-組件狀態數據
組件狀態數據 本章主要講解組件中的狀態數據，我們可以在這裏去維護一個組件的參數約束、內部響應式數據以及內部私有變量。 概述 組件狀態數據是組件開發中最為常用的功能之一。 當打開一個組件或頁面文件時，工作台左側菜單中會顯示組件數據菜單，點擊後即可打開組件數據面板。 從數據使用的角度出發，可將其分為以下幾類 輸入參數（props）、 響應數據（model）、內部私有屬性，接下來我們來詳細講解下這三種
昵稱 趙大碗
使用Cursor開發Strapi5插件bag-strapi-plugin
🎯 為什麼開發 bag-strapi-plugin？ 問題的起源 在使用 Strapi 5 開發多個項目後，我發現每個項目都需要重複實現一些通用功能： 用户認證系統 - JWT Token 管理、密碼加密、登錄註冊 API 安全保護 - 簽名驗證、限流防刷、加密傳輸 驗證碼功能 - 圖形驗證碼、短信驗證碼 菜單管理 - 後台菜單的數據庫設計和 CRUD 加密工具 - AES、RSA、
昵稱 羊先生
社會化的本質，是把自己變成一家公司
今天下午，我和一位剛畢業三年的學弟小陳喝咖啡。他皺着眉頭説：“師兄，我每天加班到十點，KPI從不掉隊，可升職加薪總輪不到我。是不是我還不夠努力’？” 我笑了。這讓我想起今早讀的一篇文章，裏頭有句話戳心窩子：“一個人完成社會化的標誌，是認識到個人努力在趨勢、時機、運氣面前的渺小。” 換句話説——成年人的世界，比的不是誰更勤奮，而是誰更懂“資源配置”。 一、你的“大學生身份”，是時代給你的最後一次政策
昵稱 楚門的世界
每次遊戲卡的時候，策劃總問：是不是DrawCall太高了？
點擊上方font color=blue億元程序員/font+關注和font color=orange★/font星標 引言 “玩家反饋這個界面好卡啊！” “測試機幀率都掉到個位數了！” “是不是因為DrawCall太高了？” 最近某個策劃同事總是發出類似這樣的靈魂拷問。 不知道是不是上次遊戲卡的時候給他提了一下DrawCall這個專業名詞。 並且告訴了他在哪裏可以查看這個數值： 結果一發不可收
昵稱 億元程序員
在 Astro 博客中優雅使用 51.la 統計數據
作為老牌網站流量統計服務商，51.la 提供每月高達 1000 萬次的免費統計額度，非常適合個人博客或小型網站使用。不過，51.la 默認的統計展示是通過嵌入 JS 文件自動渲染的，這種展示方式對美觀性和自定義性有限，對於追求頁面整潔或者想要自己設計展示風格的博主來説不太方便。 我之所以想自己處理 51.la 的統計，是因為我希望更直觀地看到有多少人訪問我的博客，瞭解訪客的訪問情況，從而改進內容和
昵稱 蘇琢玉
什麼是 JPA 實體類
JPA 實體類（JPA Entity）是 Java 程序中與數據庫表一一映射的特殊類，用於將 Java 對象與數據庫表記錄進行關聯，是 ORM（Object-Relational Mapping，對象關係映射）思想的核心載體。簡單説，一個 JPA 實體類對應數據庫中的一張表，類中的字段對應表中的列，類的實例對應表中的一行記錄。 JPA 實體類的核心特徵 必須用 @Entity 註解標記
@aoshizhongshengdesongshu_68fcd9327eb2a
昵稱 傲視眾生的松鼠
Joker 智能開發平台-組件生命週期
組件生命週期 本章主要介紹組件生命週期的創建和維護。 如何創建和維護 我們可以在組件數據面板中的邏輯/事件 - 生命週期中來管理我們的組件生命週期。當我們生命週期右側的加號按鈕後，可以添加生命週期函數。添加後，我們即可在這裏維護我們的生命週期邏輯了。（邏輯編排幫助文檔可以在這裏中查看。） 一個組件或者頁面，從創建到銷燬是由完整的一套生命週期函數的，我們可以通過這些函數來實現在不同節點中的業
昵稱 趙大碗
小而美的在線甘特圖工具
作為一名項目管理工具的重度使用者，發現了一款小兒美的在線甘特圖工具： StarGantt 。抱着獵奇的心理體驗了一把，我必須説一句：這次真的有驚喜！團隊在最近一週內密集推送了多個實用功能，從細節優化到重磅新特性，每一處改進都能感受到開發者對用户體驗的用心。 🎯 亮點功能 一、列設置功能——這才是我要的自定義體驗 體驗評分：⭐⭐⭐⭐⭐ 説實話，剛看到"列設置"這個功能時我還挺平靜的，但真正用起來後
昵稱 李玉寶
《首屏加載優化手冊：Vue3+Element Plus項目提速的技術細節》
接手公司內部管理系統的前端優化需求時，首先面臨的是用户集中反饋的“首屏加載慢”問題—測試環境用Lighthouse檢測，首屏加載時間長達6秒，TTI（可交互時間）更是超過8秒，不少異地辦公的同事因為網絡波動（比如偏遠地區的4G信號），甚至要等10秒才能操作界面，有客户在反饋中明確表示“每次打開系統都要等半天，趕報表時急得冒火，嚴重影響工作效率”。這套系統基於Vue 3+Element Plus開發
昵稱 程序員阿偉
我的Python工具箱，不用加班的秘密
一個程序員的成長，除了寫代碼，很大一部分也在於不斷髮現和運用更好的工具。分享8個大大提高工作效率的工具，同事還在加班的時候，你都回到家了。 ServBay：本地開發環境的基石 無論做什麼開發，一個穩定、隔離、易於管理的環境都是基礎。ServBay幫我把這個基礎打得非常牢固。 多版本共存：我可以在一台電腦上同時安裝和運行多個Python版本，維護老項目用2.7，新項目就用3.11，互不干擾。如
昵稱 煩惱的沙發
【Django開發】django美多商某城項目完整開發4.0第13篇：Docker使用,Docker簡介【附代碼文檔】
🏆🏆🏆教程全知識點簡介：1.郵件驗證系統包括Django發送郵件、保存郵箱併發送驗證郵件、Celery使用Django配置文件設置。2. 地址管理涵蓋shou貨地址、省市區地址查詢、數據庫建表、後端接口設計、前端實現、緩存使用（安裝、使用方法、省市區視圖緩存、緩存數據保存位置和有效期設置）、用户地址管理。3. 數據庫設計包括用户部分、產品部分、數據庫表設計、表結構、數據庫模型類。4. 容器
昵稱 程序員一諾python
揭秘AI訓練師：50w年薪，字節華為瘋搶的新職業，文科生友好！
近日，職場圈傳來一個令人驚訝的消息——字節跳動、特斯拉、百度、阿里、華為等科技大廠都在高薪搶聘一個新興的職位：AI訓練師。這個崗位不僅被各大企業爭相搶奪，甚至被納入國家職業分類目錄，成為認證的新職業。 一個聽起來略顯陌生的職位，憑什麼吸引行業巨頭紛紛拋出橄欖枝？它究竟是曇花一現的短暫風口，還是未來十年的黃金賽道？接下來，讓我們一探究竟。 01 AI訓練師：人工智能背後的"人類教師" AI訓練師，顧
昵稱 曼孚眾包
《最新出爐》系列初窺篇-Python+Playwright自動化測試-1-環境準備與搭建
1.簡介 有很多人私信留言宏哥問能不能介紹一下Playwright這款自動化神器的相關知識，現在網上的資料太少了。其實在各大博客和公眾號也看到過其相關的介紹和講解。要不就是不全面、不繫統，要不就是系統全面但是人家是收費的。當然了宏哥接下來也可能介紹的不全面或者不繫統，能力有限望大家理解。 2.Playwright 是什麼？ 微軟在 2020 年初開源的新一代自動化測試工具，它的功能類似於 Sele
昵稱 北京宏哥
Nodejs - 9步開啓JWT身份驗證
本文翻譯自 9 Steps for JWT Authentication in Node.js Application，作者：Shefali， 略有刪改。 身份驗證是Web開發的重要組成部分。JSON Web令牌（JWT）由於其簡單性，安全性和可擴展性，已成為在Web應用程序中實現身份驗證的流行方法。在這篇文章中，我將指導你在Node.js應用程序中使用MongoDB進行數據存儲來實現JWT
昵稱 南城FE
jsonp的排序，當我們抓取到的數據不是我們想要的順序該如何處理？
當我們抓取的數據不符合我們的結構的時候怎麼辦？ 在method裏面獲取完我們的數據之後，再寫一個方法對那些數據進行處理 重新寫的方法裏面可以先設置一個let map，裏面可以設置空數組 然後用forEach便利我們想處理的數據，使用箭頭函數創建if條件 if處理完之後用push，push我們要的東西或者我們過濾完的 再把處理完的數據放入空數組當中 如何得到有序列表？
昵稱 Winnie
jsonp跨域原理解析
1、背景： 由於瀏覽器同源策略的限制，非同源下的請求，都會產生跨域問題，jsonp即是為了解決這個問題出現的一種簡便解決方案。 2、同源策略： 同一協議，同一域名，同一端口號。當其中一個不滿足時，我們的請求即會發生跨域問題。 舉個栗子🌰： http://www.abc.com:3000到https://www.abc.com:3000的請求會出現跨域（域名、端口相同但協議不同） http:
昵稱 姓趙的趙先生
「一起造輪子」從1.9k的jsonp庫出發🏗一起實現jsonp
1. 什麼是jsonp？ 下方是維基百科對JSON的解釋 從這個解釋中，我們可以知道，完成jsonp需要的步驟主要有以下兩點： 向頁面中插入一個帶有請求鏈接的script標籤 通過回調函數，獲取需要的JSON數據 2. jsonp庫是如何實現的？ jsonp是一個star數1.9k的倉庫，實現了一個簡單的jsonp方法 jsonp倉庫傳送門 2.1 傳入參數 url 傳入的u
昵稱 修仙大橙子
JSONP 跨域原理及實現
前言 在日常項目開發過程中，跨域以及如何解決跨域問題是前後端開發同學繞不開的話題。JSONP 跨域就是一種經典的解決跨域問題的方案。 💡温馨提示：本文全文 1921 個字，推薦閲讀時間 10min ，加油老鐵！ 一、同源策略和跨域 1.1 同源策略 1.1.1 什麼是同源 如果兩個頁面的協議，域名和端口都相同，則兩個頁面具有相同的源 例如，下表給出了相對於 http://www.test
昵稱 雲魚
JSONP的實現
1. 是什麼 JSONP全稱(Json with Padding);由Bob Ippolito於2005年提出。JSONP支持繞過同源策略共享數據。 由於同源策略，瀏覽器在發送Ajax請求時，只接收同域服務器響應的數據資源；JSONP是利用了 script 標籤的 src 屬性來實現跨域數據交互的，因為瀏覽器解析HTML代碼時，原生具有src屬性的標籤，瀏覽器都賦予其HTTP請求的能力，而且
昵稱 JINL9s27
JSON-LD 類型使用示例大全
本文是針對 JSON-LD 類型的使用示例及其簡要介紹與説明。每個類型的示例展示瞭如何在 JSON-LD 中進行標註，並附帶了簡要説明，希望對你有所幫助。 文章目錄 JSON-LD 的主要核心類型 Thing（事物） CreativeWork（創作作品） Event（事件） Intangible（非實體事物） Organization（組織） P
昵稱 axiaoxin
FeHelperPlus：提升前端開發效率的VsCode插件（支持：JSON轉TS、JSON和EXCEL互轉 等）
根據JSON生成TS類型 在日常開發中，根據JSON生成TS類型是常見需求。只需選中 JSON 字符串，鼠標右鍵喚起菜單或者使用快捷鍵，即可自動生成 TypeScript 類型約束。支持小駝峯、下劃線等多種命名風格，操作簡單，結果精準。 多語言JSON文件和Excel文件互相轉換 在多語言項目中，JSON 文件與 Excel 文件的轉換是常見需求。該插件支持扁平化和非扁平化 JS
昵稱 活潑的臉盆