收藏 / 列表

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

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

前端 , Javascript

雨花石 - review代碼系列(二):

背景: 因技術優化需要,打算將現有項目庫的部分代碼摘出來單獨構建,所以在package.json加了新的打包命令,當然也要單獨進行webpack配置。 處理babel時發現有兩種babel配置,既有babel.config.js,也有.babelrc。因為都在根目錄下面,所以新的構建任務默認也會使用這兩個babel配置。考慮到後續的單獨維護,覺得用單獨的babel配置比較好。那就要處理

webpack , babel , 前端 , Javascript

夢想雲圖網頁CAD - (JS實現編輯DWG文件)網頁CAD SDK集成方法

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

node.js , typescript , html5 , Javascript

前端小菜 - CentOS安裝Supervisor並配置自啓動

一、環境 操作系統:CentOS 8.3 Supervisor:4.2.1 [root@VM-0-10-centos ~]# cat /etc/redhat-release CentOS Linux release 8.3.2011 [root@VM-0-10-centos ~]# supervisord -v 4.2.1 二、安裝及配置 1.安裝 [root@VM-0-10-cento

supervisor , Centos , shell

羊先生 - 關於tsup工具構建項目庫使用過程

最近一直在寫前端項目、然後又使用strapi在寫後端服務,在使用到加解密這快內容,相同的代碼需要複製粘貼,索性寫一個工具吧,於是帶着研究,百度了一番,目前常見的工具有webpack、vite、rollup,相對主流的vite和rollup目前比較流行,webpack實在是卡頓 於是我又找找看看,又翻翻看,看到了tsup,構建方式簡單,不用繁瑣的配置,這不正是我想要的嘛 介紹一下tsup t

加密 , 前端

小皇帝James - 前端腳手架(簡易版)搭建攻略

簡介 腳手架CLI(command-line-interface)是一類快速形成工程化目錄的工具。 開發過程中,如果需要新建前端項目,我們經常都會用到腳手架來創建工程,通過命令行式的交互,可快速選擇選項並完成初始項目的搭建。而CV大法往往會帶來很多重複的刪減工作,且會導致項目分散、架構不統一等等弊端。 常見的主流框架都有自己的腳手架: create-vite @vue/cli create

腳手架cli , 工具 , 前端工程化 , 前端 , Javascript

PatWu16 - chrome-devtools-mcp 工具試用記錄

谷歌 Chrome 開發者工具 MCP 服務器公佈,它允許 AI 代理在瀏覽器中直接調試、測試和修復代碼,彌補了以往 AI 編碼工具無法直接觀察代碼在瀏覽器中運行情況的缺陷,更多內容查看官方博客、Github倉庫,其在發佈的短時間內即引起廣泛關注,npm下載量陡升: 調試工具提供的能力: 試用記錄,僅供參考:   

chrome-devtools , 前端

Shenfq - JavaScript 異步編程史

前言 早期的 Web 應用中,與後台進行交互時,需要進行 form 表單的提交,然後在頁面刷新後給用户反饋結果。在頁面刷新過程中,後台會重新返回一段 HTML 代碼,這段 HTML 中的大部分內容與之前頁面基本相同,這勢必造成了流量的浪費,而且一來一回也延長了頁面的響應時間,總是會讓人覺得 Web 應用的體驗感比不上客户端應用。 2004 年,AJAX 即“Asynchronous JavaScr

promise , async-await , generator , 前端 , Javascript

清隆 - 聊聊原型鏈與繼承

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

原型 , 原型鏈 , 前端 , Javascript

JackySummer - 完全搞懂 BFC

什麼是 BFC BFC 全稱是 Block Formatting Context,即塊格式化上下文。 除了 BFC,還有: IFC(行級格式化上下文)- inline 內聯 GFC(網格佈局格式化上下文)- display: grid FFC(自適應格式化上下文)- display: flex或display: inline-flex 注意:同一個元素不能同時存在於兩個 BFC 中 它是

bfc , Css

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

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

電腦使用 , 免安裝 , 驅動大師 , 前端開發 , 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

華為雲開發者聯盟 - DCI架構是如何解決DDD戰術建模缺點的?

摘要:將DCI架構總結成一句話就是:領域對象(Object)在不同的場景(Context)中扮演(Cast)不同的角色(Role),角色之間通過交互(Interactive)來完成具體的業務邏輯。 本文分享自華為雲社區《實現DCI架構》,作者:元閏子 。 前言 在面向對象編程的理念裏,應用程序是對現實世界的抽象,我們經常會將現實中的事物建模為編程語言中的類/對象(“是什麼”),而事物的行為則

面向對象編程 , 華為雲 , 運維 , 對象

heath_learning - JavaScript獲取字符串中連續出現次數最多的字符

