tag 前端

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

@前端 / 博客 RSS 訂閱

beckyyyy 頭像

beckyyyy - 閉包是什麼，有什麼用途

這是上月面試碰到的一道面試題，作為一個有着十年開發經驗七年前端經驗的大齡青年，碰到這種沒有一點鋪墊的八股文，真的只想説一句毀滅吧。 記得以前剛做前端不久的時候，就在百度搜閉包，大多搜到的結果都説的是閉包是什麼樣子的，比如説在函數外部可以訪問到函數內部的變量，又或者説閉包會導致什麼問題，比如會影響GC回收。總之沒什麼標準説法，就好像現在網上的吐槽，你背面試題沒用，得和麪試官背的同一套才行，但是天知道

閉包 , 面試問題 , 前端 , Javascript

收藏 評論

tangzhiyuan 頭像

唐志遠 - 優雅的使用Webstack打造個人網址導航

原文鏈接：優雅的使用Webstack打造個人網址導航 前言 一款基於 WebStackPage 的 Hexo 主題。本人選擇的是 hexo-theme-webstack。 效果預覽 具體效果請移步 個人網址導航。 步驟 在目標路徑（我這裏選的路徑為【D:/studytype/My_Blog】）打開cmd命令窗口，執行hexo init初始化項目。 hexo init Nav

個人網站 , hexo , 前端

收藏 評論

beckyyyy 頭像

beckyyyy - 單頁應用的優缺點

上月面試海康威視的一道面試題。 單頁應用，即常説的SPA，Single Page Application，從名稱上就可以看出它最大的特點，就是單頁面，即只有一個頁面；相對的就是多頁面，即MPA，Multi-Page Application。 在多頁面的情況下，我們在切換不同頁面時，需要向服務器發送多次請求來獲取不同頁面內容，在獲取到內容後，整個瀏覽器視口需要被重新渲染，而等待服務器的響應需要一定的

單頁應用 , 面試問題 , spa , 前端 , Javascript

收藏 評論

limingcan562 頭像

limingcan - JS繼承面試的時候怎麼説？答應我，不要再死記硬背了好嗎？

前言 JS繼承這塊，ES6已經有class很香的語法糖實現了，ES6之前那些實現繼承的方法真的又多又長，説句心裏話，能不學真的不想再學，但是沒辦法，面試還是要搞你呀，所以這兩天看回ES6之前的繼承，發現還是蠻有意思的。寫這篇文章也是對自己的一個梳理總結，也希望能幫助到大家弄懂繼承這塊，這樣就不需要再死記硬背八股文，面試自由發揮就好。 JS的繼承，核心就是靠原型鏈完成。如果大家對原型鏈還不是很

面試 , 繼承 , 原型鏈 , 前端 , Javascript

收藏 評論

cbuc 頭像

寫做 - AST 初探深淺，代碼還能這樣玩？！

大家好，這裏是 菜農曰，歡迎來到我的頻道。我們今天的主題是 AST （抽象語法樹） AST 聽起來好像是個很新的東西，那麼具體有什麼用，好不好用就在這篇文章中找到答案吧~ 我們簡單將這個詞拆分抽象、語法、樹，如果我們能夠順利將這個詞拆分，那麼我們也就掌握了其核心所在 抽象：抽象的反義詞是具象，也就説明抽象的事物關注點不在於細節，而在於整體 語法：語法一組詞法的表達式，具備某種指定的規則，具有

源碼學習 , 代碼質量 , 後端 , 前端

收藏 評論

crister_612f55567eb8c 頭像

李明 - 本週遇到的問題

首先是又遇到了一些RXjs操作符，在這裏簡單的説一下。 首先是 combineLatest。 將其直接翻譯過來就是結合最新的（observeble），那麼結合一下下面這張圖片就很容易理解了。 combineLatest結合作為參數傳遞的所有 Observables 的值。這是通過按順序訂閲每個 Observable 並在任何 Observable 發出時從每個 Obser

rxjs , typescript , 前端

收藏 評論

beckyyyy 頭像

beckyyyy - 居中佈局：水平居中和垂直居中

居中佈局在實際場景中很常見，在面試當中也經常會被考察。 以下分別是水平居中和垂直居中常用的樣式。 水平居中 margin: 0 auto; + width 應用於塊級元素居於容器中間 若節點不是塊級元素，需聲明display: block 若節點寬度已隱式聲明則無需顯式聲明width div class="h-c1" p談笑有鴻儒，往來無白丁。談笑有鴻儒，往來無白丁。/p /div

佈局 , 面試 , Css , 前端

收藏 評論

fanjiapeng 頭像

範家鵬 - 掌握 CORS 跨域請求，讀這一篇文章就夠了

在 Web 前後端分離架構模式下，跨域（跨源）請求屬於日常的基本情況了。瀏覽器出於安全考慮，會限制 JavaScript（簡稱 JS）腳本內發起跨源 HTTP 請求，同源沒有此類限制。前端解決跨域方法有很多，比如 WebSocket 協議跨域、JSONP 請求跨域和跨域資源共享 CORS 等。 1、CORS 簡介 CORS 全稱為 Cross-Origin Resource Sharing，被譯為

