tag 前端

標籤
貢獻1,041
1089
06:37 AM · Oct 27 ,2025
tuzixiansen_63d4d65909d62 頭像 opentiny 頭像 qaz666 頭像 invalidnull 頭像 dirackeeko 頭像 smileZAZ 頭像 junxiudetuoba 頭像 jdcdevloper 頭像 yayu 頭像 icecreamlj 頭像 beishangdejianjidan_cqxuxf 頭像 xixindehongjiu 頭像

@前端 / 博客 RSS 訂閱

jdcdevloper 頭像

京東雲開發者 - 抽象語法樹AST必知必會 | 京東物流技術團隊

1 介紹 AST 打開前端項目中的 package.json，會發現眾多工具已經佔據了我們開發日常的各個角落，例如 JavaScript 轉譯、CSS 預處理、代碼壓縮、ESLint、Prettier 等。這些工具模塊大都不會交付到生產環境中，但它們的存在於我們的開發而言是不可或缺的。 Babel，Webpack，Vue-cli 和 EsLint 等很多的工具和庫的核心都是通過 Abstract

ast , 抽象語法樹 , 前端 , html5 , Javascript

收藏 評論

sovitjs 頭像

可視化PaaS開發 - 目前主流的9款Web前端框架

啓動項目時，請查看 2023 年最好的 Web 前端框架。為什麼選擇合適的工具很重要? 前端開發人員使用前端框架來簡化工作。這些軟件包通常提供可重用的代碼模塊、系統化的前端技術和預構建的接口塊。這使團隊可以更快、更輕鬆地創建可持續的 Web 應用程序和用户界面，而無需從頭開始編寫每個功能或對象。在開發 Web 應用程序時，有必要使用現代工具。 數維圖科技小編在這裏列出 2023 年 9 個流行的

前端框架 , 前端設計 , 前端 , Javascript , Web

收藏 評論

chenxiaoxi_619df8932f34a 頭像

陳小西 - 詳解主流的Hybrid App 技術框架與研發方案

移動操作系統在經歷了諸神混戰之後，BlackBerry OS、Symbian OS、Windows Phone等早期的移動操作系統逐漸因失去競爭力而退出。目前，市場上主要只剩下安卓和iOS兩大陣營，使得iOS和安卓工程師成為搶手資源。然而，由於兩者系統的差異，開發同一個應用需投入兩倍的工作量，不僅增加了人力成本，而且由於不同團隊的開發，細節實現和應用一致性也面臨問題。 因此，迫切需要一種能夠一次開

小程序 , hybrid-app , 前端

收藏 評論

tinygeeker 頭像

江户川亮仔 - 禁止別人調試自己的前端頁面代碼

🎈 為啥要禁止？ 由於前端頁面會調用很多接口，有些接口會被別人爬蟲分析，破解後獲取數據 為了 杜絕 這種情況，最簡單的方法就是禁止人家調試自己的前端代碼 🎈 無限 debugger 前端頁面防止調試的方法主要是通過不斷 debugger 來瘋狂輸出斷點，因為 debugger 在控制枱被打開的時候就會執行 由於程序被 debugger 阻止，所以無法進行斷點調試，所以網頁的請求

經驗 , 加密 , 安全 , 前端 , Javascript

收藏 評論

jueqiangdeqianbi 頭像

倔強的鉛筆 - 什麼是 JSON？全面解析JSON

現在程序員還有誰不知道 JSON 嗎？無論對於前端還是後端，JSON 都是一種常見的數據格式。那麼 JSON 到底是什麼呢？ JSON 的定義 JSON （JavaScript Object Notation） ，是一種輕量級的數據交換格式。它的使用範圍很廣，併成為 ECMA 標準，可以被使用在多種編程語言中，用於前後端之間的數據傳輸、存儲和交換數據。可以説是“用更少的編碼，有更快的處理速度”，所

前端工程師 , 程序員 , 前端 , Json

收藏 評論

autohometech 頭像

之家技術 - 汽車之家頁面性能監控建設實踐

