收藏 / 列表

addy-osmani 頭像

Addy Osmani - Using Modern Image Formats: AVIF And WebP

We’ve recently published Addy’s Image Optimization book with everything you need to know about images, how to compress, serve and maintain images. Now, shipping with a hand-written personal messa

performance , Images , optimization , Browsers , Smashing Books

hello888 頭像

洛陽醉長安行 - 移動端MUI重寫alert優化提示框樣式及頁面加載動畫

問題場景1： 在移動端h5的開發中，因為前期開發使用了是原生的alert來提示，會有在不同機型樣式不統一，還會出現在彈窗標題出現網址的問題，顯示非常不友好，在mui項目中可以直接使用mui的alert組件實現消息提示來解決這個問題。但是因為長期下來alert的地方太多，改動量大，有沒有什麼一勞永逸的辦法。 解決方法： 直接重寫瀏覽器window下的alert函數 window.alert = fu

移動端 , mui , 前端

yinguangyao 頭像

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

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

underscore , 前端 , Javascript

chencaize 頭像

點墨 - winreg的空值無法寫入導致電腦卡頓問題分析

問題背景 在使用Node.js的winreg模塊進行Windows註冊表寫入操作時，發現當寫入空字符串值時會出現嚴重問題： WinRegistry.set("test", WinRegistry.REG_SZ, "", (err) = console.error(err)) 問題現象 第一次寫入：會在註冊表中寫入一個 /f 值 後續寫入：進程會阻塞在註冊表操作上 系統影響：任務管理器中出現

windows , node.js , registry

willemwei 頭像

WillemWei - 模擬實現js中的new操作符

new 運算符創建一個用户定義的對象類型的實例或具有構造函數的內置對象的實例。 這是MDN上對new操作符的定義，從這句話中可以看出new返回的其實就是一個實例，那麼問題來了實例又是個啥東西？ 先看個例子： function Cat(name, gender) { this.name = name; this.gender = gender; } Cat.prototype.sa

prototype , new , Javascript

u_13934709 頭像

雲中小生 - 2025年ASP.NETMVC面試題庫全解析

ASP.NET MVC應用場景面試題 低難度面試題 什麼是ASP.NET MVC？ 答案：ASP.NET MVC是一種用於構建Web應用程序的框架，基於Model-View-Controller設計模式。 // ASP.NET MVC框架的基本結構 public class Ho

ASP.NET MVC , 面試題 , 面試 , Css , mvc , 前端開發 , HTML , asp.net

amejimaobari-ollornwi 頭像

Amejimaobari Ollornwi - Handling JavaScript Event Listeners With Parameters

JavaScript event listeners are very important, as they exist in almost every web application that requires interactivity. As common as they are, it is also essential for them to be managed properly.

Techniques , coding , Javascript

linx 頭像

前端路引 - Web前端入門第 86 問：JavaScript 中的 Web Worker 為什麼能提升代碼性能？

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

前端 , Javascript

hsr2022 頭像

後山人 - 有些數據管理的軟件，真心不用找人寫的

我們的Simplest Admin快速開發系統，有國企、高校、政府、公司、個人等各類用户。他們都有同樣的特點，就是需要快速的完成，功能不是特別複雜的系統，他們本身就是各個組織信息部門的人員，本事就有責任落實這些需求，但是，苦於沒有合適的，上手就用的系統；這時候，我們的Simplest Admin系統就恰好滿足了他們的需求。 首先，快速且完整，他們可以使用代碼生成，不同於很多系統一鍵生成，需要

vue.js , thinkphp

kestrel_task 頭像

微芒不朽 - 【CSS進階】巧用偽元素before和after製作絢麗效果

原創：叫我詹躲躲 來源：思否 鏈接：巧用偽元素before和after製作絢麗效果 所謂‘偽元素’，就是本身不存在的頁面元素，HTML代碼裏並沒有這樣的元素，但在頁面顯示時，你卻能看到這些本來不存在的元素髮揮着作用。本文主要探究偽元素beforce和after的常用使用場景。 CSS :before 選擇器 定義和説明 :before 選擇器向選定的元素前插入內容。

css3 , css技巧 , css選擇器 , Css , css3動畫

apifox 頭像

Apifox - 使用 FastAPI 設置定時任務:方法詳解

Web 應用程序開發中，及時高效處理常規任務至關重要，包括定時收集數據或管理任務計劃。針對強大且性能卓越的 FastAPI 框架，我們可以通過幾種策略來管理這些必要的定時任務。 實現 FastAPI 中的定時任務 本指南將探討在 FastAPI 環境中管理定時任務的三種實用方法：使用 APScheduler，利用 Celery 任務隊列的力量，以及利用內置的 asyncio 進行調度。 1. 利

定時任務 , 微服務 , 任務調度 , fastapi , 後端

yinzhixiaxue 頭像

銀之夏雪 - 從底層到實踐：深度解析 Vue Composition API 與 React Hooks 的異同

一、設計哲學與底層原理差異 1.1 響應式系統的基因差異 Vue3 的 Composition API 建立在 Proxy-based 響應式系統之上，通過劫持對象的 getter/setter 實現依賴收集。當訪問響應式對象時，Vue 會自動建立組件與數據的依賴關係。 // Vue 響應式原理簡版實現 function reactive(obj) { return new Proxy(obj

