收藏 / 列表

vitaly-friedman 頭像

Vitaly Friedman - How To Build Confidence In Your UX Work

When I start any UX project, typically, there is very little confidence in the successful outcome of my UX initiatives. In fact, there is quite a lot of reluctance and hesitation, especially from te

ux , Design

116263 頭像

前端胖頭魚 - 看Zepto如何實現增刪改查DOM

前言 dom也就是文檔對象模型，是針對HTML和XML的一個api，描繪了一個層次化的節點樹。雖然瀏覽器原生給我們提供了許多操作dom的方法，使我們可以對dom進行查找，複製，替換和刪除等操作。但是zepto在其基礎上再次封裝，給以我們更加便捷的操作方式。先看下圖，我們以刪除元素，插入元素,複製元素，包裹元素和替換元素幾個模塊分別探究zepto如何一一將其實現。 原文鏈接 github項目

zepto , Css , jquery , HTML , Javascript

software-Development 頭像

IT開發者筆記 - 【油氣行業案例分享】TeeChart 助力 Softdrill 提升油氣鑽井數據可視化能力

在鑽井與地質工程領域，數據可視化是核心環節。圖表不僅需要精確與高效，還需符合行業習慣並支持交互與定製。Softdrill 自 2012 年起在核心產品中集成了TeeChart 圖表庫，將複雜的井下數據轉化為直觀的工程圖表，極大提升了鑽井工程師的數據分析與決策效率。 TeeChart for .NET 試用版下載，請聯繫Steema-TeeChart官方授權代理商慧都科技 關於Softdrill S

企業信息化

lingleidejiandao 頭像

另類的剪刀 - 豌豆住宅IP——高穩定、可控來源、城市級精準定位

在很多需要長期會話、來源可控、城市級定位的業務中（如電商監測、廣告驗證、本地化測試等），住宅IP的穩定性與地域精度往往比數量更重要。 下面總結一些企業在選型與使用靜態住宅IP時的關鍵考量指標和經驗。 🧩 一、核心指標 成功率（Success Rate） 穩定的網絡請求成功率應在 99% 以上，可支持自動重試與失敗率告警。 延遲（P95 Latency） 95分位延遲能真實反映整

教程

aipaobudefanqie 頭像

愛跑步的番茄 - 如何使用代理IP發送請求（711Proxy實戰指南）

代理IP（Proxy IP）能把你的網絡請求從原始客户端“中轉”到目標服務器，使訪問看起來來自代理的IP地址而非你真實的IP。常見用途包括繞過地域限制、提高採集成功率、保護隱私和做多賬號管理。本指南從入門到進階，帶你一步步學會如何用代理髮送請求並處理常見問題。 一、先理解：代理的類型與作用 1.HTTP代理 用於轉發 HTTP 請求（常見於 API / 網頁請求）。支持基於 URL 的請求轉發。

node.js , 前端 , Javascript

yuhuashi_584a46acea21f 頭像

雨花石 - webpack優化：提高二次構建速度

痛點： 開發過程中改一行代碼卻要等webpack構建半天實在太捉急。 項目背景 我們的項目是@vue/cli4生成的，基於webpack和vue2開發，未使用ts。用到了很多jquery、lodash、echarts等第三方依賴。 參考： @vue/cli4已經默認配置過一些優化方法了，比如為babel-loader增加cache-loder。請教了deepseek和google之後，根據項目的實

vue.js , vue-cli4 , webpack , 前端 , Javascript

yangy5hqv 頭像

夢想雲圖網頁CAD - （WEB在線編輯DWG）在線CAD中實現測量圓、測量面積的方法

一、前言 本章將介紹如何利用mxcad插件實現在CAD圖紙中測量圓和測量面積的功能，用户點擊目標圓對象將自動標記出這個圓的半徑、面積值和周長值，同時可以自定義選擇標註文字的位置，測量圓功能能夠快速掌握目標圓對象的數據信息，方便統計工程量。 測量面積功能（多邊形、矩形）以多邊形的每一個頂點來確定多邊形的形狀和位置，通過點擊矩形的量角點來確定矩形的大小和位置，也可以自定義標註文字的位置。 二、測