1 前言 關注用户體驗，提高頁面性能，是每位前端研發同學的日常工作之一。提高頁面性能對業務的幫助，雖不易衡量，但肯定是利遠大於弊。如何衡量頁面性能優劣？如何幫助研發同學快速定位到頁面性能瓶頸點？一直是前端的重點工作之一。本文分享汽車之家在頁面性能監控建設方面的部分工作，主要包含三方面： 技術選型 該選擇哪些頁面性能監控技術方案？ 在儘可能不影響頁面性能的前提下，既能客觀、全面衡量頁面性能，又

監控 , 性能 , 前端 , html5 , Javascript

收藏 評論

coder_64d08a0a77d68 頭像

Coder - 我第一個快200 Star 的項目，Taro H5 SSR 插件現在咋樣了

引言 我寫下這篇文章的初衷是，我認識到，編寫代碼的同時，我們也需要去分享我們的工作和成果，讓更多的人瞭解我們所做的事。這篇文章旨在記錄我的第一個近200 Star 的項目 tarojs-plugin-ssr，能讓更多的人去知道這個項目，瞭解到這個項目還被持續維護中。 我將在文章中講講這個項目的起源，回顧我與 Taro 項目的故事。同時，根據我有限的經驗，來回答一些朋友們關於如何參與開源項目的疑問。

小程序 , next.js , taro , ssr , 前端

收藏 評論

skychx 頭像

鹵代烴 - ⚡️ The Cost Of JavaScript (2017 - 2023) | JavaScript 性能優化之旅

如果你喜歡我的文章，希望點贊👍 收藏 📁 評論 💬 三連支持一下，謝謝你，這對我真的很重要！ 吐槽時間 不知道從什麼時候開始，前端開始卷一些 “高端知識”，動不動就瀏覽器底層原理，V8 是如何運行的，倒不是説這些沒啥用，只是來勢洶洶好像不懂這些就不能糊頁面一樣。 我工作中和內核團隊與虛擬機團隊也合作過並諮詢過他們這些相關問題，大家的態度也很明確，面對這種千萬行代碼的大型工程項目，他們作為專業

性能優化 , v8 , chrome , 前端 , Javascript

收藏 評論

shoyuf 頭像

shoyuf - 可能是東半球最好的 Web Font 優化方式「中文網字計劃」

中文網字計劃是收錄眾多中文字體並通過 Web Font 的形式為 網站開發者 提供美麗字體的項目。 中文網字計劃致力於在互聯網中提供更加便捷實用的全字符集中文渲染方案。中文網字計劃通過精巧設計的字體分包方式，將龐大的字體文件切割為多個小型靜態分包部署於雲端，在全網領域內都可快捷、穩定地進行加載。為提高中文字體在網絡中的流通體驗而努力！ 為什麼要使用獨特的中文字體 提高藝術風格的表現力

字體 , Css , 前端

收藏 評論

daishuyunshuzhanqianduan 頭像

袋鼠雲數棧UED - 一文了解 history 和 react-router 的實現原理

我們是袋鼠雲數棧 UED 團隊，致力於打造優秀的一站式數據中台產品。我們始終保持工匠精神，探索前端道路，為社區積累並傳播經驗價值。 本文作者：霜序 前言 在前一篇文章中，我們詳細的説了 react-router@3.x 升級到 @6.x 需要注意的問題以及變更的使用方式。 react-router 版本更新非常快，但是它的底層實現原理確是萬變不離其中，在本文中會從前端路由出發到 react

react , react-router , 前端

收藏 評論

jdcdevloper 頭像

京東雲開發者 - React請求機制優化思路 | 京東雲技術團隊

説起數據加載的機制，有一個繞不開的話題就是前端性能，很多電商門户的首頁其實都會做一些垂直的定製優化，比如讓請求在頁面最早加載，或者在前一個頁面就進行預加載等等。隨着react18的發佈，請求機制這一塊也是被不斷談起，並且在後續其實也給出了明確的方向。 假如我們頁面中有三個組件C1、C2、C3依次嵌套，每個組件中有對應的請求F1、F2、F3，通常大多數人會使用useeffect和state變量來實現

性能優化 , react , 前端性能 , 前端 , Javascript

收藏 評論