react , vue.js , react-hooks , vue3 , 前端

aqiongbei 頭像

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

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

sessionstorage , HTML , html5 , Javascript

jianer 頭像

健兒 - 徹底搞懂--水平垂直居中

水平垂直居中是面試常考的環節 今天就一步一步分析下是怎麼做到的，以前呢多少有點死記硬背的感覺，沒真正去梳理過。 先看看整個實現的流程圖片吧。 1、當left：50%如圖1 2、當top:50% 如圖2 3、要想呈現如圖3的情況，有兩種實現方案 （1）方案1 在已知目標對象寬高的情況下，可以通過設置margin-left:-寬/2 margin-top:-

transform , Css , 前端 , html5

u_16213608 頭像

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

Itstars 頭像

新茶十九 - forceWebGL 和 forbidenWebGL

高德地圖中 forceWebGL 和 forbiddenWebGL 這兩個參數的區別、用法和注意事項。 這是一個非常具體且重要的問題，因為它直接關係到高德地圖渲染引擎的選擇。 🆚 核心區別對比 特性 window.forceWebGL = true window.forbiddenWebGL = true

vue.js , 高德地圖 , API , webgl , 前端開發

zack-grossbart 頭像

Zack Grossbart - 12 Commandments Of Software Localization

You’ve presented the new website and everyone loves it. The design is crisp, the code is bug-free, and you’re ready to release. Then someone asks, “Does it work in Japanese?” You break out in a col

Localization , coding

momeak9 頭像

泯瀧 - 「譯」如何寫出更好的Typescript代碼

鏈接：https://medium.com/@technicadil_001/how-to-write-better-types... 作者：Debabrata Dash 原標題：How to write better Typescript codes? 在本文中，我們將討論大約 15 個編寫更好的 Typescript 代碼的技巧。 譯者：本文討論了 15 個實用技巧，以幫助開發者編

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

zisrfs 頭像

zsirfs - 深入一點 - 使用bind的時候發生了什麼呢？

從規範來看，Function.prototype.bind 是如何工作，以及如何來模擬bind操作。 簡單示例 如下簡單示例，普通對象 testObj 內部有一個b函數，接受一個普通參數，若參數為空則輸出 this.a。 const testObj = { a: 3, b: function(args) { console.log(args || this.a); }, };

javascript原型 , javascript專題系列 , Javascript

webinfoq 頭像

破曉L - HTTP 緩存最佳實踐和 max-age 帶來的陷阱

正確使用緩存可以帶來巨大的性能優勢，節省寬帶，並降低服務器成本，但許多網站並不重視緩存，造成競爭條件，導致相互依賴的資源不同步。 絕大多數最佳實踐緩存屬於以下兩種模式之一： 模式一：不可變（immutable）內容 + 長 max-age 模式二：可變（mutable）內容，始終由服務器驗證 模式一：不可變內容 + 長 max-age Cache-Control：max-age=31536

http緩存 , Css , 瀏覽器緩存 , 前端 , Javascript

evilboy 頭像

瘋狂的技術宅 - 超越 Cookie：當今的客户端數據存儲技術

超越 Cookie：當今的客户端數據存儲 作者：Adam Giese 翻譯：瘋狂的技術宅 原文：https://blog.logrocket.com/be... 未經允許嚴禁轉載 當 cookie 被首次引入時，它是瀏覽器保存數據的唯一方式。之後又有了很多新的選擇：Web Storage API、IndexedDB 和 Cache API。那麼 cookie 死了嗎？我們來看看這些在瀏

indexeddb , cookies , storage , cookie

huashenjianlingshouhuni 頭像

zhanle_huang - highchart的draggable-points.js依賴實現圖表的動態拖拽操作

highchart的draggable-points.js依賴實現圖表的動態拖拽操作 需求 實現一個曲線圖，能夠通過鼠標去拖拽點，來進行修改圖表 實現 例子基於vue來實現，如果是jq的按照官網的例子即可，配置列表鏈接.，例子 // 引入依賴 import Highcharts from 'highcharts/highcharts.js'; import dragg

vue.js , highcharts , 前端 , Javascript

xiaoxxuejishu 頭像

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

源代碼下載： javascript-zh.js Javascript 於 1995 年由網景公司的 Brendan Eich 發明。最初它作為一種簡單的，用於開發網站的腳本語言而被髮明出來，是用於開發複雜網站的 Java 的補充。但由於它與網頁結合度很高並且在瀏覽器中得到內置的支持，所以在網頁前端領域 Javascript 變得比 Java 更流行了。 不過，Javascript 不僅用於網頁瀏覽

基礎 , 入門 , 前端 , Javascript

jamesfancy 頭像

邊城 - 在前端使用 JS 進行分類彙總

最近遇到一些同學在問 JS 中進行數據統計的問題。雖然數據統計一般會在數據庫中進行，但是後端遇到需要使用程序來進行統計的情況也非常多。.NET 就為了對內存數據和數據庫數據進行統一地數據處理，發明了 LINQ (Language-Integrated Query)。其實 LINQ 語法本身沒什麼，關鍵是為了實現 LINQ 而設計的表達式樹、IEnumerable 和 IQueryable 的各種擴

lodash , 數據處理 , 前端 , Javascript