收藏 / 列表

yangyaya 頭像

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

前言 不論是寒冬還是暖冬，找工作之前都需要做好充足的準備，面試的時候才能做到遊刃有餘。此文是把我最近找工作準備的以及筆試面試中涉及到的手寫題做一個總結。給自己，也給需要的同學。 手寫題是比較好準備的一個環節，大部分公司考察的題也就那麼多，大都不會超出範圍。 本文是手寫題系列的第二篇文章。 往期： "寒冬"三年經驗前端面試總結（含頭條、百度、餓了麼、滴滴等） "寒冬"三年經驗前端面試總結（含

面試 , 筆試 , 前端 , Javascript

xiaoxxuejishu 頭像

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

源代碼下載： learnwolfram-cn.nb Wolfram 語言是最初在 Mathematica 中使用的底層語言，但現在可用於多種場合。 Wolfram 語言有幾個界面。 Raspberry Pi 上的命令行內核界面（就叫 _The Wolfram Language_），它是交互式運行的，不能產生圖形輸入。 Mathematica 是一個豐富的文本/數學編輯器，內置交互式的 Wol

編輯器 , 數學 , 教程 , 入門 , wolfram

hello888 頭像

洛陽醉長安行 - mui 多個tab頁實現下拉刷新上拉加載

下拉刷新組件的dom結構 div id="refreshContainer" class="mui-scroll-wrapper" div id="refreshBox" div class="active" id="tab1"/div div id="tab2"/div div id="tab3"/div /div /di

移動端 , Css , mui , 前端 , html5

powerful_simon 頭像

小謳 - 手寫一個Virtual DOM及源碼解析

關注前端小謳，閲讀更多原創技術文章 Virtual DOM是當今主流框架普遍採用的提高 web 頁面性能的方案，其原理是： 1.把真實的 DOM 樹轉換成 js 對象（虛擬 DOM） 2.數據更新時生成新的 js 對象（新的虛擬 DOM） 3.二者比對後僅對發生變化的數據進行更新 完整代碼參考 → js 對象模擬 DOM 樹 假設有如下 ht

vue.js , 虛擬dom , virtual-dom , 前端 , Javascript

yinguangyao 頭像

尹光耀 - underscore數組遍歷函數分析（一）

這是underscore源碼剖析系列第三篇文章，主要介紹underscore中each、map、filter、every、reduce等我們常用的一些遍歷數組的方法。 each 在underscore中我們最常用的就是each和map兩個方法了，這兩個方法一般接收三個參數，分別是數組/對象、函數、上下文。 // iteratee函數有三個參數，分別是item、index、array或者value、

underscore , 前端 , Javascript

chencaize 頭像

點墨 - 編譯器優化對多線程數據競爭的影響分析

編譯器優化如何讓多線程代碼"失效"：從彙編視角解密數據競爭謎題 在多線程編程中，我們常遇到一個反直覺現象：關閉編譯器優化反而能暴露預期的數據競爭問題。本文通過分析MSVC編譯器對同一代碼的不同優化策略，揭示現代編譯器如何通過指令重排和內存訪問優化，徹底改變多線程程序的執行軌跡。 一、現象之謎：優化等級決定程序行為 當使用/O2優化編譯給定代碼時，程序輸出穩定在10萬或20萬這兩個確定值，而非預期的

c++ , 多線程

amejimaobari-ollornwi 頭像

Amejimaobari Ollornwi - Handling JavaScript Event Listeners With Parameters

JavaScript event listeners are very important, as they exist in almost every web application that requires interactivity. As common as they are, it is also essential for them to be managed properly.

Techniques , coding , Javascript

linx 頭像

前端路引 - Web前端入門第 88 問：引入 JavaScript 的 script 標籤究竟有多少用法？

HTML 版本不停的更新迭代，也導致瀏覽器支持的寫法眼花繚亂，就拿 script 標籤來説，剛剛入行的那會兒就只知道用來寫內聯的 js 代碼，後來又學到了引入 js 文件，ES 模塊規範化之後又知道能用來引入模塊化的 js 代碼，可這就是它的全部了嗎？？ 然而...並不是！！！ 各種用法 看看 script 千奇百怪的用法，一定有你沒見過的~~ 1、內聯腳本 如文章開頭説的一樣，直接用來寫內聯腳本

