收藏 / 列表

vitaly-friedman 頭像

Vitaly Friedman - Improving Code Readability With CSS Styleguides

Once your latest project is finished, you are very likely to forget the structure of the project’s layout, with all its numerous classes, color schemes and type setting. To understand your code year

workflow , Programming , coding , Style Guides , Css , Essentials

116263 頭像

前端胖頭魚 - 如何實現swipe、tap、longTap等自定義事件

前言 移動端原生支持touchstart、touchmove、touchend等事件，但是在平常業務中我們經常需要使用swipe、tap、doubleTap、longTap等事件去實現想要的效果，對於這種自定義事件他們底層是如何實現的呢？讓我們從Zepto.js的touch模塊去分析其原理。您也可以直接查看touch.js源碼註釋 源碼倉庫 原文鏈接 事件簡述 Zepto的touch模

zepto , jquery , html5 , Javascript

software-Development 頭像

IT開發者筆記 - 如何在DHTMLX Scheduler中實現帶拖拽的任務待辦區（Backlog）

為了滿足DHTMLX Scheduler用户的實際業務需求，本文將展示如何在 JavaScript 日程組件中實現“帶拖拽的任務待辦區（Backlog）”。這一功能讓用户可以像物業管理系統那樣，通過簡單的拖拽操作將任務分配到時間軸上的合適位置，大幅提升排程效率與體驗。 DHTMLX Scheduler 試用下載，請聯繫DHTMLX官方授權代理商慧都科技 本文將帶您一步步實現這一功能。 使用場

前端 , Javascript

lingleidejiandao 頭像

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

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

教程

aipaobudefanqie 頭像

愛跑步的番茄 - 如何進行 API 提取：從原理到實踐的完整指南

在數據驅動的時代，API（應用程序接口）已經成為信息交互的核心通道。無論是進行數據採集、自動化分析，還是搭建業務系統，API提取（API Extraction） 都是開發者必備的技能之一。 本文將深入介紹 API 提取的原理、方法、工具選擇，以及如何藉助代理服務突破訪問限制，實現更高效的數據獲取。 一、什麼是 API 提取？ API 提取是指通過調用公開或私有接口，從目標網站或服務中自動獲取

go , 前端 , Python

yuhuashi_584a46acea21f 頭像

雨花石 - webpack未轉譯第三方依賴axios為es5導致低端機型功能異常

