收藏 / 列表

116263 頭像

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

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

zepto , Css , jquery , HTML , Javascript

software-Development 頭像

IT開發者筆記 - Stimulsoft 引入無代碼腳本編程 —— Blockly 讓報表與儀表盤更智能

Stimulsoft 是一款功能強大的數據可視化與報表平台，廣泛應用於各類企業的數據分析與展示場景。其核心優勢之一在於支持為報表和儀表盤添加自定義邏輯，以實現數據處理、可視化控制和用户交互等高級功能。 Stimulsoft Ultimate 試用下載 從傳統腳本到無代碼邏輯 在過去，Stimulsoft 中的邏輯擴展主要依賴編程腳本，不同產品支持的語言各不相同，如C#、VB.NET 或 JavaS

企業信息化

lingleidejiandao 頭像

另類的剪刀 - SmartProxy – 企業級出站 Web 訪問與數據採集的安全可運營基座

面向企業的出站 Web 訪問與數據採集，安全與可運營缺一不可。HTTPS 代理以 CONNECT 隧道與端到端 TLS 為核心技術，構建清晰的加密邊界，實現可策略化、可審計、可擴展的訪問控制。結合 HTTPS 與 Socks5 分層策略，依託全球住宅 IP 與託管網絡，為覆蓋範圍、性能表現、可靠性保障與 SLA 承諾建立確定性優勢 1。 一句話價值主張 以 CONNECT + TLS 端到端

Javascript

aipaobudefanqie 頭像

愛跑步的番茄 - 什麼是代理服務器？技術原理與應用解析

代理服務器（Proxy Server）是位於客户端與目標服務器之間的中間層節點，負責轉發網絡請求。在網絡通信體系中，它起到隱藏真實 IP、增強訪問控制與提高連接質量的作用。 其通信流程如下： Client → Proxy Server → Target Server目標服務器僅能看到代理服務器的 IP，而無法直接識別客户端的真實網絡身份。這也是代理在跨區域訪問、隱私保護與自動化業務中的

typescript , 前端 , Javascript

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 - (JS實現編輯DWG文件)網頁CAD SDK集成方法

前言 我們基於mxcad創建了一個在線的CAD項目，該項目中包含了預覽、編輯圖紙、操作圖紙數據庫等多種CAD功能。用户集成後支持二次開發。當前我們提供了兩種集成方式，方案1：通過iframe集成mxcad項目；方案2：直接在項目中集成mxcad-app插件。 下面我們詳細講解第2種mxcad-app的集成方式，這種方式與iframe嵌套集成相比更加方便，集成後也只需要維護當前一個系統項目。

node.js , typescript , html5 , Javascript

jrue 頭像

前端小菜 - 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

qinglong_62898aa51988d 頭像

清隆 - 聊聊原型鏈與繼承

前言 原型鏈與繼承、作用域與閉包、單線程與異步並稱為前端的三座大山，均屬於 JavaScript 中基礎卻又十分複雜的部分，而且面試中也經常問到。 今天，我們就來詳細介紹一下原型鏈與繼承，聊聊它的概念、作用與用法。 如果掘友對此部分已經學過只是略微遺忘，可直接跳轉至原型鏈圖片看圖複習。 下面，讓我們循序漸進的介紹下原型鏈與繼承。 認識原型 在我們創建函數的同時，都會自動為其創建一個 prototy

原型 , 原型鏈 , 前端 , Javascript

aqiongbei 頭像

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

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

sessionstorage , HTML , html5 , Javascript

jackysummer 頭像

JackySummer - 【解讀 ahooks 源碼系列】DOM篇（二）