前端 , Javascript

hsr2022 頭像

後山人 - 為什麼 PHP 依然有如此龐大的用户羣？——技術選擇背後的商業邏輯與進化

為什麼 PHP 依然有如此龐大的用户羣？——技術選擇背後的商業邏輯與進化 摘要 儘管每年都有“PHP 已死”的論調出現，但數據顯示，PHP 依然是互聯網上使用最廣泛的服務器端編程語言之一。根據 W3Techs 的統計，截至 2024 年，超過 75% 的網站在使用 PHP [1]。 PHP 的持續流行並非偶然，它是技術進化、商業成本、成熟生態和開發效率共同作用的結果。本文將從四個核心維度，結合 鋭

vue.js , php , Javascript

kestrel_task 頭像

微芒不朽 - Vue 3 ref 與 reactive 選哪個？

在 Vue 3 中，ref 和 reactive 都是用於創建響應式數據的方式，但它們在使用場景和特性上有所不同。選擇哪一個取決於你的具體需求。 ref 特點： 基本類型支持：ref 可以用於任何類型的數據，包括基本類型（如 number, string, boolean）和複雜類型（如 object, array）。 包裝對象：當你將一個對象傳遞給 ref 時，它會被包裹在一個對象中，通過

前端

dirackeeko 頭像

DiracKeeko - [html] <iframe>標籤使用 iframe&target的三種表現

1、target == iframe.name，點擊p標籤，在iframe中展示新頁面。 iframe src="demo_iframe.htm" name="iframe_a" height="300px" width="100%" title="Iframe Example"/iframe pW3Schools.com/p 2、target != iframe.name，點擊p標籤

iframe , target , HTML , html5

apifox 頭像

Apifox - API 管理工具遷移：從 Swagger 到 Apifox 的最佳實踐

如何將現有的 Swagger 管理的 API 遷移到 Apifox 呢？本文將為你提供詳細的遷移指南，介紹四種主要的方法： 導出 Swagger 文件並導入到 Apifox 通過在線鏈接定時導入 使用 IDEA 插件一鍵上傳 通過開放 API 導入 下面詳細介紹具體操作。 方法一 導出 Swagger 文件並導入 這是最直接的一種方法，適合於一次性遷移，尤其是當你的 API 文檔已經比

swagger-ui , API , api文檔 , 接口文檔 , swagger

yinzhixiaxue 頭像

銀之夏雪 - 深入剖析為什麼順序調用對 React Hooks 很重要？

在享受 React Hooks 帶來的便捷性的同時，我們必須嚴格遵循順序調用的規則，這一規則的重要性遠超我們的想象。本文將深入探討順序調用對 React Hooks 的重要性，並結合常見的缺陷，通過具體的代碼案例進行詳細闡述，揭示其背後深層次的原理。 一、React Hooks 工作原理 理解 React Hooks 的工作原理是掌握順序調用重要性的關鍵。React 內部維護着一個 Hooks 鏈

react , react-hooks , 前端 , Javascript

opentiny 頭像

OpenTiny社區 - 產品經理要“通過大小、時間範圍篩選”搜索？我 15 分鐘用 SearchBox 交差！

本文由體驗技術團隊陳家梅原創。 我不太喜歡嚴肅的表達，所以本文描述比較個人化，也希望大家可以放鬆，跟隨本文的思路聯想起來。 好了，瞭解一個東西離不開哲學三問：是什麼？怎麼來的？用來幹什麼？所以主要從這三方面展開描述， 我們將詳細介紹 TinyVue 組件庫的searchBox組件的功能特性。 這裏建議大家進入 SearchBox 文檔地址，跟着本文操作效果更佳，文檔地址：https://op

vue.js , 組件庫 , 開源 , 前端

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 - 深入一點 - 用 new 的時候到底發生了什麼？

