收藏 / 列表

zara-cooper 頭像

Zara Cooper - You Can Do That With A JavaScript Data Grid?

This article has been kindly supported by our dear friends at Progress Kendo UI who are committed to giving developers the tools they need to harness and master the technological evolution shapin

Tools , Javascript , ui

software-Development 頭像

IT開發者筆記 - DHTMLX Gantt 9.1 的核心目標——在保持穩定性能的基礎上，帶來更智能的時間刻度優化、更靈活的任務渲染、更高效的實時協作能力及更完善的資源管理功能。

在與眾多開發者及企業客户的交流中，全球知名的前端UI控件服務商DHTMLX常常被問到：“下一版甘特圖控件（Gantt） 會有哪些新功能？” 事實上，對於像DHTMLX Gantt這樣成熟且廣受歡迎的組件，用户並不期待徹底的變革，而更關注使用體驗、靈活度及開發便捷性的提升。 這正是DHTMLX Gantt 9.1的核心目標——在保持穩定性能的基礎上，帶來更智能的時間刻度優化、更靈活的任務

前端

lingleidejiandao 頭像

另類的剪刀 - Smartproxy提取指南——JSON-first 架構與參數化最佳實踐

本指南以 API 代理 IP 提取為核心，結合參數化設計、JSON-first 接口規範、嚴格的版本管理與狀態碼標準，幫助您構建高成功率、低運維成本、可平滑擴展的數據採集流水線。基於 8000萬+ 住宅代理 IP 資源池、覆蓋 全球 200+ 國家與主要城市、承諾 99.9% 服務可用性，Smartproxy 助力團隊快速上線並在 SLO 驅動下穩定擴容 1。 我們踐行安全、透明、合規的工程方法論

react , typescript

aipaobudefanqie 頭像

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

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

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

yinzhixiaxue 頭像

銀之夏雪 - this你瞭解多少呢

執行上下文 js在執行代碼之前，需要經過一系列的“準備”，這被稱為執行上下文 ，其包含詞法環境 和this 。所有的 js 代碼在運行時都是在執行上下文中進行的，每創建一個執行上下文，就會將當前執行上下文放到一個棧頂，這就就是我們常説的執行棧 。 執行上下文的創建 何時創建執行上下文 JavaScript 中有三種情形會創建新的執行上下文： 全局執行上下文 ，進入去全局代碼的時候。任何不在函數

面試 , this , 前端 , Javascript

daoshanghundesijidou 頭像

用户bPdeG32 - WebApp開發中的身份驗證：如何確保安全性與用户體驗的平衡？

在Web應用程序（WebApp）開發中，身份驗證（Authentication）是一個至關重要的環節，它決定了用户如何登錄、如何識別以及如何保護用户數據。然而，隨着安全威脅的不斷演化，開發者面臨着一個挑戰：如何在確保安全性的同時，提供順暢的用户體驗？ 本文將專注於WebApp中的身份驗證問題，探索如何通過合理設計身份驗證流程，平衡安全性和用户體驗之間的關係，防止安全漏洞，同時避免讓用户在登錄過程中

objective-c , webapp , Android , android-studio , ios

yangy5hqv 頭像

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

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

ecmascript-6 , typescript , HTML , html5 , Javascript

beckyyyy 頭像

beckyyyy - 可視化學習：如何用WebGL繪製3D物體

在之前的文章中，我們使用WebGL繪製了很多二維的圖形和圖像，在學習2D繪圖的時候，我們提過很多次關於GPU的高效渲染，但是2D圖形的繪製只展示了WebGL部分的能力，WebGL更強大的地方在於，它可以繪製各種3D圖形，而3D圖形能夠極大地增強可視化的表現能力。 相信很多小夥伴都對此有所耳聞，也有不少人學習WebGL，就是衝着它的3D繪圖能力。 接下來，我就用一個簡單的正立方體的例子來演示在Web

3d , webgl , 可視化 , 前端

jrue 頭像

前端小菜 - js解析url的三種方法

js解析url，將如下url中的參數解析為key-value對象 https://mp.weixin.qq.com/adva... 方法1，split() + 循環依次取出 parseURLParams(url) { let queryParams = {} // 判斷是否有參數 if (url.indexOf('?') 0) return queryPar

ecmascript-6 , es5 , Javascript

ruochuan12 頭像

若川 - Taro 源碼揭秘：10. Taro 到底是怎樣轉換成小程序文件的？

1. 前言 大家好，我是若川，歡迎關注我的公眾號：若川視野。從 2021 年 8 月起，我持續組織了好幾年的每週大家一起學習 200 行左右的源碼共讀活動，感興趣的可以點此掃碼加我微信 ruochuan02 參與。另外，想學源碼，極力推薦關注我寫的專欄《學習源碼整體架構系列》，目前是掘金關注人數（6k+人）第一的專欄，寫有幾十篇源碼文章。 截至目前（2024-12-26），目前最新是 4.0.8，

react , 小程序 , webpack , 前端 , Javascript

u_17443142 頭像

51搜不到你 - Pro版磁盤清理工具SmartDefrag

分享一款磁盤清理器，該工具無需安裝，打開即可使用。核心功能包含常規磁盤整理、啓動時碎片整理。注意：工具只針對機械盤有用、固態盤沒有用，固態盤使用可能會造成損傷。 操作流程很簡單：在進行磁盤整理前，先勾選需要整理的盤符，之後點擊 “智能磁盤整理” 按鈕，即可自動完成整理操作。 管快速清理碎片，優化碎片，大文件整理碎片。

盤符 , 固態盤 , 系統文件 , 前端開發 , Javascript

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

