收藏 / 列表

yangyaya 頭像

陽呀呀 - “寒冬”三年經驗前端面試總結（含頭條、百度、餓了麼、滴滴等）之CSS篇

前言 不論是寒冬還是暖冬，找工作之前都需要做好充足的準備，面試的時候才能做到遊刃有餘。此文是把我最近找工作準備的以及筆試面試中涉及到的手寫題做一個總結。給自己，也給需要的同學。 CSS是前端必須要掌握的技能之一。一般面試也都會從CSS開始。所以CSS問題答的好壞會直接影響你在面試官心中的形象。 本文主要介紹面試中常會遇到的CSS問題及給出建議性的答案。 往期 “寒冬”三年經驗前端面試總結（含

面試 , 筆試 , Css , 前端 , Javascript

xiaoxxuejishu 頭像

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

源代碼下載： jquery-cn.js jQuery是JavaScript的一個函數庫，它可以幫你“寫更少，做更多”。它集成了很多常見的JavaScript任務並且很容易調用。jQuery被世界各地的很多的大公司和開發者使用。它包括了AJAX，事件處理，文檔操作以及很多其它功能，並且更加簡單和快速。 正因為jQuery是JavaScript的一個函數庫，所以你需要 首先學習JavaScript

語法 , 入門 , Ajax , jquery , Javascript

hello888 頭像

洛陽醉長安行 - mui 側欄菜單實現多級樹數據列表，返回上一級樹

想在移動端使用樹結構選擇項目，但是在移動端顯示體驗太差怎麼辦？使用棧結構存儲樹歷史，使用類似側欄菜單的方式實現： var currtTreeArr = []; //當前樹列表數組 var treeData = []; //根節點數據 var treeHistoryArr = []; //歷史打開的樹，用於回退，進入到其他節點 $(".mui-table-view").on("click", ".m

移動端 , 樹形結構 , mui , 前端 , Javascript

powerful_simon 頭像

小謳 - 小程序重構 [cnode社區]：mpvue + 開源api，現已上線！

歡迎關注前端小謳的github，閲讀更多原創技術文章 閒暇時光表浪費，由於技術棧一直用的vue，因此用 mpVue 開發了小程序版本的 cnode 社區，api 也都是官網開源的。有人會問 “mpvue不是已經停止維護了嘛？”——的確是的，而且使用起來有很有坑。但這是我第一次寫小程序，找個最相近的語言最適合——無論選擇哪種技術棧，產品要完整做出來才行。小程序現已上線，後續還將逐步嘗試在tar

vue.js , node.js , 小程序 , mpvue , Javascript

yinguangyao 頭像

尹光耀 - underscore debounce函數分析

underscore debounce函數分析 標籤（空格分隔）： underscore 本文是underscore源碼剖析系列第六篇文章，上節我們介紹了throttle節流函數的實現，這節將會介紹一下節流函數的兄弟 —— debounce防抖動函數。 throttle函數是在高頻率觸發的情況下，為了防止函數的頻繁調用，將其限制在一段時間內只會調用一次。而debounce函數則是在頻繁觸發

underscore , HTML , 前端 , Javascript

chencaize 頭像

點墨 - VSCode 樣式格式化

在使用VSCode的插件進行less文件格式化的時候，發現會存在問題。 index.less @prefix: test; @{prefix}-input{ color :red; width : @base-with; height : @base-height; } @base-size : 10px; @base-with : @base-

less , vscode插件 , scss , visual-studio-code , Css

amejimaobari-ollornwi 頭像

Amejimaobari Ollornwi - Creating An Effective Multistep Form For Better User Experience

For a multistep form, planning involves structuring questions logically across steps, grouping similar questions, and minimizing the number of steps and the amount of required information for each s

ux , Design , Javascript

linx 頭像

前端路引 - Web前端入門第 85 問：JavaScript 一個簡單的 IndexedDB 數據庫入門示例