來自:https://zswfx.com/articles/5db9285f9cf7c10e840e5c6a 我們經常用new來創建一個對象，但是創建對象過程中，到底發生了什麼呢？ new 操作符的過程 上面是mdn的定義。 通過上面定義，我們知道使用new的時候，JS引擎就會給我們創建一個空對象作為 this值，然後執行函數，若函數沒有返回值，則默認返回這個空對象。 模擬 new 函數來

javascript專題系列 , Javascript

webinfoq 頭像

破曉L - React 50 種狀態類型

React 是一個視圖層框架，其核心思想是 UI = f(state)，即「UI 是 state 的投影」，state 自上而下流動，整個 React 組件樹由 state 驅動。當一個 React 應用程序足夠複雜，組件嵌套足夠深時，組件樹中的狀態流動會變得難以控制（例如你如何跟蹤父節點的 state 流動到葉子節點時產生的變化）。這時我們就需要對 state 進行管理，在進行狀態管理的同時，還

react , 狀態管理 , 組件通信 , 前端 , 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 頭像

賀公子 - 深度使用AI編程工具

深度使用AI編程工具的經驗分享 AI編程工具如Cursor、Claude Code正在改變開發者的工作流程。通過集成智能補全、代碼生成和自然語言理解能力，這些工具顯著提升了開發效率。以下分享一些實際經驗和案例。 開發環境配置優化 Cursor的智能補全功能可以根據項目上下文提供精準建議。在配置開發環境時，輸入部分命令或配置文件內容，工具能夠自動補全完整的配置。例如輸入Docker

code , API , 編程工具 , 前端開發 , Javascript

hai2007 頭像

你好2007 - vue 如何實現表單校驗

安裝並使用 首先，在你的vue項目中進行安裝： npm install --save vue-input-check 接着根據不同的vue版本註冊： vue2.js import Vue from 'vue'; Vue.use(inputCheck); vue3.js+ import { createApp } from 'vue'; let app = createApp(App); app

vue.js , validate , form , submit , Javascript

zhuifengdekukafei 頭像

追風的苦咖啡 - 公網 IP 面臨的安全風險及防護措施

公網 IP 因直接暴露於互聯網，易成為網絡攻擊的目標，核心風險集中在未授權訪問、惡意入侵和服務癱瘓三類，防護需圍繞 “減少暴露面、強化驗證、實時監控” 展開。 一、公網 IP 面臨的核心安全風險 端口掃描與漏洞探測黑客通過工具批量掃描公網 IP 的開放端口（如 80、3389、22 等常用端口），識別運行的服務（如 Web 服務、遠程桌面），進而尋找系統漏洞（如未修復的漏洞補丁）作為攻擊入口。

知識 , html5 , Javascript

shimiandeshatanku 頭像

李遊Leo - 深入理解 ECMAScript 2024 新特性：Promise.withResolvers

ECMAScript 2024 帶來了一些不錯的新特性，其中 Promise.withResolvers 是一個備受關注的新增方法。這一方法極大地簡化了開發者在手動創建 Promise 時管理 resolve 和 reject 的複雜性。 本文將詳細介紹 Promise.withResolvers 的設計背景、使用方式，並通過多個技術案例展示其在實際開發中的潛力。 背景與問題 在日常開發中，我們

ecmascript , 前端 , Javascript

beckyyyy 頭像

beckyyyy - 我的編程之路：這是一個蓄謀已久的大坑

簡單介紹一下自己和目前的工作 畢業工作已四年，前面三年做的是java外包方面的工作，去年的時候腦子發熱、感覺方向迷茫、這份工作不太想做下去了，於是裸辭了，在失業的三個月中一直在思考人生，終究是並沒有什麼收穫，只是更多增添了煩惱和焦慮，在一次無意的面試後，又是腦子一熱，決定轉向前端。目前在一家創業小公司做着前端的工作，入坑六個月左右，感覺尚可。 詳細寫寫你是如何走上編程的道路 在我小時候那會兒，一個

我的編程之路