收藏 / 列表

Zara Cooper - Core Web Vitals Tools To Boost Your Web Performance Scores

The success of your website depends on the impression it leaves on its users. By optimizing your Core Web Vitals scores, you can gauge and improve user experience. Essentially, a web vital is a qual

performance , Resources , Web Core Vitals

IT開發者筆記 - 文檔處理控件Aspose.Words教程:Python將Markdown轉換為Word

Markdown是一種輕量級標記語言,允許用户使用簡單的語法編寫格式化文本。雖然它非常適合基於 Web 的內容,但在專業環境中,Word 更適合用於編輯、協作和發佈。要共享、編輯或打印Markdown ( .md)文件,您有時可能需要將它們轉換為 Word 文檔 (.docx)。本文將演示如何藉助Aspose.Words使用Python將 Markdown 轉換為 Word。 Aspose.Wo

後端 , Python

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

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

教程

愛跑步的番茄 - 711Proxy 與 Decodo 代理對比:哪個更適合你?

在選擇代理服務時,很多企業和個人都會猶豫:到底選擇哪家代理更適合自己的業務?本文將從 IP資源、速度穩定性、使用體驗、價格和適用場景 五個方面,對 711Proxy 和 Decodo 代理進行全面對比,讓你一眼就能判斷哪家服務更值得信賴。 全球 IP 資源與覆蓋 711Proxy 擁有龐大的住宅 IP 池,覆蓋 195+ 國家和地區。無論是跨境電商、多賬號運營,還是廣告投放和數據採集,711Pro

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

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

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

面試 , this , 前端 , Javascript

用户bPdeG32 - ECMAScript 6(ES6)深入剖析:箭頭函數的革新與應用

引言 ECMAScript 6(簡稱 ES6),也被稱為 ECMAScript 2015,是 JavaScript 語言的重要版本更新,帶來了許多功能和語法的改進,極大地增強了 JavaScript 開發的簡潔性與可讀性。其中,箭頭函數(Arrow Functions) 是最為顯著的特性之一。箭頭函數提供了更為簡潔的語法,同時解決了傳統函數在 this 綁定上的問題。本文將聚焦於箭頭函數的革新,探

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

夢想雲圖網頁CAD - (Online CAD Software)在線CAD二次開發形位公差標註