在前端風風雨雨的混了多年，從沒在項目中實際使用過 IndexedDB 這個瀏覽器端的數據庫，所以今天就摸了下 MDN 的後門，寫一個簡單的入門示例。 頁面大概長這樣： 源碼： 以下代碼包含了一個數據庫所有的 CRUD （增刪改查）操作。 div button id="js_add_btn"添加書籍/button /div div input type="text" name="" id=

前端 , Javascript

hsr2022 頭像

後山人 - 迎接下一個繁榮浪潮：程序員在經濟下行期應做的“三層準備”

迎接下一個繁榮浪潮：程序員在經濟下行期應做的“三層準備” 摘要 面對持續的經濟下行壓力和日漸萎縮的信息化市場，程序員羣體正經歷前所未有的挑戰。然而，歷史經驗表明，每一次經濟低谷都是技術和人才結構重塑的關鍵時期。為了在下一個繁榮浪潮到來時佔據先機，程序員不能僅憑技術能力，更需要進行技術、商業、個人三個層面的系統性準備。 本文將詳細闡述這“三層準備”，指導程序員如何從“代碼執行者”轉型為“價值創造者”

vue.js , php , Javascript

kestrel_task 頭像

微芒不朽 - Node.js REST 升級 MCP 服務器，讓 AI 代理成為你的開發助手

隨着大型語言模型（LLM）和代理 AI 的快速發展，應用程序展示其功能的方式亟待從根本上變革。傳統的 REST API 專為軟件與軟件之間的通信設計，開發人員需閲讀大量文檔並編寫自定義集成代碼才能使用。而模型上下文協議（MCP） 作為一種開放標準，通過創建統一的、機器可讀的界面，讓 AI 代理能夠動態發現並與之交互，成功解決了這一痛點。 本文將提供一份全面指南，介紹如何使用官方 TypeScrip

前端

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 , 前端

apifox 頭像

Apifox - cURL 命令詳解：輕鬆掌握常見操作

有沒有想過，當你需要對 API 進行測試或快速查看網站內容時，有哪些工具可以派上用場呢？ 這時，你會發現 cURL 是你的好幫手。cURL，簡而言之，是一個功能強大的命令行工具，使得我們可以通過各種網絡協議與服務器進行交流，無論你是編程領域的新手還是資深開發人員，cURL 都是你工具箱裏必不可少的一件利器。 cURL 簡介 cURL 的神奇之處在於它對廣泛的協議如 HTTP、HTTPS 和 FTP

API , curl , 程序員 , 後端 , 前端

yinzhixiaxue 頭像

銀之夏雪 - AntV G6 基礎元素詳解（React版）

一、初識 AntV G6 AntV G6 是螞蟻集團推出的專業級圖可視化引擎，適合構建關係圖譜、拓撲圖、流程圖等場景。相比其他圖形庫，G6 提供完整的佈局算法 和交互體系 ，開發者在 10 分鐘內即可搭建可交互的圖應用。 技術特點速覽： 支持 Canvas / SVG 雙渲染模式 內置 10+ 圖佈局算法 提供豐富的節點/邊類型 完善的文檔和 React 示例 二、節點（Nodes）完

數據可視化 , 前端 , Javascript

opentiny 頭像

OpenTiny社區 - 老闆要排名可視化？我反手甩出TinyChart 排名進度圖

本文由張顥嚴同學原創。 前言 OpenTiny HUICharts 是一套功能強大的前端可視化圖表庫，提供豐富的圖表組件、支持 Vue、React、Angular 等主流前端框架，並內置多套主題且可靈活定製，同時完全兼容 ECharts API，使開發高性能、響應式的數據可視化應用變得簡單便捷。 RankProcessChart 基於 HUICharts 開發，專門用於展示排名及流程類數據的可視化

圖表庫 , 前端

momeak9 頭像

泯瀧 - 使用Node.js、pm2和ssh2模塊實現一個簡單的Node.js項目部署腳本

本文將介紹如何使用Node.js和ssh2模塊實現一個簡單的部署腳本，將本地的項目文件上傳到遠程服務器上。我們將使用dotenv模塊來管理環境變量，以及child_process模塊來執行命令行操作。 首先，我們需要安裝ssh2和dotenv模塊： npm install ssh2 dotenv --save 然後，我們需要在項目根目錄下創建一個.env文件，用來存放一些敏感的配置信息，例如服務器