背景： 兼容性測試流程中，遇到華為p9手機上的頁面按鈕點擊無反應的問題。開發者工具查看後發現報錯如下： 根據報錯信息檢查了一下頁面引用的vendors包，發現有...語法，來自於第三方依賴axios。 原因： axios包有es6語法，而我的項目的webpack.config.js配置的babel-loader排除了所有的node_modules的編譯。如下： {

babel-loader , Android , Axios , webpack , Javascript

yangy5hqv 頭像

夢想雲圖網頁CAD - （在線CAD插件）網頁CAD二開表格提取功能

前言 CAD圖紙上的表格信息承載着大量關鍵數據，生產過程中會導出表格數據到excel，本文將介紹如何通過自定義 MxCAD 插件，在web端實現對CAD圖紙中表格的智能識別、自動合併與高效導出，大幅提升數據提取效率與準確性，效果如下： 一、功能概述 本次圖紙表格提取主要實現以下核心功能： 交互式區域選擇：用户通過鼠標框選目標表格區域。 圖形元素識別：自動識別範圍內的直線、文字、多段線

node.js , typescript , npm , 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 頭像

清隆 - 兩千字助你理解for of原理，擴展for of完美解決遍歷對象問題

ES6 推出的 for of 語句非常強大，遠超曾經的所有遍歷方式。 for of 可以很輕鬆地遍歷數組、集合、映射，寫法也十分簡潔。 在我的項目中，除了需要獲取特定返回值的時候還採用數組的 map filter reduce 方法，其餘遍歷都由 for of 代勞。 本文我將逐層深入地介紹 for of 語句的用法與注意事項，並刨析其原理——迭代器和生成器，最後在對象與數字類型上擴展 for o

迭代器 , for循環 , 前端 , Javascript

aqiongbei 頭像

aqiongbei - 來學一個值錢的知識，Chrome插件如何優雅的捕獲頁面的請求結果

背景 今天在寫一個某網站限流檢測的chrome插件，需要捕獲頁面的某個請求結果。那麼問題就來了，我們該如何捕獲頁面的請求結果呢？我們來捋捋都有哪些方案。 我開發的時候的配置為manifest_version: 3，下文內容也是在這個基礎上展開的。 本文只列舉方案，一些需同步在manifest_version進行配置地方並未提及，請自行配置。 可行的方案 一、chrome.webReques

chrome , chrome-extension , chrome-devtools , 前端 , Javascript

u_17443142 頭像

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

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

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

u_16213608 頭像

mob64ca13fe62db - tableau docker安裝

tableau可視化 When working with geospatial data, it’s often useful to visually inspect the data on a map. In this tutorial, we will be using real cellph

雲計算 , 數據可視化 , tableau docker安裝 , JAVA , Docker , 可視化 , Python

kirill-myshkin 頭像

Kirill Myshkin - Primitive Objects In JavaScript: When To Use Them (Part 2)

Writing programs in JavaScript is approachable at the beginning. The language is forgiving, and you get accustomed to its affordances. With time and experience working on complex projects, you start

Techniques , Tools , Javascript

huaweiclouddeveloper 頭像

華為雲開發者聯盟 - 一文教會你認識Vuex狀態機

摘要：簡單來説，Vuex就是實現組件全局狀態(數據)管理的一種機制，可以方便的實現組件之間數據的共享。 本文分享自華為雲社區《Vuex狀態機快速瞭解與應用》，原文作者：北極光之夜。 一. 速識概念： 1. 組件之間共享數據的方式： 通常有以下幾種方式： 父向子傳值：v-bind 屬性綁定； 子向父傳值：v-on 事件綁定； 兄弟組件之間共享數據：EventBus； 2. vuex是

vue.js , 應用 , vuex , 父子組件 , 事件

heath_learning 頭像

heath_learning - uni-app自定義密碼輸入框

最近在用uni-app開發時遇到一個類似微信支付的密碼框需求，要求：用户輸入密碼後自動向後跳轉一個輸入框，並且獲得焦點，直到輸入完畢。用户刪除時，刪除完當前輸入框的內容，再按一個“退格/刪除”鍵，則自動往前跳一個輸入框，並將其內容刪除。 效果如： 實現思路 有且只能有一個input輸入框 如果採用一個方框用一個input輸入框，在模擬器裏沒有什麼問題，但在真實的手機中會

input , 輸入框 , vue.js , 混合app , uni-app

Itstars 頭像

新茶十九 - webstorm保存自動prettier格式化

在 WebStorm 中配置保存時自動使用 Prettier 格式化代碼，能有效統一代碼風格。以下彙總了關鍵的配置方法和注意事項。 配置步驟 關鍵操作 説明/參考 ① 安裝 Prettier 在項目根目錄執行 npm install prettier --save-dev

code , 根目錄 , 代碼風格 , 前端開發 , Javascript

christian-heilmann 頭像

Christian Heilmann - Find The Right JavaScript Solution With A 7-Step Test

As Web developers and designers, we are spoilt for choice right now. To build a complex Web application or even just spice up a website with some highly interactive interface element, we have hundre

testing , coding , Javascript

atila-fassina 頭像

Atila Fassina - Code Documentation, Streamlined

This article has been kindly supported by our dear friends at Swimm who have built the first code knowledge management tool that helps developers easily understand code. Thank you! Everythi

Techniques , Tools , coding

wanzuqiudeshangba 頭像

玩足球的傷疤 - Yarn 如何優化依賴安裝的速度？

引言 在前端開發中，包管理器是必不可少的工具，用於管理項目的依賴包。Yarn 是由 Facebook 推出的一個包管理器，作為 npm 的替代方案，它在性能、可靠性和安全性方面提供了顯著提升。一個常見的問題是：Yarn 如何優化依賴安裝的速度？ 本文將專注於這個問題，深入分析 Yarn 的核心機制和優化策略。 傳統 npm 安裝的瓶頸 在理解 Yarn 的優化之前，先來看一下傳統 npm 安裝依

yarn , go , 後端 , 前端 , Javascript

yangyaya 頭像

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

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

面試 , 筆試 , 前端 , Javascript

xiaoxxuejishu 頭像

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

源代碼下載： javascript-zh.js Javascript 於 1995 年由網景公司的 Brendan Eich 發明。最初它作為一種簡單的，用於開發網站的腳本語言而被髮明出來，是用於開發複雜網站的 Java 的補充。但由於它與網頁結合度很高並且在瀏覽器中得到內置的支持，所以在網頁前端領域 Javascript 變得比 Java 更流行了。 不過，Javascript 不僅用於網頁瀏覽

基礎 , 入門 , 前端 , Javascript

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