atila-fassina 頭像

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

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前端入門第 86 問：JavaScript 中的 Web Worker 為什麼能提升代碼性能？

最初的 JS 執行代碼都是一條線執行到底，當遇到比較耗時的操作時，比如大數組循環運算，就會導致頁面卡着，就像假死一樣。就像一個人在廚房燒菜一樣，需要依次完成切菜、炒菜、裝盤這些步驟，此過程中沒辦法同時做其他事情，必須按順序執行每一個步驟。 Web Worker 賦予了 JS 分配任務的能力，在遇到複雜的計算型任務時，比如 canvas 圖形圖像處理（添加濾鏡、矩陣變換等），此類不依賴 DOM 操作

前端 , Javascript

hsr2022 頭像

後山人 - 洞察：低代碼與零代碼的本質區別及其對企業級開發的影響

在數字化轉型的浪潮中，低代碼（Low-Code）和零代碼（No-Code）平台因其承諾的效率提升而備受關注。然而，兩者並非同義詞，它們在目標用户、所需技能、應用場景和定製化能力上存在本質區別。 本文將詳細闡述低代碼和零代碼的核心差異，分析它們各自的侷限性，並結合 鋭智後台（RaiseAdmin）快速開發平台 的實踐，説明其如何通過“代碼生成 + 專業編碼”的混合模式，為企業級應用提供一個超越兩者侷

小程序 , php , Javascript

gqkmiss 頭像

月恆 - JS 中 structuredClone 和 JSON.parse(JSON.stringify()) 克隆對象的區別

JavaScript 中 structuredClone 和 JSON.parse(JSON.stringify()) 克隆對象的異同點 一、什麼是 structuredClone？ 1. structuredClone 的發展 structuredClone 是在 ECMAScript 2021（ES12）標準中引入的，ECMAScript 2021 規範正式發佈於 2021 年 6 月 自 2

ecmascript-6 , clone , 前端 , Javascript

kestrel_task 頭像

微芒不朽 - Koa2實現多併發文件上傳

koa2批量上傳文件 目前的是為了實現批量導入md文件，發佈文章。這樣就不用自己一篇一篇同步文章了。一次可以同步幾千篇文章。 實現界面 內容 主要包含上傳的文件標題，文件大小，上傳狀態。 el-upload ref="uploader" v-model:file-list="fileList" drag multiple :accept="accept" :maxSize="maxS

koa2 , vue3 , 前端 , Javascript

zhuifengdekukafei 頭像

追風的苦咖啡 - 跨境業務 OV 證書價值拆解手冊

第一章 多國合規適配對照表（核心痛點解決工具） 1.1 主流跨境市場合規要求與 OV 證書對應表 目標市場 核心合規法規 法規對企業的硬性要求 OV 證書的 “通關作用” 歐盟 27 國 GDPR（通用數據保護條例） 1. 用户數據傳輸需加密；2. 企業身份需向用户透明；3. 違規最高罰全球營收 4% 1. 256 位

ssl證書 , 知識 , postgresql

shimiandeshatanku 頭像

李遊Leo - 深入理解 ECMAScript 2024 新特性：正則表達式 /v 標誌

ECMAScript 2024 （ES15）標準引入了新的正則表達式標誌 /v，這一新增功能不僅優化了多行匹配的處理，還增加了對特殊字符匹配的支持。這一變革對於需要處理複雜文本數據的應用場景尤為重要，比如日誌分析、代碼審核等。接下來，本文將深入探討 /v 標誌的實際應用價值，並通過多個編程案例來展示其強大的實際應用能力。 /v 標誌的技術背景與應用 正則表達式作為開發者的有力工具，經常被用於字符

ecmascript , Javascript

minnanitkong 頭像

王大冶 - 5分鐘內理解 .prototype 鏈 | 2024

CSS技巧與案例詳解 vue2與vue3技巧合集 VueUse源碼解讀 在JavaScript的世界裏,原型(prototype)系統是一個常被討論但不易掌握的概念。作為JavaScript繼承模型的基石,理解原型對於構建大型應用或進行對象操作至關重要。讓我們一起探索這個迷人的話題,揭開原型系統的神秘面紗。 什麼是原型? 在JavaScript中,每個對象都有一個內部屬性[[Proto

ecmascript-6 , 前端 , Javascript

nanchengfe 頭像

南城FE - CSS螢火蟲按鈕特效

如圖所示，這是一個很炫酷的按鈕懸浮特效，鼠標懸停時，按鈕呈現發光的效果，周邊還出現類型螢火蟲的效果。本文將解析如何實現這個按鈕特效，基於這個動圖可以分析出需要實現的要點： 有一個跟隨鼠標移動的圓點 按鈕懸停時有高亮發光的效果 懸停時按鈕周邊的螢火中效果 實現過程 跟隨鼠標移動的圓點 這個部分需要基於JS實現，但不是最主要的實現代碼 如果單純做一個跟隨鼠標移動的點很簡單，只需要監聽鼠標事

css3 , 動畫 , 前端

zzd41 頭像

superZidan - 瀏覽器工作原理

瀏覽器（也稱為網絡瀏覽器或互聯網瀏覽器）是安裝在我們設備上的軟件應用程序，使我們能夠訪問萬維網。在閲讀這篇文字時，你實際上正在使用一個瀏覽器。 有許多瀏覽器正在被使用，截至2022年，使用最多的是：谷歌瀏覽器、蘋果的Safari、微軟的Edge和火狐。 但是，它們實際上是如何工作的，從我們在地址欄中鍵入網絡地址開始，到我們試圖訪問的頁面顯示在屏幕上，會發生什麼？ 關於這個問題的答案，一個極其簡化的

渲染 , dom , 瀏覽器 , cssom , webkit