收藏 / 列表

Vitaly Friedman - Free Podcasting, Video and Photography WordPress Theme

In this post we are glad to release Smashing Multimedia, a unique, flexible and advanced WordPress theme for artists, photographers, podcasters, designers and users. The theme was designed by Sarah

wordpress , Podcasts , Freebies , Themes

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

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

zepto , Css , jquery , HTML , Javascript

IT開發者筆記 - 【金融行業案例】藉助DHTMLX打造高效銀行排班與管理系統

作為全球知名的前端控件開發商之一,DHTMLX一直致力於為企業提供靈活、高效的 JavaScript 界面組件。近日,DHTMLX 再次與北美軟件開發商Point Enterprises Inc.展開深入交流,瞭解其基於DHTMLX Suite與Scheduler的銀行員工排班系統StaffPro®的最新成果。 該系統通過靈活的組件組合與定製化開發,實現了跨網點員工調度、現金訂購、數據分析及

前端

另類的剪刀 - HTTP 與 SOCKS5 代理協議:企業級選型指南與工程化實踐

面向企業網絡與數據團隊的工程化、可落地的代理協議選型與治理指南。核心思路:按流量特徵選協議,用多協議網關統一出站,以託管網絡降低複雜度,最終實現穩定吞吐、可預測時延與合規落地。2 一、核心定位與結論 1.1 目標讀者 企業網絡架構、數據平台與安全合規團隊 1.2 核心結論 協議選型原則: HTTP 代理:優先用於 Web 爬取與 API 調用等應用層流量 SOCKS5 代理:優先用於多協議、

fiddler , Javascript

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

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

go , 前端 , Python

雨花石 - npm包的main字段

背景: 將前端項目中一些常用的代碼封裝成了一個單獨的npm包放在私服上,其他項目使用時通過install安裝後,webpack構建時提示找不到該npm包, This dependency was not found: * @b/sm2 in ./src/utils/js/common.js To install it, you can run: npm install --save @b/sm

npm , 前端 , Javascript

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

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

ecmascript-6 , typescript , HTML , html5 , Javascript

前端小菜 - js獲取對象的屬性個數

let math = { subject: '數學', children: [ { id: 1, title: '數一' }, { id: 2, title: '數二' }, { id: 3, title: '數三' }, { id: 0, title: '待定' } ] } // 取對象的屬性個數 Ob

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 - 手動點擊與代碼中調用click方法兩者的區別

問題描述 在看事件循環相關視頻的時候發現其中有一個例子不理解,查了資料才明白其中的緣由,遂以志之。問題是這樣的: button id="button"button/button button.addEventListener("click", () = { Promise.resolve().then(() = console.log("Microtask 1")); consol

eventloop , 事件循環 , 同步 , 前端 , Javascript

51搜不到你 - 平替魯大師 硬件狗狗工具箱分享

2010年魯大師被收購後,他的畫風就變了,各種廣告層出不窮,安裝後也成一個流氓軟件,簡直沒眼看。 今天分享一款平替工具箱——硬件狗狗,包含安裝板112M和免安裝版9M,免安裝版相對來説功能會少點,但也不影響主要功能,大家可以根據需求自行選擇。 免安裝 安裝版 在我的硬件中上面可以看到CPU、顯卡、主板、內存、

電腦使用 , 免安裝 , 驅動大師 , 前端開發 , Javascript

mob64ca13fe62db - (轉載)Spring異常處理@ExceptionHandler

@ExceptionHandler原理淺析 初始化 初始化 ExceptionHandlerExceptionResolver#exceptionHandlerAdviceCache 初始化方法:initExceptionHandlerAdviceCache() public static ListControllerAdviceBe

oracle , 優先級 , 初始化 , 數據庫 , JAVA

Kirill Myshkin - Orchestrating Complexity With Web Animations API

There’s no middle ground between simple transitions and complex animations. You’re either fine with what CSS Transitions and Animations provide or you suddenly need all the power you can get. Web An

animation , API , Interfaces , Javascript

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

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

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

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

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

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

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

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

lihaixing - 二進制運算

一、JS進制 // 二進制(Binary system) // 以0b或0B開頭 var x = 0b10000000000000000000000000000000; // 2147483648 var y = 0B00000000011111111111111111111111; // 8388607 // 二進制轉換 // 正數:就是正數的原碼 // 負數:負號+正數的原碼 // 不是數

react , vue.js , 二進制 , 前端 , Javascript

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

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

flexbox , typescript , 後端 , 前端 , Javascript

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

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

面試 , 筆試 , 前端 , Javascript

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

源代碼下載: learnracket-zh.rkt Racket是Lisp/Scheme家族中的一個通用的,多範式的編程語言。 非常期待您的反饋!你可以通過@th3rac25或以用户名為 th3rac25 的Google郵箱服務和我取得聯繫 #lang racket ; 聲明我們使用的語言 ;;; 註釋 ;; 單行註釋以分號開始 #| 塊註釋 可以橫跨很多行而且... #

語法 , 入門 , lisp , scheme , 前端

洛陽醉長安行 - mui 側欄菜單實現多級樹數據列表,返回上一級樹

想在移動端使用樹結構選擇項目,但是在移動端顯示體驗太差怎麼辦?使用棧結構存儲樹歷史,使用類似側欄菜單的方式實現: var currtTreeArr = []; //當前樹列表數組 var treeData = []; //根節點數據 var treeHistoryArr = []; //歷史打開的樹,用於回退,進入到其他節點 $(".mui-table-view").on("click", ".m

移動端 , 樹形結構 , mui , 前端 , Javascript

小謳 - 手寫一個Virtual DOM及源碼解析

關注前端小謳,閲讀更多原創技術文章 Virtual DOM是當今主流框架普遍採用的提高 web 頁面性能的方案,其原理是: 1.把真實的 DOM 樹轉換成 js 對象(虛擬 DOM) 2.數據更新時生成新的 js 對象(新的虛擬 DOM) 3.二者比對後僅對發生變化的數據進行更新 完整代碼參考 → js 對象模擬 DOM 樹 假設有如下 ht

vue.js , 虛擬dom , virtual-dom , 前端 , Javascript