收藏 / 列表

Vitaly Friedman - Infinite Scroll UX Done Right: Guidelines and Best Practices

We’ve all been there. You might have a long-winded list of search results, products, orders or data entries. Of course, you have all kinds of filters and sorting and search already in place. However

Design Patterns , UX Design , ux

前端胖頭魚 - zepto源碼分析之form模塊

前言 JavaScript最初的一個應用場景就是分擔服務器處理表單的責任,打破處處依賴服務器的局面,這篇文章主要介紹zepto中form模塊關於表單處理的幾個方法,serialize、serializeArray、submit。 原文鏈接 github項目地址 表單相關回顧 在開始學些form模塊相關方法前,我們先來回顧一下表單提交時,瀏覽器是怎麼樣將數據發送給服務器的(以下內容摘自《

zepto , css3 , jquery , html5 , Javascript

IT開發者筆記 - 【醫療行業案例】基於 React 的預約系統:DHTMLX 助力高效排班與預約管理

在醫療、酒店、美容等服務行業中,預約(Booking)與排班(Scheduling)是線上服務的兩大核心功能。它們不僅是高效時間管理的基礎,也保障了組織內部的工作流程有序運轉。預約功能幫助用户快速完成就診、住宿或服務的在線預訂;而排班功能則確保組織合理利用人力資源,平衡工作負荷。正因如此,這兩類功能在現代 Web 應用中有着廣泛的應用需求。 今天,我們為大家帶來一個全新的React 技術棧醫生預約

react , 前端

另類的剪刀 - 豌豆住宅靜態IP——穩定性與地域精度的企業級解決方案

通過高穩定性與城市級地域精度,支撐長期會話、來源可控與精準定位需求。基於可量化SLA、API全生命週期管理和彈性計費模式,助力中大型團隊以更優TCO實現規模化擴張1[4]。 核心優勢(數據驅動) 8000萬+ 真實住宅IP資源池,覆蓋 200+ 國家/地區,支持城市級精準定位[4] 99% 請求成功率,P95延遲可觀測並支持告警閉環[1] 無限流量與會話,支持高併發場景(simul

教程

愛跑步的番茄 - 什麼是住宅代理(Residential Proxy)?詳解原理、優勢與應用場景

在數字經濟與跨境互聯網時代,網絡訪問安全與數據合規成為企業關注的核心。而“住宅代理”(Residential Proxy)作為一種高匿名、高穩定的網絡中轉方式,正成為營銷、數據採集與賬號管理領域不可或缺的技術基礎。 本文將深入解析住宅代理的概念、工作原理、與數據中心代理的區別,以及它在實際業務中的典型應用場景。 一、住宅代理的定義 住宅代理(Residential Proxy) 是指通過真實

typescript , 前端 , Javascript

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

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

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

夢想雲圖網頁CAD - (Online CAD Software)在線CAD二次開發形位公差標註

一、前言 形位公差是指對零件幾何要素的形狀誤差和位置誤差所允許的最大變動量,它與傳統的尺寸公差不同,不僅關注長度或直徑等線性尺寸的變化,還關注零件的幾何特性是否符合設計意圖。在本篇文章中我們將介紹如何通過mxcad插件根據形位公差的特性來實現形位公差標註功能。 二、形位公差的分類 形位公差的所有公差代號如下圖所示: 根據國家標準 GB/T 1182-2018(等同於 ISO 1101

node.js , typescript , npm , html5 , Javascript

前端小菜 - js合併數組的方法

1,方法一 concat() 實例:arrayA.concat(arrayB) 會生成新的數組。 let arrayA = ['ja', 'va']; let arrayB = ['scr', 'ipt']; // 合併數組A和B arrayA = arrayA .concat(arrayB); // 查看合併後的結果 console.log(arrayA); // ['ja',

ecmascript-6 , es7 , es5 , Javascript

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

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

shift , pop , 隊列 , 前端 , Javascript

aqiongbei - 淺談sessionStorage的"繼承"問題

問題復現 最近在寫bug的過程中發現一個有意思的事,我把它稱之為" sessionStorage'繼承' "。我們可以按以下做法復現這一過程: 測試一 打開一個頁面(我們稱之為a頁面),在控制枱執行 sessionStorage.a = 'a'; window.open(window.location.href); // 得到b頁面 我們把新打開的頁面叫做b頁面,然後我們在b頁面控制枱執行 ses

sessionstorage , HTML , html5 , Javascript

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

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

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

mob64ca13fe62db - 【AI理論學習】多模態介紹及當前研究方向_多模態人工智能

你是否還在為AI項目中同時處理文本、圖像和音頻數據而煩惱?面對TensorFlow、PyTorch等不同框架的兼容性問題,以及各種模態數據處理接口的差異,開發效率大打折扣。本文將介紹如何使用Ivy框架(The Unified AI Framework)輕鬆實現多模態數據的統一處理,讓你告別框架切換的痛苦,專注於模型創新。 讀完本文,你將能夠: 瞭解I

數據 , 加載 , 後端開發 , 模態 , Python

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

華為雲開發者聯盟 - 雲小課 | “VPC連接”知多少

摘要:華為雲提供了豐富的網絡服務,可滿足多種網絡互連場景。 同Region的兩個VPC怎麼連通?” “跨Region的兩個VPC又怎麼連通?” “VPC內的ECS搭建了一個應用,需要訪問Internet,怎麼弄?” “某客户的業務一部分在香港,一部分在大陸,怎麼經濟可靠的連接起來?” “某客户既有本地的數據中心,又想把一部分業務放到雲上,怎麼玩?” …… …… 網絡域大家族提供了豐富的雲產

idc , internet-explorer , 華為雲 , 私有云 , 網絡

heath_learning - 解決vue項目導入js報does not provide an export named 'defanlt’錯誤問題

問題描述 使用webpack打包的umd格式的js插件導入到vue2項目中無法使用,報錯如下: SymtaxError: The reguested module '/xxxin js’does not provide an export named 'defanlt’ vue-cli版本不同現象: vue-cli 4.5.15會報’does not provide an exp

ecmascript-6 , es6module , vue-cli3 , commonjs , webpack

新茶十九 - 高德地圖,開啓webGL效率高還是關閉效率高

關於高德地圖中WebGL的開啓與關閉對效率的影響,絕大多數情況下,開啓WebGL的效率遠高於關閉。 下面我將從多個維度進行詳細對比分析,並提供具體的場景建議。 🆚 效率全面對比 效率維度 開啓 WebGL (推薦) 關閉 WebGL (使用 Canvas 2D) 渲染性能

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

Christian Heilmann - Making Your Mark On The Web Is Easier Than You Think

We who work on the Web live in wonderful times. In the past, we did of lot of trial-and-error learning, and the biggest hurdle was getting people to understand what we were on about. Over time, comp

Community , Conferences , Opinion Column , Design

Atila Fassina - State Management In Next.js

This article has been kindly supported by our dear friends at Netlify who are a diverse group of incredible talent from all over the world and offers a platform for web developers that multiplies

next.js , Jamstack , Javascript

玩足球的傷疤 - JavaScript與TypeScript的對比:深入理解兩者的異同

JavaScript 和 TypeScript 是當今最流行的兩種編程語言,尤其在前端開發中,它們佔據着主導地位。雖然這兩種語言在表面上看起來很相似,但它們有着顯著的差異,尤其是在類型系統、開發體驗、代碼維護性等方面。本文將深入探討 JavaScript 和 TypeScript 的差異,幫助開發者理解何時選擇使用 JavaScript 或 TypeScript,以及如何在項目中有效地運用它們。

ecmascript-6 , typescript , HTML , 前端 , Javascript

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

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

面試 , 筆試 , 前端 , Javascript

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

源代碼下載: LearnRed-zh.red Red 的編寫是出於工作需要,該語言的作者想要使用 REBOL,但它有許多缺陷。 當時 REBOL 還沒有開源,由於它是一門解釋型語言,這就意味着它比編譯型語言效率低。 Red 使用 C 語言級別的 Red/System,是一門涉及所有編程領域的語言。 Red 基於 REBOL 編寫,它繼承了 REBOL 的靈活性,同時也包含了許多 C 語

基礎 , 解釋型語言 , 入門 , c

洛陽醉長安行 - 移動端過濾欄Tab組件mFilterToolbar

移動端開發中由於mui中沒有比較好用的tab組件,所以我就基於mui開發了一個tab列表組件,可以獲取當前的tab並且增加了排序功能,解決了列表的常見需求 源碼地址:https://github.com/booms21/mF... mFilterToolbar mFilterToolbar 是一款mui風格的移動端h5頂部過濾欄組件,可根據自定義的條件對列表進行過濾,支持排序、組件默認值、組

移動端 , mui

小謳 - 小程序重構 [cnode社區]:mpvue + 開源api,現已上線!

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

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

尹光耀 - underscore數組遍歷函數分析(一)

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

underscore , 前端 , Javascript