tag 前端

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

@前端 / 博客 RSS 訂閱

user_ze46ouik 頭像

Sunshine_Lin - 這可能是思否講「原型鏈」，講的最好最通俗易懂的了，附練習題！

前言 大家好，我是林三心，相信大家都聽過前端的三座大山：閉包，原型鏈，作用域，這三個其實都只是算基礎。而我一直覺得基礎是進階的前提，所以不能因為是基礎就忽視他們。今天我就以我的方式講講原型鏈吧，希望大家能牢固地掌握原型鏈知識 很多文章一上來就扔這個圖，但是我不喜歡這樣，我覺得這樣對基礎不好的同學很不好，我喜歡帶領大家去從零實現這個圖，在實現的過程中，不斷地掌握原型鏈的所有知識！！！來吧！！！跟着我

ecmascript-6 , 面試 , 原型鏈 , 前端 , Javascript

收藏 評論

emonzan 頭像

Emon - JS 實現 Angular slider 組件

需求描述 需求：根據傳入的動態數組生成一個節點數為數組長度的 slider 組件。要求節點直接長度一致，但是顯示的值為傳入數組的值。 示例： 傳入值為[5], 因為只有一個值，slider 無法拖動，顯示如下 傳入值為[5，10，20，30，40，50，55]， 數值之間差值不一定相等，顯示如下 實現邏輯： UI： 先畫一條線作為滑動條，再根據傳入數

angular , component , 前端

收藏 評論

invalidnull 頭像

註銷 - 使用 Angular Transfer State 的一個具體例子

Using TransferState API in an Angular v5 Universal App 讓我們用一個具體的例子來説明這篇文章。 我們有一個天氣應用程序，在其側邊欄中顯示城市列表。 當您單擊城市名稱時，該應用程序會顯示該城市的當前天氣。 因為我們希望我們的應用程序是可抓取和可索引的，所以我們使它通用：城市頁面在服務器上呈現，存儲為 HTML 文件並由 HTTP 服務器提供服務。

angularjs , angular , typescript , 前端 , Javascript

收藏 評論

taoguo 頭像

我是好人 - 你的項目切換代理需要重啓嗎？