ecmascript-6 , typescript , HTML , html5 , Javascript

jrue 頭像

前端小菜 - JS如何刪除對象中的某一屬性

let math = { subject: '數學', children: [ { id: 1, title: '數一' }, { id: 2, title: '數二' }, { id: 3, title: '數三' }, { id: 0, title: '待定' } ] } // 添加新屬性 math

ecmascript-6 , es5 , Javascript

qinglong_62898aa51988d 頭像

清隆 - 為什麼 shift 比 pop 慢？JS 中隊列的實現

我們知道在 JS 中，刪除數組元素有兩個方法：pop 與 shift，分別可以刪除末尾與開頭的元素。 然而同樣是刪除元素，它們的執行時間確實不同的。 當數組項目較多時，shift 的執行時間明顯長於 pop。 const test = (arrLength) = { let arr1 = [] console.time(`${arrLength}-arr1`) for (let i =

shift , pop , 隊列 , 前端 , Javascript

aqiongbei 頭像

aqiongbei - 手動點擊與代碼中調用click方法兩者的區別

問題描述 在看事件循環相關視頻的時候發現其中有一個例子不理解，查了資料才明白其中的緣由，遂以志之。問題是這樣的： button id="button"button/button button.addEventListener("click", () = { Promise.resolve().then(() = console.log("Microtask 1")); consol

eventloop , 事件循環 , 同步 , 前端 , Javascript

u_17443142 頭像

51搜不到你 - 電腦廣告攔截工具分享

今天分享2款電腦廣告攔截工具 1、SoftCnKiller(流氓軟件清理檢測)： 若懷疑電腦已感染流氓軟件，可通過本工具進行全面掃描與清理。使用前請先運行黑名單更新程序（見下文圖示），以獲取最新特徵庫，支持檢測更多新型流氓軟件。 該工具可深度掃描電腦中的絕大多數流氓軟件及捆綁安裝程序（俗稱"下崽器"）。個人實測：因

任務欄 , 結束進程 , 流氓軟件 , 前端開發 , Javascript

u_16213608 頭像

mob64ca13fe62db - Unity Shader學習：貼花（Decal）

Unity URP中的Decal（貼花）系統是一種用於將材質投射到場景幾何體表面的技術，主要用於實現血跡、彈孔、塗鴉等動態表面裝飾效果。以下是詳細解析： 核心功能與用途 動態投影：通過Decal 【從UnityURP開始探索遊戲渲染】專欄-直達 Unity URP中的Decal（貼花）系統是一種用於將材質投

性能優化 , 世界座標 , 貼圖 , 前端開發 , Javascript

kirill-myshkin 頭像

Kirill Myshkin - Discovering Primitive Objects In JavaScript (Part 1)

It seems natural to use strings to distinguish things. It’s very likely that in your codebase, there are objects with name, id, or label properties that are used to determine if an object is the one

Techniques , Tools , Javascript

huaweiclouddeveloper 頭像

華為雲開發者聯盟 - 詳解Spring中Bean的作用域與生命週期

摘要：在利用Spring進行IOC配置時，關於bean的配置和使用一直都是比較重要的一部分，同時如何合理的使用和創建bean對象，也是小夥伴們在學習和使用Spring時需要注意的部分，所以這一篇文章我就來和大家講一下有關Spring中bean的作用域和其生命週期。 本文分享自華為雲社區《詳解Spring中Bean的作用域與生命週期》，原文作者：灰小猿。 在利用Spring進行IOC配置時，關

容器 , spring , bean , 對象 , ioc

heath_learning 頭像

heath_learning - CSS BFC特性(塊級格式化上下文)

1、元素的BFC特性 BFC全稱為”Block Formartting Context”，中文為”塊級格式化上下文”。它是頁面中的一塊獨立的渲染環境，並且有一套渲染規則， 它決定了其子元素將如何定位，以及它和其他兄弟元素的關係和相互作用。 BFC佈局規則： 1）bfc內部的元素會在垂直方向，一個接一個地放置 2）盒子垂直方向的距離有margin決定，屬於同一個bfc的兩個相鄰元素的margi

css技巧 , bfc , Css , HTML

Itstars 頭像

新茶十九 - 高德地圖在 Web 端的兩大核心渲染技術：WebGL 和 Canvas

高德地圖在 Web 端的兩大核心渲染技術：WebGL 和 Canvas。 這是一個關於底層渲染引擎的選擇，直接影響地圖的性能、效果和兼容性。簡單來説，這是一個 “增強模式” vs “兼容模式” 的關係。 🆚 核心區別對比 特性 WebGL 渲染 (高級模式) Canvas 2D 渲染 (兼容模式)

vue.js , API , 3d , webgl , 前端開發

christian-heilmann 頭像

Christian Heilmann - Progressive Enhancement And Standards Do Not Limit Web Design

Lately I have been getting bored and annoyed with people getting up in arms against Web standards and the ideas of progressive enhancement, claiming that they hold us back from creating a rich, beau

Process , Web Design , Discussions , Opinion Column , Design

atila-fassina 頭像

Atila Fassina - Databases For Front-End Developers: The Concepts Under The Hood (Part 2)

In Part 1, The Rise Of Serverless Databases, of the “Databases For Front-End Developers” series, we talked about the hurdles and traps of scaling and maintaining your databases. We went from simpler

API , Apps , Browsers , serverless

wanzuqiudeshangba 頭像

玩足球的傷疤 - ECMAScript 6 (ES6) 中的模塊系統：從 CommonJS 到 ES6 模塊的演變

ECMAScript 6（通常稱為 ES6 或 ECMAScript 2015）是 JavaScript 語言的一個重大更新，帶來了許多新特性，這些特性極大地增強了語言的功能性和可維護性。其中，模塊系統的引入是 ES6 最重要的特性之一，它徹底改變了 JavaScript 的開發模式，從而推動了 JavaScript 在大型應用程序中的使用。 本文將專注於 ES6 模塊系統，討論它的核心概念、與舊

ecmascript-6 , es6module , commonjs , 前端 , Javascript

yangyaya 頭像

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

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

面試 , 筆試 , 前端 , Javascript

xiaoxxuejishu 頭像

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

源代碼下載： Makefile-cn Makefile 用於定義如何創建目標文件, 比如如何從源碼到可執行文件. 創建這一工具的目標是 減少不必要的編譯或者任務.是傳説中的 Stuart Feldman 在 1976 年花了一個週末寫出來的, 而今仍然使用廣泛, 特別是在 Unix 和 Linux 系統上. 雖然每個語言可能都有相應的或多或少提供 make 的功能, 比如 ruby 的

gnu-make , 工具 , 指令 , 入門 , make

hello888 頭像

洛陽醉長安行 - 【從實戰帶你認識gulp】打包前端項目並實現防緩存

gulp是什麼？ 一個基於node的前端自動化任務構建工具，使用經典回調+鏈式調用的方式實現任務的自動化 (src.pipe(...).pipe)，gulp其實和webpack很相似，但是gulp側重點不同，gulp更側重前端流程自動化、任務執行（通過任務使開發提效），就像一條流水線。而webpack則是更側重用於打包前端資源，一切皆可打包成模塊。 官方文檔：https://www.gulp

gulp , 前端 , Javascript

powerful_simon 頭像

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

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

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

yinguangyao 頭像

尹光耀 - underscore源碼分析之基礎方法

underscore源碼分析之基礎方法 本文是underscore源碼剖析系列的第二篇，主要介紹underscore中一些基礎方法的實現。 mixin 在上篇文章underscore整體架構分析中，我們講過_上面的方法有兩種掛載方式，一個是掛載到_構造函數上以_.map(arr)的形式直接調用（在後文上統稱構造函數調用），另一種則是掛到_.prototype上以_(arr).map()的形式被實

underscore , 前端 , Javascript