前言 本文是 ahooks 源碼系列的第三篇，往期文章： 【解讀 ahooks 源碼系列】（開篇）如何獲取和監聽 DOM 元素 【解讀 ahooks 源碼系列】DOM篇（一） 本文主要解讀 useEventTarget、useExternal、useTitle、useFavicon、useFullscreen、useHover 源碼實現 useEventTarget 常見表單控件(通過 e

react , hooks , 前端 , Javascript

u_17443142 頭像

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

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

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

jianer 頭像

健兒 - 如何用useRef優化重複請求

如題：如何用useRef優化重複請求。 寫業務代碼，時而會遇見這種情況，如下偽代碼： useEffect(() = { // api請求 () }, [a, b]) 參數a來源某接口請求、參數b來源另外一個接口請求 毫無疑問，上面寫法回調函數一定會進去兩次，除了用參數校驗 比如滿足條件再進入api調用，還可以用useRef來暫存參數，而又不會引起頁面的re-rende

react , hook , Javascript

u_16213608 頭像

mob64ca13fe62db - stageMode模式 INSTALL_PARSE_FAILED_USESDK_ERROR stage setting

這章中使用的示例，會延續上一章創建的Rails應用chapter2，但是我們會創建一個新的controller。在終端下執行： script/generate controller chapter3 index get_time repeat reverse

機器學習 , xhtml , HTTP , ViewUI , 人工智能 , HTML , 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

huaweiclouddeveloper 頭像

華為雲開發者聯盟 - 學會這5種JS函數繼承方式，前端面試你至少成功50%

摘要：函數繼承是在JS裏比較基礎也是比較重要的一部分，而且也是面試中常常要問到的。下面帶你快速瞭解JS中有哪幾種是經常出現且必須掌握的繼承方式。掌握下面的內容面試也差不多沒問題啦~ 本文分享自華為雲社區《人類高質量JS函數繼承》，作者：北極光之夜。 一. 前言： 函數繼承是在JS裏比較基礎也是比較重要的一部分，而且也是面試中常常要問到的。下面帶你快速瞭解JS中有哪幾種是經常出現且必須掌握的繼

函數 , 面試 , 繼承 , 前端 , Javascript

heath_learning 頭像

heath_learning - css權重

1、什麼是css權重？css6大基礎選擇器 css權重指的是css6大基礎選擇符的優先級，優先級高的css樣式會覆蓋優先級底的css樣式，優先級越高説明權重越高，反之亦然。 css6大基礎選擇器： a）、id選擇器(#box{}) b）、類選擇器(.box{}) c）、屬性選擇器(a[href="http://www.xxx.com"]) d）、偽類和偽對象選擇器(:hoevr{}和::after

css3 , css技巧 , css選擇器 , css優先級 , Css

jamesfancy 頭像

邊城 - 考慮時區了嗎？

2023-09-17 更新，補了張截圖 前端工程師們，在拿到一個日期/時間數據的時候，你是怎麼處理的呢？有沒有考慮時區的問題呢？ 也許你會説：嗯，沒怎麼關注時區，不過我測過，沒問題。 我能怎麼説呢？可能你還沒遇到國外的用户吧！ 被偷走的一天 如果拿到一個日期字符串 "2021-11-17"，為了方便計算和處理數據，可能會先把它封成一個 Date 對象： const s = "2021-11-17

date , 時區 , Javascript

Itstars 頭像

新茶十九 - 全屏模式，禪模式，免打擾模式都有什麼區別

説得很好，這三種模式確實容易混淆。它們都是為了提升專注度，但側重點和實現方式不同。 簡單來説： 全屏模式：是物理，清空整個操作系統桌面。 免打擾模式：是魔法，清空WebStorm界面內的干擾元素。 禪模式：是“免打擾模式”的俗稱，或者説是它的終極形態。 下面這個表格清晰地展示了三者的核心區別： 模式 核心目

菜單欄 , 全屏 , 居中顯示 , 前端開發 , Javascript

christian-heilmann 頭像

Christian Heilmann - The Seven Deadly Sins Of JavaScript Implementation

If you look at some of the code that has been released, though, we do seem to have taken a step backwards. In gaining easier access, we also became a bit sloppy with our code. Finding clearly struct

coding , Javascript

atila-fassina 頭像

Atila Fassina - The Era Of Platform Primitives Is Finally Here

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 multiplie

optimization , Frameworks , Javascript

lihaixing 頭像

lihaixing - 詳解函數作用域

一、變量提升 1、變量 var 表示是變量 存在提前申明 同時也會和window存在映射機制(只存在於全局變量和window之間) console.log(a); // undefined 沒報錯，變量提升了 console.log(window.a, 'a' in window) // undefined true var a = 5; console.log(a); // 5 consol

函數 , 作用域 , 前端 , Javascript

wanzuqiudeshangba 頭像

玩足球的傷疤 - 細説Flexbox 佈局

在響應式設計中，Flexbox 是一種理想的佈局工具。它使得元素能夠根據容器的尺寸自動調整，靈活地填充可用空間。因此，無論是在桌面端還是移動端，Flexbox 都能夠確保佈局自適應、整潔且易於維護。 示例：響應式導航欄 假設我們需要創建一個具有可調節寬度的導航欄，項之間應均勻分佈，並且在小屏幕上時，導航項能夠堆疊在一起： nav class="navbar" a href="#"Home/a

flexbox , typescript , 後端 , 前端 , Javascript

yangyaya 頭像

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

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

面試 , 筆試 , 前端 , Javascript

wuyagege 頭像

雲綺棠兮 - JavaScript之對象篇

對象 是無序屬性的集合，其屬性可以包含基本值，對象，或者函數。可以將對象想象成散列表:鍵值對，其中值可以是數據或者函數。ECMAScript中的對象其實就是一組數據(屬性)和功能(方法)的集合。 題外話：睡了，明天再搞，中秋節快樂鴨！！！！！ 對象是一個包含相關數據和方法的集合（通常由一些變量和函數組成，我們稱之為對象裏面的屬性和方法） 比如在現實生活中，每一個人都是一個對象。對象有它的屬性，如身

node.js , object , 前端 , Javascript