cors , 異步請求 , 跨域 , 後端 , 前端

收藏 評論

beckyyyy 頭像

beckyyyy - cookie、session、web storage

cookie與session的區別 首先，使用cookie和session的目的都是為了跟蹤記錄用户狀態，因為http協議是無狀態的協議，而某些場景服務端需要記錄用户的狀態，如購物車，需要來識別具體的用户，服務端就為特定的用户創建特定的session，用於標識並跟蹤用户； 其次，cookie和session都是會話技術，session保存在服務端，cookie保存在客户端，服務端無法知道請求對應哪

sessionstorage , localstorage , cookie , 前端 , Javascript

收藏 評論

xiaoxxuejishu 頭像

小X學技術 - Y 分鐘速成 AngularJS

源代碼下載： learnangular-cn.html AngularJS 教程 AngularJS 1.0 版在 2012 年發佈。 Miško Hevery, 一位 Google 員工， 從 2009 年開始開發 AngularJS。 結果發現這個想法很好，從而該項目現在也被 Google 官方所支持了。 AngularJS 是一個 JavaScript 框架。它可以通過一個 "s

angularjs , Css , HTML , 前端 , Javascript

收藏 評論

limingcan562 頭像

limingcan - 不幸中帶點萬幸的2022，該何去何從的2023

本文參與了 SegmentFault 思否年度徵文「一名技術人的 2022」，歡迎正在閲讀的你也加入。 前言 手指在鍵盤上滴答滴答敲着，臉龐感受着窗外清風輕輕的拍打，身體正接受着陽光的沐浴。在手指按下鍵盤的瞬間，我扭了扭脖子，伸了伸懶腰，看向電腦右上角的日期，距離2022年結束，還有23天。 不幸中又帶點幸運的2022 在疫情的衝擊下，大環境都很低迷，對於大部分人來説，這是不幸的。在這片低迷的氛圍

2022-年度總結 , 職業規劃 , 前端

收藏 評論

risejl 頭像

Mitchell_C - Redux 簡介

Redux Store 創建 Redux 是一個狀態管理框架，可以與包括 React 在內的許多不同的 Web 技術一起使用。 在 Redux 中，有一個狀態對象負責應用程序的整個狀態， 這意味着如果有一個包含十個組件且每個組件都有自己的本地狀態的 React 項目，那麼這個項目的整個狀態將通過 Redux store 被定義為單個狀態對象， 這是學習 Redux 時要理解的第一個重要原則：Red

redux , 前端

收藏 評論

jdcdevloper 頭像

京東雲開發者 - TypeScript 前端工程最佳實踐

作者：王春雨 前言 隨着前端工程化的快速發展， TypeScript 變得越來越受歡迎，它已經成為前端開發人員必備技能。 TypeScript 最初是由微軟開發並開源的一種編程語言，自2012年10月發佈首個公開版本以來，它已得到了人們的廣泛認可。TypeScript 發展至今，已經成為很多大型項目的標配，其提供的靜態類型系統，大大增強了代碼的可讀性、可維護性和代碼質量。同時，它提供最新的Java

系統 , 前端設計 , 程序員 , typescript , 前端

收藏 評論

kasong 頭像

卡頌 - 對於“前端狀態”相關問題，如何思考比較全面

大家好，我卡頌。 最近看到個寫得很不錯的知乎回答Hooks是否過譽了？前端應該跟着React走還是跟着JS、TS走？- beeplin的回答。 在這個回答的基礎上，我想引申出一個問題 —— 對於前端狀態相關問題，如何思考比較全面？ 今天，我們試着從多個抽象層級的角度回答這個問題。 歡迎加入人類高質量前端框架羣，帶飛 問題的起源 有相當比例的前端從業者入行是從學習前端框架的使用開始的。換言之，在他們

react , vue.js , mobx , redux , 前端

收藏 評論

musicfe 頭像

雲音樂技術團隊 - 基於 GraphQL 的雲音樂 BFF 建設實踐

圖片來自：https://bz.zzzmh.cn/ 本文作者： cgt 背景: 如何解耦大前端與服務端的適配層依賴 談到 BFF，相信大家都不會太陌生，過去在雲音樂，前後端的協作架構一直維持比較傳統的前後端協作模式。各個端所需要的接口完全依賴服務端提供，服務端同學除了需要完成微服務的業務邏輯外，還需要針對前端頁面調度各個領域的微服務，根據前端的數據訴求進行一定程度的組裝和適配。 在年初

graphql , 前端

收藏 評論

dirackeeko 頭像

DiracKeeko - [登錄鑑權] cookie、session和token的實現和區別

前言： 本文中的用户端(client)約等於瀏覽器。 服務端就是sever。 cookie、session、token都是由sever生成，保存在client端。 三者最大的不同在於服務端對cookie、session、token的處理。 cookie 1、在client輸入賬號密碼，點擊登錄發送請求 a到sever，sever驗證賬號密碼通過，獲知用户信息。 2、這

token , cookie , 前端 , session

