收藏 / 列表

qinyuanqiblog - nodjs 爬取喜歡的的背景圖片

直接從幕布考過來的,懶得改排版了, 😄😄😄, 幕布地址: https://mubu.com/doc/_77_RCP9GG 前言 公司搬家了, 換了新的電腦, 感覺桌面有點空蕩蕩,想去搞幾張高級的背景圖片來裝下13,於是便有了這個項目 經過一番谷歌,感覺比較喜歡wallhaven這種風格的背景圖,開始搞起 ~~~ 搞搞搞

node.js , nodejs爬蟲

zxl20070701 - sftp基本的操作

連接 sftp -P 22 username@ip 然後輸入密碼即可登錄。 文件傳輸 上傳文件 put -r /User/zxl20070701/Desktop/demo.html /root/zxl20070701 上面的例子就是把本機電腦的/User/zxl20070701/Desktop/demo.html文件上傳到服務器的 /root/zxl20070701文件夾下。 下載文件 get -

sftp , ftp-get , ftp , Linux , ftp-client

MangoGoing - koa實踐總結

什麼是koa? koa是Express的下一代基於Node.js的web框架。使用 koa 編寫 web 應用,通過組合不同的 generator,可以免除重複繁瑣的回調函數嵌套,並極大地提升常用錯誤處理效率。Koa 不在內核方法中綁定任何中間件,它僅僅提供了一個輕量優雅的函數庫,使得編寫 Web 應用和API變得得心應手。 Koa能幹什麼? 主要用途 網站(比如cnode這樣的論壇) ap

koa2 , node.js , koa.js , 前端 , Javascript

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

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

chrome-devtools , 前端

鹵代烴 - 🔬 一文搞懂前端兼容問題