問題 參與過多人項目之後，總是會碰到下面的問題。 需要跟另一個人對接了，那麼就要把代理的target改成他的ip地址，改完還得重啓項目。 別人把配置文件的代碼提交了，覆蓋了我的target配置。又得改回來，再次重啓項目。 有可能配置文件的代碼是這樣的 module.exports = { devServer:{ proxy:{ '/api':{

webpack-dev-server , 代理 , webpack , vue-cli , 前端

收藏 評論

vleedesigntheory 頭像

維李設論 - 從2021看2022前端發展趨勢

本文參與了 SegmentFault 思否徵文「2021 總結」，歡迎正在閲讀的你也加入。 前言 又到了年底，回顧一下整個2021年的前端歷程，總體來説前端趨向到了一個比較穩定的發展階段，雖然仍然有許多層出不窮的庫及輪子，但整體來看其實今年最突出的前端發展其實可以概括為以下幾個關鍵詞，即：工程基建、低代碼、多語言、雲+邊+端。從不同大廠對整個前端的劃分視角來看，整體可以分為兩大類，一類是聚焦化，比

大前端 , 前端工程化 , 前端框架 , 前端構建 , 前端

收藏 評論

invalidnull 頭像

註銷 - Angular Change Detection 的學習筆記

Angular 變化檢測機制比 AngularJs 中的等效機制更透明且更易於推理。但是在某些情況下（例如在進行性能優化時），我們確實需要知道幕後發生了什麼。因此，讓我們通過以下主題深入瞭解變更檢測： 如何實施變更檢測？ Angular 變化檢測器是什麼樣子的，我能看到嗎？ 默認的變更檢測機制是如何工作的 打開/關閉更改檢測，並手動觸發它 避免變更檢測循環：生產與開發模式 什麼是On

angularjs , vue.js , angular , change-id , 前端

收藏 評論

buxia97 頭像

buxia97 - RuleApp，基於typecho的知識付費/個人博客/資源論壇APP，支持安卓，蘋果，小程序 ，現正式發佈

簡介 這是一款功能全面，用户交互良好的程序，兼容安卓蘋果端，H5網頁，微信小程序等。同時是集成數據本地緩存，郵箱驗證，在線投稿，（內置Mardown編輯器），社會化登錄，點贊打賞，積分商城，付費閲讀，VIP會員等一系列功能的自媒體博客資訊APP。 APP和接口後端都是開源的，沒有任何收費項目，放心下載研究。 項目基於國產開源程序Typecho數據庫開發，所以可以對接任意Typecho網

typecho , uniapp , 前端

收藏 評論

chendongyuan 頭像

陳東民 - JavaScript 中的數組分組：array.groupBy()

JavaScript 中的數組分組：array.groupBy() 原文： https://dmitripavlutin.com/ja... 由於豐富的標準實用程序庫，許多開發人員喜歡 Ruby 編程語言。例如，Ruby 中的數組有大量的方法。 JavaScript 也逐步豐富了其關於字符串和數組的標準庫。例如，在之前的文章中，我描述了新的array.at()方法。 今天的主角是新的數組組提案（目

ecmascript , 前端 , html5 , Javascript

收藏 評論

heiyanjing 頭像

HeiYanjing - 退出歷史舞台的Grunt基本瞭解

Grunt Grunt 生態系統非常龐大，並且一直在增長。由於擁有數量龐大的插件可供選擇，因此，你可以利用 Grunt 自動完成任何事，並且花費最少的代價。如果找不到你所需要的插件，那就自己動手創造一個 Grunt 插件，然後將其發佈到 npm 上吧 Grunt基本使用 yarn add grunt yarn add安裝之後，創建一個gruntfile.js文件，這是grunt的入口文件，用

grunt , 前端

收藏 評論

dunizb 頭像

杭州程序員張張 - [譯]Vue.js + Astro 比 Vue SPA 更好嗎？

最近有很多開發者宣佈他們已經將網站遷移到Astro。這通常伴隨着一張接近完美的Lighthouse分數的截圖和一系列火箭表情符號。 像大多數人一樣，我發現無休止的新框架會讓人感到厭倦。但我對Astro做了一些研究，認為它真的值得一試。 在本文中，我將向您展示如何使用 Astro 構建基於 Vue 的應用程序，我們將瞭解其獨特的架構如何帶來比單頁應用程序 (SPA) 更好的性能。 SPA 架構回顧

astro , vue.js , spa , 前端

收藏 評論

dirackeeko 頭像

DiracKeeko - [前端基礎] HTTP請求GET與POST

開發中同事問了我一個問題 Q: GET請求能不能用request body來傳遞數據？ 這個問題的場景是，他們的前後端溝通需要攜帶複雜的參數，用POST方法的request body(key value)的形式傳參會更加明瞭，但又覺得不夠語義化，所以想到了GET + request body。 A: HTTP規範rfc2616中是沒有對GET方法的使用body做限制（ HTTP 規範並

post , HTTP , get , 前端

收藏 評論

doupifaner 頭像

豆皮範兒 - CSS3實戰：實現一個旋轉的3D金幣

CSS3實戰：實現一個旋轉的3D金幣 最近親愛的產品同學，提了一個需求：在頁面某個角落增加一個旋轉的金幣來吸引用户參加活動~越快上越好，我們的“未見”同學直接上手用css擼了一個旋轉的金幣的動畫，讓我們來看一下是如何實現的吧~ 作者：未見 如下圖 拿到這個需求，第一反應gif+a標籤，簡單粗暴+便捷。即將實施就碰到一個問題，UI小姐姐還沒有做設計，排期需要在x天后~怎麼辦？沒有難做的工作，只有解

css3 , css3動畫 , 前端

收藏 評論

heiyanjing 頭像

HeiYanjing - Gulp基本概念及應用

gulp簡介,基本使用 Gulp.js 是一個自動化構建工具,開發者可以使用它在項目開發過程中自動執行常見任務。 yarn add gulp 安裝gulp的時候會安裝gulp-cli。gulpfile.js中導出一個函數,最新的gulp中取消了同步代碼模式，每一個任務都是異步任務，最後需要調用回調函數或其他方式標記任務完成。如例子中如果沒有done，會報錯.如果任務名是default，運行時的命

gulp , 前端

收藏 評論

bianchengsanmei 頭像

編程三昧 - 再解 JavaScript 原型與原型鏈

前言 JavaScript 原型與原型鏈雖然是一個老生常談的話題，但依然困惑着很多人，今天我再來從另一個角度談談這個問題。 兩個疑問 先看這樣一段代碼： let obj = {} obj.__proto__.haha = 'gogo' console.log(obj.haha) // "gogo" 運行一下上面的代碼，輸出結果為 gogo。 針對這個結果，有以下疑問： obj 哪來的 __p

原型 , 原型鏈 , 前端 , Javascript

收藏 評論

heiyanjing 頭像

HeiYanjing - AST語法樹增刪改查

AST 是 Abstract Syntax Tree 的縮寫，即 “抽象語法樹”.它是以樹狀的形式表現編程語言的語法結構. webpack 打包 JS 代碼的時候，webpack 會在我們的原有代碼基礎上新增一些代碼， 例如我們可以在打包JS 代碼的時候將高級代碼轉為低級代碼，就是通過 AST 語法樹來完成的 AST在線生成地址 babel插件查看使用地址 AST生成過程由源碼-詞法分

ast , 前端

收藏 評論

bianchengsanmei 頭像

編程三昧 - Web Components系列（一） —— 概述

前言 如果我們選擇不使用任何框架的情況下來進行前端開發，那麼針對一個完整的網頁，我們需要開發以下代碼： HTML 代碼 CSS 代碼 JavaScript 代碼 就幾年之前來説，HTML 部分的代碼基本不存在複用的可能，這就導致我們可能需要開發大量重複的 HTML 代碼，即使使用 CV 法，代碼的冗餘卻是不可避免的。 Web Components 誕生的背景 近幾年，我們在使用前端框架（

component , 組件化 , 前端

收藏 評論

geelinklivevideostack 頭像

LiveVideoStack - 【客户端建設及調優實踐】

“音視頻+無限可能” 是一扇LiveVideoStackCon面向新興領域開啓的大門，在移動互聯網紅利消失、內卷的局面下，智能車、製造、金融、醫療、出海等新興領域還在迫切追尋新技術帶來的增值。在“音視頻+無限可能” ，提前看到新機會、新案例、新實踐。 4月15日-16日，LiveVideoStackCon 2022 音視頻技術大會 上海站，和你一同開啓通向未來的大門。 客户端建設及調優實踐 軟/硬

前端優化 , 客户端 , 前端

收藏 評論

viewweiwu 頭像

viewweiwu - Ant Design 二次封裝 Amiya 發佈啦～🎉🎉🎉

什麼是 amiya amiya 是一個組件庫，是對Ant Design的二次封裝，提供頁面級別的組件。 文檔地址 它有什麼特點？ 表單只讀模式 默認的 antd 只對少數組件支持 readonly 模式，而 disabled 模式會把 placeholder 顯示出來，且有可能展示不完整。 所以 amiya 為每一種表單類型，提供 readonly 模式，去除默認的圖標符號，變更背景顏色於文字顏色

react , ant-design , component , 前端

收藏 評論

juwairen_59422060e07ce 頭像

局外人 - 深入淺出 ESM 模塊 和 CommonJS 模塊

阮一峯在 ES6 入門 中提到 ES6 模塊與 CommonJS 模塊有一些重大的差異： CommonJS 模塊輸出的是一個值的拷貝，ES6 模塊輸出的是值的引用。 CommonJS 模塊是運行時加載，ES6 模塊是編譯時輸出接口。 再細讀上面阮老師提到的差異，會產生諸多疑問： 為什麼 CommonJS 模塊輸出的是一個值的拷貝？其具體細節是什麼樣子的？ 什麼叫 運行時加載? 什麼

ecmascript-6 , node.js , commonjs , 前端 , Javascript

收藏 評論

recordyu 頭像

XiaoYu - 前端構建工具技術（介紹篇）

構建工具：俗稱打包。 理解：將模塊文件進行合併，代碼壓縮，整合資源等一系列自動化操作。 為什麼會出現構建工具這項技術？ 我們希望看到頁面加載平滑，快速進行響應。 通過： 1.編寫代碼的邏輯，避免無效浪費內存資源，即優化代碼； 2.優化瀏覽器請求資源的速度； 原因： 首先瀏覽器加載資源 請求的文件數量越多越耗時，文件容量越大越耗時。但是為了我們前端項目結構清晰，我們一般會分成

vite , 瀏覽器 , grunt , webpack , 前端

收藏 評論

chencaize 頭像

點墨 - 使用gulp上傳打包文件到服務器

項目是使用create-app-rewired生成的react項目，使用gulp自動上傳打包文件到服務器，建議只在測試環境和模擬環境使用。 1.安裝gulp,gulp-ssh包 2.編寫腳本 3.修改config-overrides.js，將打包文件分環境生成 4.編寫gulp配置文件gulpfile.js const { src, task, series } = r

gulp , 部署 , 打包 , 前端 , Web

收藏 評論

compose_hub 頭像

compose_hub - CSS中的FC到BFC

本文首發國內開源代碼託管平台Gitee 文章地址： https://gitee.com/gooder4j/compose-hub/issues/I4U78Q 覺得不錯的話，你的star是對我最大的支持！ Formatting Context簡單理解，就是定義了佈局規則的一片區域。它的類型包括： Block Formatting Context，簡稱BFC Inl

佈局 , css技巧 , bfc , Css , 前端

收藏 評論

hulaxingxingxing 頭像

呼啦星星星 - 使用grunt腳本創建新分支

使用grunt 寫一個創建新分支的task 首選安裝必要的修飾庫 npm i ora inquirer chalk --save 編寫task 這一步主要為了給用户展示最近的幾個分支用來判斷新建是否重複，如果不用也可以，那就在拉取的時候通過shell判斷下輸入的分支號是否存在，不存在提示就行 function getBranchCurrent(callback) { exec

node.js , grunt , 前端 , Javascript

收藏 評論

viewweiwu 頭像

viewweiwu - 100 左右實現查詢表格？真的假的？一起來體驗一下 Amiya 的魅力。

“老哥，聽説你寫的頁面挺多的，我這兒有一個頁面，你覺得你需要多少代碼？” “我看看，也還行吧，不就是個查詢表格嘛，現在大家都用 ProComponent 了，用那個寫一下很快的。我想想，差不多 200 行左右就可以了吧。” “那個呀，我知道，官方的二次封裝組件庫，200 行就可以了嗎？嗯，可以。等等，你説的代碼是否包含了操作按鈕？” “操作按鈕？是指你圖上的 【新增】【詳情】這些按鈕嗎？” “是

react , 二次開發 , ant-design , component , 前端

收藏 評論