node.js , pm2 , ssh2 , 前端

_607c00baa52ff 頭像

懟懟 - 【js】類(Class)

JavaScript中的Class 類的基本語法 類的繼承 修飾器 1. 類的基本語法 可以看成ES5中構造函數的語法糖，它的大部分功能ES5都可以做到 1.1 定義一個類 ES5 function Student(name,age){ this.name = name this.age = age } Student.prototype = { construc

類 , 繼承 , class , Javascript

zisrfs 頭像

zsirfs - 談談深拷貝、淺拷貝

前提: 假設您已經知道為什麼在JavaScript中需要深拷貝和淺拷貝了。 舉兩個例子： const a = [1, 2, { key: 20 }] const b = [...a] b[2].key = 30 console.log(a[2] === b[2]) console.log(a === b) // true const o = { k1: { kk1: 50} } con

javascript專題系列 , Javascript

webinfoq 頭像

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

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

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

huashenjianlingshouhuni 頭像

zhanle_huang - highchart的draggable-points.js依賴實現圖表的動態拖拽操作

highchart的draggable-points.js依賴實現圖表的動態拖拽操作 需求 實現一個曲線圖，能夠通過鼠標去拖拽點，來進行修改圖表 實現 例子基於vue來實現，如果是jq的按照官網的例子即可，配置列表鏈接.，例子 // 引入依賴 import Highcharts from 'highcharts/highcharts.js'; import dragg

vue.js , highcharts , HTML , 前端 , Javascript

mecode 頭像

賀公子 - 證書請求全過程分析

證書請求全過程分析 證書請求通常涉及生成密鑰對、創建證書籤名請求（CSR）、提交至證書頒發機構（CA）以及最終獲取簽名的證書。以下是詳細流程： 密鑰對生成 使用加密算法（如RSA或ECC）生成公鑰和私鑰。私鑰需嚴格保密，公鑰則包含在CSR中。 創建CSR CSR包含公鑰、主體信息（如域名、組織名稱等）以及簽名。簽名使用私鑰生成，用於驗證CSR的完整

密鑰對 , 服務器 , HTTP , 前端開發 , Javascript

hai2007 頭像

你好2007 - 關於字符串解析的一點理解 （以解析一段HTML字符串為例）

在分析一段字符串的時候，可以藉助字符串的indexOf等方法，或者是正則表達式，可是，如果需要解析的是下面這段字符串： group arc c-bind:cx='_width*0.5' c-bind:cy='_height*0.5' c-bind:radius1='_min*0.5' radius2='100' deg='120deg' /arc group c-for='

vue-loader , 算法 , webpack , template-engine , 前端

zhuifengdekukafei 頭像

追風的苦咖啡 - 零信任架構必備？國密SSL證書在SASE模型中的新角色

在零信任架構與SASE（安全訪問服務邊緣）模型深度融合的背景下，國密SSL證書正從傳統的傳輸層加密工具演變為零信任體系中的關鍵信任錨點。 https://www.joyssl.com/certificate/select/national_secret_alg... 一、身份驗證中樞：構建不可偽造的信任鏈 設備與用户雙重認證 SASE模型要求對所有接入實體進行持續驗證，國密

觀點 , 運維 , 知識 , serverless , jenkins

shimiandeshatanku 頭像

李遊Leo - 你可能不敢想象，2025 年，jQuery要更新到 4.0 了

讓人難以置信的是，jQuery，這個曾經幫助無數開發者簡化 DOM 操作、事件處理和動畫效果的 JavaScript 庫，至今仍在更新。自從 2006 年 8 月震撼亮相以來，它已走過了長達 19 年的路程。還記得麼？他的作者是：John Resig，這個年輕的小夥子也變成老大叔了。 而現在，即便在 React、Vue 這樣的現代框架盛行的今天，或者AI都滿天飛的今天jQuery 仍

jquery , Javascript

beckyyyy 頭像

beckyyyy - 單頁應用的優缺點

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

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