收藏 / 列表

Vitaly Friedman - 70 Expert Ideas For Better CSS Coding

CSS isn’t always easy to deal with. Depending on your skills and your experience, CSS coding can sometimes become a nightmare, particularly if you aren’t sure which selectors are actually being appl

workflow , Techniques , coding , Css

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

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

zepto , Css , jquery , HTML , Javascript

IT開發者筆記 - 國產化Excel開發組件Spire.XLS教程:在Python中將Pandas DataFrame導出到Excel的詳細教程

在 Python 開發中,處理表格數據是非常常見的任務,而Pandas是最常用的數據處理和分析庫。開發者經常需要將Pandas DataFrame 導出到 Excel,以便進行報告、團隊協作或進一步的數據分析。雖然 Pandas 提供了 to_excel 方法進行基本導出,但如果需要創建格式豐富和含圖表的專業 Excel 報表,則需要藉助專業Excel庫。 本教程介紹如何在Python中使用Sp

後端 , Python

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

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

教程

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

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

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

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

node.js , typescript , html5 , Javascript

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

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

ecmascript-6 , es5 , Javascript

清隆 - 細説Vue2的響應式原理

什麼是響應式 在 Vue 開發中,我們修改了數據,所有用到這份數據的視圖都會更新。 響應式概括來説就是數據驅動視圖的自動更新 舉個例子,本文也將以下面這段代碼來講解與實現響應式 HTML div id="app" {{ obj.message }} /div JS let data = { obj: { message: 'Hello Vue!', }, } new Vue(

vue2 , vue.js , 響應式 , 前端 , Javascript

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

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

sessionstorage , HTML , html5 , Javascript

51搜不到你 - 專業漂白工具

日常工作和生活裏,處理圖像時常讓人頭疼。掃描的文件、手機拍的文檔,甚至孩子的作業照片,幾乎總帶着陰影、灰暗背景,還有各種雜亂的干擾元素。這些瑕疵讓圖片顯得模糊不清,觀感差勁,更別提打印時會多費墨粉,平白增加開銷了。 今天分享一款神器“原本”——專業級圖片漂白軟件 當老師發羣裏的作業打印出來歪歪扭扭時,當需要大型掃描儀時,當適用於高質量圖片存檔時

3c , 批量操作 , 下載地址 , 前端開發 , Javascript

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 - 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

華為雲開發者聯盟 - 最強雲硬盤來了,讓AI模型迭代從1周縮短到1天

摘要:華為雲擎天架構+ Flash-Native存儲引擎+低時延CurreNET,數據存儲和處理還有啥擔心的? 雖然我們已經進入大數據時代,但多數企業數據利用率只有10%,數據的價值沒有得到充分釋放。面對海量數據爆炸式的增長和發掘數據內在價值的巨大需求,擁有彈性伸縮、無限擴展能力的雲存儲正發展成為時代的智能數據底座。 另一方面,隨着人工智能(AI)、VR/AR、5G、自動駕駛等技術的發展,應

ssd , Flash , 華為雲 , 雲存儲 , 數據存儲

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

新茶十九 - 高德地圖的柵格圖,2D地圖,瓦片圖有什麼區別

高德地圖的“柵格圖”、“2D地圖”和“瓦片圖”這三個概念經常被混用,但它們描述的是不同層面的東西。 簡單來説: 瓦片圖是技術實現方式。 柵格圖是地圖數據的展現形式(與矢量圖相對)。 2D地圖是地圖的顯示模式(與3D地圖相對)。 下面我用一個清晰的表格和詳細解釋來説明它們的區別和聯繫。 🆚 核心概念對比 維度

vue.js , 高德地圖 , 柵格 , 3d , 前端開發

Christian Heilmann - Web Security: Are You Part Of The Problem?

Website security is an interesting topic and should be high on the radar of anyone who has a Web presence under their control. Ineffective Web security leads to all of the things that make us hate t

php , Security , coding , Javascript

Atila Fassina - Localizing Your Next.js App

Instructing Next.js your app intends to have routes for different locales (or countries, or both) could not be more smooth. On the root of your project, create a next.config.js if you have not had t

Apps , next.js , User Experience

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

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

yarn , go , 後端 , 前端 , Javascript

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

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

面試 , 筆試 , 前端 , Javascript

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

源代碼下載: learnperl-cn.pl Perl 是一個功能強大、特性齊全的編程語言,有25年的歷史。 Perl 可以在包括便攜式設備和大型機的超過100個平台上運行,既適用於快速原型構建,也適用於大型項目開發。 # 單行註釋以#號開頭 #### Perl的變量類型 # 變量以$號開頭。 # 合法變量名以英文字母或者下劃線起始, # 後接任意數目的字母、數字或下劃線。 ###

基礎 , Perl , 語法 , 入門

洛陽醉長安行 - js 使用遞歸上傳文件(批量上傳文件)、上傳進度

當接口不支持批量上傳,使用遞歸實現單文件上傳,配合mui.loading實現上傳進度 var imgAppendixArr = [];//當前已上傳的圖片信息數組,可傳遞給後端 //多張圖片遞歸上傳 function uploadList(obj, i) { var fileList = $("#" + obj.inputId)[0].files; var i = i || 0;//初始為

移動端 , mui , 前端 , Javascript

小謳 - 《javascript高級程序設計》學習筆記 | 7.3.生成器

關注前端小謳,閲讀更多原創技術文章 生成器 ES6 新增的結構,可以在一個函數塊內暫停和恢復代碼執行,可以自定義迭代器和實現協程 相關代碼 → 生成器基礎 生成器的形式是一個函數,函數名稱前加一個星號* 可以定義函數的地方,都可以定義生成器(箭頭函數除外) function* generatorFn() {} // 生成器函數聲明 let gfn = function* ()

yield , generator , 生成器 , 前端 , Javascript

尹光耀 - underscore源碼剖析之整體架構

underscore源碼分析之整體架構 最近打算好好看看underscore源碼,一個是因為自己確實水平不夠,另一個是underscore源碼比較簡單,比較易讀。 本系列打算對underscore1.8.3中關鍵函數源碼進行分析,希望做到最詳細的源碼分析。 今天是underscore源碼剖析系列第一篇,主要對underscore整體架構和基礎函數進行分析。 基礎模塊 首先,我們先來簡

underscore , 前端 , Javascript