如果你喜歡我的文章,希望點贊👍 收藏 📁 評論 💬 三連支持一下,謝謝你,這對我真的很重要! 對於大部分開發者來説,版本兼容是一件存在感很低的事情,因為它在絕大部分情況下都是一行配置,在一些前端工具鏈(例如 Babel、CoreJS,Autoprefixer 等工具)的幫助下適配到目標瀏覽器,只會在一些大的 break change 事件(例如 Vue3 必須在支持 Proxy 的現代瀏覽

瀏覽器兼容性 , webpack , babel , 兼容性問題 , 前端

起風了 - React.PureComponent深入瞭解機制及其原理

起因 用React.PureComponent時,更新state裏面的count用的方式是++this.state.count,但是意外的導致組件沒有重新render(本人用Hook組件較多,所以感到很疑惑) import React from 'react'; import { Button } from 'antd-mobile'; class DemoChildClass extends

react , setstate , component

limingcan - 有了這些方法,webpack你也可以自己配

前言 通過上篇文章——弄懂這幾個概念後,我對webpack有了更新的理解 的講解,我們大致瞭解了: 使用webpack過程中出現的一些概念 結合打包過程中出現的概念,淺析了webpack打包流程,讓大家對打包流程有個大致的理解 我們都知道,我們在實際開發過程中,使用webpack無非就是為了最後輸出瀏覽器能運行的css、img、js、html等前端資源。 那麼,為了更貼近實際,我們這篇文章

構建工具 , webpack5 , challenge , 前端 , Javascript

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

前言 不論是寒冬還是暖冬,找工作之前都需要做好充足的準備,面試的時候才能做到遊刃有餘。此文是把我最近找工作準備的以及筆試面試中涉及到的手寫題做一個總結。給自己,也給需要的同學。 CSS是前端必須要掌握的技能之一。一般面試也都會從CSS開始。所以CSS問題答的好壞會直接影響你在面試官心中的形象。 本文主要介紹面試中常會遇到的CSS問題及給出建議性的答案。 往期 “寒冬”三年經驗前端面試總結(含

面試 , 筆試 , Css , 前端 , Javascript

火爆的鍵盤 - RESTful API 設計方法:打造高質量、易用的接口系統

RESTful 架構基礎 REST,代表表現層狀態轉移(Representational State Transfer),長久以來一直是 API 服務的聖盃,最初由 Roy Fielding 在其博士論文中定義。儘管它不是構建 API 的唯一方法,但由於其廣泛的普及,即使是非開發者也對其有所瞭解。 RESTful 軟件具有六個關鍵特徵: 客户端-服務器架構 無狀態性 可緩存性 分層系統

rest-api , rest , API , restful , api設計

破曉L - React 50 種狀態類型

React 是一個視圖層框架,其核心思想是 UI = f(state),即「UI 是 state 的投影」,state 自上而下流動,整個 React 組件樹由 state 驅動。當一個 React 應用程序足夠複雜,組件嵌套足夠深時,組件樹中的狀態流動會變得難以控制(例如你如何跟蹤父節點的 state 流動到葉子節點時產生的變化)。這時我們就需要對 state 進行管理,在進行狀態管理的同時,還

react , 狀態管理 , 組件通信 , 前端 , Javascript

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

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

vue.js , highcharts , HTML , 前端 , Javascript

你好2007 - Git版本管理工具常用命令整理和説明

工作區:就是你在電腦裏能看到的目錄。 暫存區:英文叫stage, 或index。一般存放在 ".git目錄下" 下的index文件(.git/index)中,所以我們把暫存區有時也叫作索引(index)。 版本庫:工作區有一個隱藏目錄.git,這個不算工作區,而是Git的版本庫。 第一步:用户名和郵箱。 分別修改用户名和郵箱,其中--global帶和不帶的區別在於操作文件是.git/config還

terminal , Git

哈囉技術 - React hooks原理淺談

react的工作流程 fiber是react的基本工作單元,所有的操作都要基於它實現。其實fiber就類似一個個element元素,react的工作流程其實就是遍歷fiber tree。 performUnitOfWork函數會執行當前的fiber節點,然後把這個fiber的子節點賦值給workInProgress,當子節點不存在時,就把兄弟節點賦值給workInProgress。 上層的wo

react-hooks , 前端

Kagol - 重回鐵王座!時隔5年!Quill 2.0 終於發佈啦🎉

你好,我是 Kagol。 2024年4月17日,Quill 2.0 正式發佈🎉 最後一個 1.0 版本 1.3.7 發佈於 2019年9月9日,時隔4年零7個月。 富文本編輯器擁有非常豐富的使用場景,我在做 OpenTiny 開源運營過程中,也經常有用户問:OpenTiny 有富文本嗎? 於是在2023年6月,我們開始規劃富文本組件,做技術選型時,考慮了 Quill、Tiptap、Editor.

富文本編輯器 , quill , 前端

長林啊 - 掌握 React Hooks:現代 React 開發的必備技能

大家好,我是長林啊!一個愛好 JavaScript、Go、Rust 的全棧開發者;致力於終身學習和技術分享。 本文首發在我的微信公眾號【長林啊】,歡迎大家關注、分享、點贊! Hooks 是 React 官方團隊在 React 16.8 版本中正式引入的概念。通俗的講,Hooks 只是一些函數,Hooks 可以用於在函數組件中引入狀態管理和生命週期方法;如果希望讓 React 函數組件擁有狀態管理和

react , hooks , typescript , 前端 , Web

codechen8848 - 免費高顏值!一款跨平台桌面端視頻資源播放器!

大家好,我是 Java陳序員。 今天,給大家推薦一款跨平台的桌面端視頻播放器,免費高顏值! 關注微信公眾號:【Java陳序員】,獲取開源項目分享、AI副業分享、超200本經典計算機電子書籍等。 項目介紹 ZyPlayer —— 一款免費易用且打造的全功能媒體播放器,基於 electron-Vite 框架,結合 TDesign 組件庫和 Vue3 全家桶,致力於提供流暢、高效的跨平台娛樂體驗。

前端

愛跑步的番茄 - 靜態IP與動態IP的選擇:如何通過711Proxy實現高性價比代理服務

1.住宅代理IP是什麼? 在互聯網的應用中,代理IP被廣泛使用,比如:跨境電商,網絡匿名瀏覽等,特別需要隱藏真實IP、提高匿名性或繞過地域限制。 住宅代理IP就是一種常見的代理方式,通過提供真實的住宅IP地址,讓用户看起來像是來自不同地區的普通用户,因此具備較高的隱匿性和穩定性。 住宅代理IP可以分為兩種類型:靜態IP和動態IP。這兩者各有特點,適合不同的使用場景。 今天,我們將深入探

ip , 代理服務器

點量實時雲渲染 - 基於P2P技術的智能分發方案如何重塑高性能家庭影院體驗

在當前的家庭娛樂場景中,用户對視頻體驗的期待已從基本的“可觀看”全面提升為“高畫質、無卡頓、即時響應”。隨着高清、藍光、4K/8K內容的普及,傳統CDN分發模式在成本控制與傳輸效率方面均面臨顯著壓力。 一種結合P2P分發與邊下邊播技術的系統,正逐漸被應用於家庭影院與智能點播平台。該系統實現了跨平台、低延遲的內容傳輸,支持從雲端到終端的高效數據流轉,為流暢播放提供了新的技術路徑。 一、行業背景:從

p2p , 資訊 , 服務器 , 後端 , 前端

麒寧 - Ant Design 常見用法與坑點總結(一)

前言 Ant Design 是螞蟻出品的出色優秀的 React 組件庫,相信使用 React 進行管理系統開發的小夥伴們或多或少都接觸過 Ant Design。很多公司基於 React 開發的管理端系統也都是使用 Ant Design 的組件庫。 因此,瞭解 Ant Design 的常見用法與坑點還是有必要的。 本系列文章針對 Ant Design 一些官方文檔雖有提及,但是容易被忽略的,又比較重

form , 表單驗證 , antd , 前端 , Javascript

TANKING - PHP輕量級、超簡單、入門級、易上手的框架:CodeIgniter

摘要 CodeIgniter 3 是一個輕量級的 PHP Web 應用程序開發框架,專注於簡單性和性能。它提供了一系列的庫和工具,幫助開發者快速構建各種規模的 Web 應用程序。 簡單易用:CodeIgniter 設計簡潔,學習曲線低,使得開發者可以快速上手並開始構建應用程序。 MVC 架構:CodeIgniter 遵循 MVC(Model-View-Controller)設計模式,將應用程序的邏

php , php框架 , codeigniter , mvc , 後端

JackySummer - 【解讀 ahooks 源碼系列】DOM篇(四)

前言 本文是 ahooks 源碼(v3.7.4)系列的第五篇,也是 DOM 篇的完結篇,往期文章: 【解讀 ahooks 源碼系列】(開篇)如何獲取和監聽 DOM 元素:useEffectWithTarget 【解讀 ahooks 源碼系列】DOM 篇(一):useEventListener、useClickAway、useDocumentVisibility、useDrop、useDrag

react , hooks , 前端

小謳 - 解決 mpvue 經典 bug:同路由切換時,上次的數據會保留

關注前端小謳,閲讀更多原創技術文章 由於一直在用vue技術棧,因此初次開發小程序嘗試使用【mpvue】。儘管聽聞框架已停止維護,為了上手迅速,不顧可能存在的眾多bug,毅然用起來。 果不其然,一個大bug出現了:同一路由切換時,上一次的頁面數據會保留 項目實戰bug:mpvue重構cnode社區 github用户已在mpvue的issues給出相關原因: 參考眾多答案後,用“

vue.js , 小程序 , mpvue , 前端 , Javascript