一、前言 形位公差是指對零件幾何要素的形狀誤差和位置誤差所允許的最大變動量,它與傳統的尺寸公差不同,不僅關注長度或直徑等線性尺寸的變化,還關注零件的幾何特性是否符合設計意圖。在本篇文章中我們將介紹如何通過mxcad插件根據形位公差的特性來實現形位公差標註功能。 二、形位公差的分類 形位公差的所有公差代號如下圖所示: 根據國家標準 GB/T 1182-2018(等同於 ISO 1101

node.js , typescript , npm , html5 , Javascript

beckyyyy - 可視化學習 | 如何使用噪聲生成紋理

本文分享的是如何使用噪聲生成紋理。 首先,什麼是噪聲呢?在上篇文章中我介紹過一個生成隨機數的函數,利用隨機技巧我們生成了一個類似剪紙的圖案,那在自然界中,這種離散的隨機也是比較常見的,比如蟬鳴突然響起又突然停下,比如雨滴隨機落在一個位置,但是隨機和連續並存是更常見的情況,比如山脈的走向是隨機的,但山峯之間的高度又是連續的,比如天上的雲朵、水面的波紋等等。 那麼這種把隨機和連續結合起來,就形成了噪聲

webgl , 可視化 , 前端

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

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

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

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

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

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

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

Kirill Myshkin - Precise Timing With Web Animations API

I previously viewed animations as something playful. Something that adds fuzziness to interfaces. Apart from that, in good hands, animation can make interfaces clearer. One property of animations on

animation , API , Interfaces , Javascript

Atila Fassina - Databases For Front-End Developers: The Rise Of Serverless Databases (Part 1)

As front-end developers, we understand the foundational role data plays in our daily jobs. It may come from an external API, a CMS, or even a spreadsheet. But god forbid we need to talk about settin

API , Apps , cms , Browsers , serverless

前端小巷子 - Vue嵌套路由

Vue嵌套路由 在單頁應用裏,“頁面”不再是整屏刷新,而是由路由驅動的組件樹。當業務複雜到「用户中心 → 個人資料 / 收貨地址 / 賬號安全 / 好友列表」這種層級時,嵌套路由(Nested Routes)是唯一能把深度與可維護性同時保留下來的方案。 一、嵌套路由到底在解決什麼問題 想象一個用户中心: /user 用户中心外殼(Layou

用户中心 , 嵌套 , 前端開發 , Layout , Javascript

Amejimaobari Ollornwi - Building An Offline-Friendly Image Upload System

So, you’re filling out an online form, and it asks you to upload a file. You click the input, select a file from your desktop, and are good to go. But something happens. The network drops, the file

User Experience , serverless , Javascript

前端路引 - Web前端入門第 84 問:JavaScript sessionStorage 那些容易踩坑的地方

sessionStorage 與 localStorage 差不多可以算作一對兄弟,它倆的暴露的 API 方法一模一樣。 但兩者也有不同點: 1、sessionStorage 存入的數據在頁面關閉後,會自動清除。 2、相同 URL 的每個 tab 頁籤的 sessionStorage 會被隔離,互不影響。也就是説相同的鏈接,在 A 標籤頁打開和在 B 標籤打開,A 寫入的 sessionSt

前端 , Javascript

後山人 - 告別重複勞動:鋭智後台(RaiseAdmin)如何用“懶人”代碼生成器重塑開發體驗

告別重複勞動:鋭智後台(RaiseAdmin)如何用“懶人”代碼生成器重塑開發體驗 在企業級應用開發中,後台管理系統是不可或缺的一環。然而,重複的CRUD(創建、讀取、更新、刪除)工作常常佔據了開發者大量寶貴時間。今天,我們聚焦一個優秀的開源項目——鋭智後台(RaiseAdmin)快速開發平台,它正以其現代化技術棧和創新的“懶人”代碼生成器,為開發者帶來一場效率革命。 一、現代化技術棧:性能與體驗

vue.js , MySQL , php , Javascript

月恆 - Chrome 133 版本開發者工具(DevTools)更新內容

Chrome 133 版本開發者工具(DevTools)更新內容 一、持久化的 AI 聊天記錄 AI 助手面板會在本地持久化聊天記錄,即使重新加載 DevTools 或 Chrome,也可以查看之前與 Gemini 的對話內容。 二、Performance 面板改進 此版本為 Performance 面板帶來了多項改進。 1. 圖像交付洞察 Performance Insights 選項卡可以

chrome , 瀏覽器 , chrome-devtools , 前端

微芒不朽 - CSS Flex 佈局比 float 更值得學

在現代 Web 開發中,佈局是構建用户界面的核心環節。長期以來,CSS 的 float 屬性曾是實現多列布局的主要手段,但隨着 CSS 技術的發展,Flexbox(彈性盒子佈局)已成為更強大、更直觀、更可靠的佈局方案。本文將從多個維度對比 float 與 Flex 佈局,並闡明為何 Flex 佈局更值得投入時間學習和使用。 1. 歷史背景:從 float 到 Flexbox float 最初設計用

前端

追風的苦咖啡 - SSL證書過期怎麼辦?續費與更換的注意事項

SSL證書過期後的處理方式主要是續費原有證書或重新申請新證書,具體注意事項如下: 續簽SSL證書,優惠入口⬇️ https://www.joyssl.com/certificate/select/joyssl-dv-single-st... 一、續費原有證書 續費流程: SSL證書過期後,最快捷的方式是續費原有證書。由於您已通過初次申請的資料審核,續費時通常無需重新提交企業

觀點 , 資訊 , 服務器 , mariadb , 爬蟲

李遊Leo - 深入理解 ECMAScript 2024 新特性:字符串 isWellFormed 方法

ECMAScript 2024 引入了一個新的字符串實例方法:String.prototype.isWellFormed。這一新增功能是為了幫助開發者更容易地驗證字符串是否為有效的 Unicode 文本。本文將詳細介紹這一方法的使用場景、實現原理及其在實際應用中的價值。 String.prototype.isWellFormed:概念與應用 String.prototype.isWellForm

ecmascript , Javascript

王大冶 - React Native 0.76 重大更新:新架構全面啓用

React Hook 深入淺出 CSS技巧與案例詳解 vue2與vue3技巧合集 VueUse源碼解讀 架構升級的里程碑 React Native 0.76 版本帶來了一個重大變革 - 新架構默認啓用。這次更新不僅支持了 React 的現代特性(如 Suspense、Transitions),還徹底重寫了原生模塊系統。 核心特性升級 1. 併發渲染支持 新架構完整支持 React 的

ecmascript-6 , typescript , 前端 , Javascript

南城FE - 純CSS絲滑邊框線條動畫

在這個網站(minimal-portfolio-swart.vercel.app)發現一個不錯的交互效果,用户體驗效果很不錯。如封面圖所示,這個卡片上有一根白色的線條圍繞着卡片移動,且在線條的卡片內部跟隨這一塊模糊陰影,特別是在線條經過卡片圓角部分有特別絲滑的感覺。 今天的文章就來解析如何實現這種效果,文末附源碼預覽地址。根據示例圖片分析需要實現的功能點如下: 線條跟隨卡片邊框勻速移動 線

css3 , 動畫 , Css , 前端