收藏 評論

jsliang 頭像

jsliang - CSS 實例系列 - 01 - Tab 滑動門

Hello 小夥伴們早上、中午、下午、晚上和深夜好，這裏是 jsliang~ 本 CSS 系列文章： 主推學以致用。結合面試題和工作實例，讓小夥伴們深入體驗 61 個工作常見的 CSS 屬性和各種 CSS 知識。 主推純 CSS。儘可能使用 HTML + CSS 完成學習目的，但仍然有 “一小部分” 功能需要用到 JavaScript 知識，適合新人學習 + 大佬複習。 如果文章在一些細節

實例 , Css , css3動畫 , 前端

收藏 評論

zxl20070701 頭像

zxl20070701 - postMessage

此方法可以用於實現跨源通信等，我們來演示如何實現在兩個窗口之間進行通信。 假設我們現在有兩個頁面：page1.html和page2.html， 他們的關係是通過iframe關聯起來的，就像這樣（下面是page1.html的內容）： iframe id="receiver" src="./page2.html" width="300" height="100"/iframe 為了實現通信，首先你需要

iframe , postmessage , 前端 , html5 , Javascript

收藏 評論

jsliang 頭像

jsliang - CSS 實例系列 - 03 - Rate 愛心評分

Hello 小夥伴們早上、中午、下午、晚上和深夜好，這裏是 jsliang~ 今兒要實現的是：Rate 評分 本期將和小夥伴們探討： √ 通過 CSS，配合簡單的 HTML + JS 完成評分組件 本實例的代碼地址： Github - all for one 碼上掘金 - 03 - Rate 愛心評分 一 前言 本 CSS 系列文章： 主推學以致用。結合面試題和工作實例，讓小夥

css3 , css3動畫 , 前端

收藏 評論

dreamapplehappy 頭像

dreamapplehappy - try/catch/finally：“前端的好厚米，我覺得你們不夠了解我呀~”

這篇文章想跟大家一起重新温習一下關於使用 try...catch 進行異常捕獲的一些知識點。為了提升大家的閲讀興趣，我們先來做三個小練習題，如果你都做對的話，那麼表明你這一部分的知識掌握的很熟練，可以不用讀這篇文章啦~ 如果做錯了某道題的話，説明我們還有一些知識點需要再次鞏固一下，話不多説，我們先來看看這三道題： function doTask () { try { con

面試問題 , 前端優化 , 異常處理 , 前端 , Javascript

收藏 評論

wuyagege 頭像

雲綺棠兮 - 每日算法題--- 爬樓梯（利用JS實現）

假設你正在爬樓梯。需要 n 階你才能到達樓頂。 每次你可以爬 1 或 2 個台階。你有多少種不同的方法可以爬到樓頂呢？ 示例 1： 輸入：n = 2 輸出：2 解釋：有兩種方法可以爬到樓頂。 1. 1 階 + 1 階 2. 2 階 示例 2： 輸入：n = 3 輸出：3 解釋：有三種方法可以爬到樓頂。 1. 1 階 + 1 階 + 1 階 2. 1 階 + 2 階 3. 2 階 + 1 階

遞歸 , 前端

收藏 評論

webinfoq 頭像

破曉L - 面試小冊：面試官經常問的十個棘手的 JavaScript 問題

1. 可變性 在 JavaScript 中有七種基本數據類型（string、number、boolean、undefined、symbol、bigint 和 null），這些都是不可變的。這意味着一旦分配了一個值，我們就無法修改它們，我們可以做的是將它重新分配給一個不同的值（不同的內存指針）。另一方面，其他數據類型（如 Object 和 Function）是可變的，這意味着我們可以修改同一內存指

原型 , 閉包 , 面試問題 , 前端 , Javascript

收藏 評論

jsliang 頭像

jsliang - CSS 實例系列 - 04 - Dropdown 下拉麪板

Hello 小夥伴們早上、中午、下午、晚上和深夜好，這裏是 jsliang~ 今兒要實現的是：Dropdown 下拉麪板 本期將和小夥伴們探討： √ 通過精簡結構，講解 HTML 和 CSS 搭配如何實現 Dropdown 下拉麪板 本實例的代碼地址： Github - all for one 碼上掘金 - 04 - Dropdown 下拉麪板 視頻講解 一 前言 本 CSS 系

css3 , Css , css3動畫 , 前端 , html5

收藏 評論

naiyouweiyongbao 頭像

奶油味擁抱 - 【輕快圖片管理系統】- 開源圖牀系統

輕快圖片管理系統:基於Koa2 + Vue3.x + Vite3.x + typescript開發的輕量級快捷圖片管理系統、圖牀系統 簡介 程序員日常就是寫博客，當然寫博客時就會涉及到在博文中插入圖片，所以往往會使用圖牀來進行圖片資源管理，市面上較流行的圖牀是PicGo，是使用electron-vue開發的桌面應用程序，所以每次需要下載安裝並配置圖牀，比較麻煩。所以開發了這款輕快圖片管理系

koa2 , vue3 , 開源 , typescript , 前端

收藏 評論