需求:使用js獲取aaaabcc4aa4ddcfceeeeeeeggg這個字符串中連續出現次數最多的字符 方式一:利用指針思想(即索引) 在JavaScript中指針思想就是索引思想。 思路: 首先定義i、j兩個索引,i指向第一個字符,j指向i後面的字符 i不動,j一直向後移動,然後比較i與j指向的字符,如果它倆相等則不管,説明i與j之間的字符是連續的。 如果不相等則説明i指向

索引 , 算法 , 指針 , 字符串處理 , Javascript

編程三昧 - Webpack 簡介

構建其實是工程化、自動化思想在前端開發中的體現,把一系列流程用代碼去實現,讓代碼自動化地執行這一系列複雜的流程。 構建給前端開發注入了更大的活力,解放了我們的生產力。 Webpack 憑藉強大的功能與良好的使用體驗,已經成為目前最流行,社區最活躍的構建工具,是現代 Web 開發必須掌握的技能之一。 背景 在當下的前端環境裏,各種框架和工具層出不窮,比如 React、Vue、Angular 等,極大

構建工具 , 前端構建 , 工程化 , webpack , 前端

harryfyodor - Backbone 源碼解讀(一)

1. 開場 1.1 MVC? MVC是一種GUI軟件的一種架構模式。它的目的是將軟件的數據層(Model)和視圖(view)分開。Model連接數據庫,實現數據的交互。用户不能直接和數據打交道,而是需要通過操作視圖,然後通過controller對事件作出響應,最後才得以改變數據。最後數據改變,通過觀察者模式更新view。(所以在這裏需要用到設計模式中的觀察者模式) 1.2 Smalltalk-80

backbone.js , Javascript

Atila Fassina - How To Benchmark And Improve Web Vitals With Real User Metrics

This article has been kindly supported by our dear friends at Raygun who help developers identify issues before their customers are impacted, providing the standard of experience that users expec

performance , Core Web Vitals , User Experience

lihaixing - ArrayBuffer 二進制數據

在 Web 開發中,當我們處理文件時(創建,上傳,下載),經常會遇到二進制數據。另一個典型的應用場景是圖像處理。 與其他語言相比,JavaScript 中的二進制數據是以非標準方式實現的。 1. 創建二進制數據 基本的二進制對象是 ArrayBuffer —— 對固定長度的連續內存空間的引用。 let buffer = new ArrayBuffer(16); // 創建一個長度為 16 的 bu

二進制 , arraybuffer , 前端 , Javascript

玩足球的傷疤 - JavaScript與TypeScript的對比:深入理解兩者的異同

JavaScript 和 TypeScript 是當今最流行的兩種編程語言,尤其在前端開發中,它們佔據着主導地位。雖然這兩種語言在表面上看起來很相似,但它們有着顯著的差異,尤其是在類型系統、開發體驗、代碼維護性等方面。本文將深入探討 JavaScript 和 TypeScript 的差異,幫助開發者理解何時選擇使用 JavaScript 或 TypeScript,以及如何在項目中有效地運用它們。

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

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

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

面試 , 筆試 , 前端 , Javascript

林一一 - 編寫 loader 和 plugin

原文地址 編寫 loader 和 plugins github 一、loader 1.loader 介紹 loader 是什麼 loader 其實是一個函數,對匹配到的內容進行轉換,將轉換後的結果返回。 loader 作用 在 webpack 中 loader 就像是一位翻譯官。webpack 只認識 JavaScript 這們語言,對於其他的資源通過 loader 後可以轉化做預處理

loader , plugin , webpack , Javascript

雲綺棠兮 - html&css畫呼吸燈

搞不了視頻太難了。。。。 Animations是css3的一個模塊,使用keyframes定義如何隨着時間的移動改變CSS的屬性值,可以通過指定它們的持續時間,重複次數,如何重複來控制關鍵幀的行為。Animations由兩部分組成:css動畫的配置,以及一系列的keyframes(用來描述動畫的開始、過程、結束狀態) transform 屬性向元素應用從2D或3D轉換。該屬性允許我們對元素進行

animation , transform , Css , 前端

Addy Osmani - How To Write Fast, Memory-Efficient JavaScript

JavaScript engines such as Google’s V8 (Chrome, Node) are specifically designed for the fast execution of large JavaScript applications. As you develop, if you care about memory usage and performanc

performance , optimization , coding , Javascript

洛陽醉長安行 - 手摸手教你實現移動端滾動記憶(帶分頁)

前戲: 在移動端網頁中的列表如何實現滾動和搜索條件的記憶,類似微信文章一樣,瀏覽到文章的某一個位置,在下次打開的時候依然能滾動到上次瀏覽的位置繼續瀏覽。本篇文章介紹的是帶分頁的列表,如果你現在需求是不帶分頁的文章或列表當然也可以參考,實現方式基本是差不多的。 因為這裏使用了mui的下拉刷新的列表組件,要在tab切換時需要默認把滾動條重置到最頂部(從頭開始瀏覽),refreshContainer為對

移動端 , mui , 前端 , html5 , Javascript