yimo 頭像

易墨 - 02.前後端分離中台框架前端 admin.ui.plus 學習-介紹與簡單使用

中台框架前台項目 admin.ui.plus 的初識 基於 vue3.x + CompositionAPI setup 語法糖 + typescript + vite + element plus + vue-router-next + pinia 技術，內置支持一鍵生成微服務接口，適配手機、平板、pc 的後台權限管理框架，希望減少工作量，幫助大家實現快速開發。 框架一覽

vue.js , 前後端分離 , 中台概念 , typescript , 前端

收藏 評論

apifox 頭像

Apifox - JavaScript 閉包是什麼：深入瞭解

閉包是指在一個函數內部創建另一個函數，並且內部函數可以訪問外部函數的變量、參數以及其他內部函數，即使外部函數已經執行完畢。這種機制使得內部函數保留了對外部作用域的引用，即使外部作用域已經不再活躍。 為什麼閉包重要？ 閉包在 JavaScript 中具有重要的用途和價值。它們可以用於創建私有變量、封裝邏輯、避免全局污染等方面。另外，閉包還允許你在函數之外操作局部變量，從而為代碼提供更大的靈活性和可

編程 , 閉包 , 後端 , 前端 , Javascript

收藏 評論

jueqiangdeqianbi 頭像

倔強的鉛筆 - 優化開發流程：頂級 GraphQL 工具推薦

GraphQL 工具 本文章，會列舉一些好用的 GraphQL 工具，他們可以大大提升你在開發中使用 GraphQL 的效率哦！ Prisma 你可以這麼理解，Prisma 是一個 ORM 的庫，讓你使用 GraphQL 查詢時，可以使用對象的形式去查詢，而不需要使用查詢語句去查詢，非常方便，而且 Prisma 還擁有以下特點： Prisma 支持很多數據庫，比如 Mysql、Postgre

graphql , 開發工具 , 開發環境 , 後端 , 前端

收藏 評論

momo707577045 頭像

momo707577045 - 本地字體測試工具

如何檢查當前機器是否已安裝某字體？ 如何獲取當前機器所安裝的所有字體？ 試試這個，無需安裝，一鍵測試

工具 , 字體 , 效率 , 前端

收藏 評論

invalidnull 頭像

註銷 - 什麼是面向對象編程領域的胖接口 - Fat Interface

在面向對象編程（Object-Oriented Programming，簡稱 OOP）領域，"胖接口"，也稱為"Fat Interface"，是一個被廣泛認識並且應當避免的設計反模式。這個術語指的是一個接口（或抽象類）包含了大量的方法，可能超出了單一職責的原則，導致接口變得臃腫、複雜和難以維護。在本文中，我將詳細解釋什麼是胖接口，為什麼它是一個問題，並通過實例來加深理解。 胖接口的定義和問題： "

面向對象編程 , oop , 面向對象設計模式 , 前端 , Javascript

收藏 評論

apifox 頭像

Apifox - 用 Apifox 的 Mock 功能模擬常見業務數據的最佳方法

Apifox 擁有強大的Mock 功能，兼容 Mock.js 語法的同時還提供 Nunjucks 和自定義腳本支持，能夠滿足不同場景需求。 今天給大家分享一些常見業務場景的 Mock 使用技巧，當然，實現的方法不唯一。在開始之前，你需要將 Apifox 的當前環境切換為「本地 Mock」或「雲端 Mock」環境。 模擬簡單數據 要模擬一些簡單的數據，只需在 「返回響應」 裏定義字段，系統便會自動使

mock.js , mock , 前端性能 , 程序員 , 前端

收藏 評論

yangjunyi_612de77e8a34b 頭像

小羊不想失棉 - element一些小問題總結

問題：el-dialog加上v-loading會加在整個頁面上？ 解決：在el-dialog下套一個el-main或其他，將v-loading加在上面即可。 注意：加上el-main後 ，el-dialog自帶的頁腳區域不顯示，需自己手動寫 問題：修改el-dialog中el-dialog__body的內邊距不生效？ 解決：去掉style上的scoped屬性或者deep滲透

element , 前端

收藏 評論

jianrendechaomian_czry72 頭像

億元程序員 - Cocos獨立遊戲開發框架中的Socket網絡模塊

引言 本系列是《8年主程手把手打造Cocos獨立遊戲開發框架》，歡迎大家關注分享收藏訂閲。 Socket模塊是Cocos遊戲開發框架中的重要組成部分之一。通過Socket模塊，開發者可以輕鬆實現遊戲中的網絡通信功能，使得玩家可以與其他玩家進行實時交互或者獲取服務器上的數據。在遊戲開發中，網絡通信是不可或缺的一環，而Socket模塊的存在，為開發者提供了一個方便、高效、穩定的解決方案。無論是多人在線

遊戲引擎 , 遊戲開發 , socket , cocos , 前端

收藏 評論

beckyyyy 頭像

beckyyyy - 對BFC的理解

在前端的面試中，相對JavaScript而言，CSS佈局方面考察的內容會相對少一些，其中BFC是佈局樣式方面常考的一個考點。 什麼是BFC BFC，全稱為Block Formatting Context，翻譯過來即塊格式化上下文。 之前在其他文章中看到的説明是，網頁上一個獨立且隔離的渲染區域。現在呢，我稍微查閲了一些官方的信息。 在瞭解BFC之前，我們需要先了解一些其他概念： 包含塊（contai

佈局 , bfc , Css , HTML , 前端

收藏 評論

ntksol 頭像

歐雷 - 前端有未來嗎？

最近一段時間，通過各種方式與同行們交流了「前端技術」與「前端工程師」的現狀及未來發展的方向性問題，大家在一些方面有所共鳴。 下面就來説説我的一些看法—— 困惑 多多少少，有人曾經或正在困惑：「前端有未來嗎？」 有此困惑的人，TA 可能是—— 正在學習 web 前端技術，就是純粹的 HTML、CSS 和 JS，在用這幾樣做網頁。練習的過程中發現，或者説突然想到：「現在微信小程序風行，在其與原生客户端

前端工程師 , 前端

收藏 評論

seanshi_fe 頭像

Sean - Vue.js中如何去定位解決內存泄漏？

Vue.js 是一個流行且強大的 JavaScript 框架，它允許我們構建動態和交互式 Web 應用程序。 然而，與任何軟件一樣，Vue.js 應用程序有時會遇到內存泄漏，從而導致性能下降和意外行為。 今天，我們將深入探討 Vue.js 應用程序中內存泄漏的原因，並探索如何定位和修復這些問題的有效策略。 什麼是內存泄漏 ? 當程序執行過程中保留不再需要的內存時（主要是一些 變量、 方法等），會阻

vue.js , 性能 , 前端 , Javascript

收藏 評論

jianrendechaomian_czry72 頭像

億元程序員 - Cocos獨立遊戲開發框架之對象池：缺對象你就new一個

引言 本系列是《8年主程手把手打造Cocos獨立遊戲開發框架》，歡迎大家關注分享收藏訂閲。 我們遊戲開發中的對象池裏的對象並非小夥伴們想的現實中的對象，現實中的對象需要大家不斷地努力，才能如願以償。下面我們來探討一下游戲開發中的對象池管理，它可以更有效地管理遊戲對象的創建和回收。 本文源碼和源工程在文末獲取，小夥伴們自行前往。 什麼是對象池？ 對象池，也稱為資源池，是一種用於存儲和重複使用對象的機

遊戲開發 , 對象池 , cocos , 對象 , 前端

收藏 評論

thjjames 頭像

小皇帝James - 前端腳手架（簡易版）搭建攻略

簡介 腳手架CLI(command-line-interface)是一類快速形成工程化目錄的工具。 開發過程中，如果需要新建前端項目，我們經常都會用到腳手架來創建工程，通過命令行式的交互，可快速選擇選項並完成初始項目的搭建。而CV大法往往會帶來很多重複的刪減工作，且會導致項目分散、架構不統一等等弊端。 常見的主流框架都有自己的腳手架： create-vite @vue/cli create

腳手架cli , 工具 , 前端工程化 , 前端 , Javascript

收藏 評論