收藏 / 列表

zxl20070701 頭像

zxl20070701 - TypeScript系列：【4】接口

接口就是定義一個類型，比如一個json數據或一個函數等，描述其具體的結構就可以使用接口來規範。 基礎説明 先來看個例子： interface MyDataType { name: string, age: number } 我們定義了一個json的數據格式，可以且只可以包含值是字符串的name屬性和值是數字的age屬性，下面是一個正確的例子： let myData: MyDataT

ecmascript-6 , interface , class , typescript

nulidexiaocongmang 頭像

MangoGoing - koa實踐總結

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

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

wupeng_5a4de5c290b9d 頭像

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

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

chrome-devtools , 前端

skychx 頭像

鹵代烴 - 🪢 [網絡協議] 淺談 HTTP 優先級算法的演進

如果你喜歡我的文章，希望點贊👍 收藏 📁 評論 💬 三連支持一下，謝謝你，這對我真的很重要！ 前兩天在「即刻」上一時興起寫了一段 HTTP 優先級的發展歷程，這兩天覺得當時寫的還是太倉促了，所以準備寫個 Blog 擴寫一下，就「優先級」這個概念縱向分析，看看這些基礎協議的發展和進化。 正式講之前先列個時間線，這樣的話對以下內容的理解會有個更直觀的認識： 1997 年，經過前幾年幾

http3 , http-2 , HTTP , 網絡傳輸協議 , 前端

qifengliao_5e7f5b20ee3bd 頭像

起風了 - (移動端適配px轉rem)react配置rem插件lib-flexible和postcss-px2rem-exclude

1、安裝插件 yarn add lib-flexible postcss-px2rem-exclude //這個插件也要下，不然的話啓動項目的時候會報錯 yarn add react-app-rewire-postcss 2、修改config-overrides.js（如果沒有就新建，在項目根目錄） 在config-overrides.js文件裏重寫postcss，加入如下代碼 這文件將a

react , px2rem , rem , html5

limingcan562 頭像

limingcan - 帶着這種思想，我快速高效的學會了webpack“開發環境配置”

前言 我們在使用webpack時，經常會看到類似以下結構： build ├── webpack.common.js └── webpack.dev.js └── webpack.prod.js 很多時候，webpack的配置我們基本複製粘貼過來的，沒有想過為什麼我們要把配置文件拆解成這麼多。因此，當我們自己去學習配置webpack時，我們經常會出現以下等問題： 開發環境構建速度慢 打包後頁面

構建工具 , webpack5 , 架構 , webpack , 前端

yangyaya 頭像

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

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

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

huobaodejianpan 頭像

火爆的鍵盤 - 掌握 HTTP 請求方法：開發者必備知識

在 Web 開發領域，HTTP 方法在定義客户端如何與 Web 服務器交互以及對資源執行不同操作方面起着至關重要的作用。HTTP（Hypertext Transfer Protocol，超文本傳輸協議）是現代網絡應用的棟樑，它定義了客户端與服務器之間的通信方式。 什麼是 HTTP 請求方法 在 Web 通信中，HTTP 請求方法是客户端用來向服務器表達其意圖的一種方式。每次瀏覽網頁、提交表單或與

API , HTTP , 接口 , 後端 , 前端

webinfoq 頭像

破曉L - 面試小冊：面試官經常問的十個棘手的 JavaScript 問題

1. 可變性 在 JavaScript 中有七種基本數據類型（string、number、boolean、undefined、symbol、bigint 和 null），這些都是不可變的。這意味着一旦分配了一個值，我們就無法修改它們，我們可以做的是將它重新分配給一個不同的值（不同的內存指針）。另一方面，其他數據類型（如 Object 和 Function）是可變的，這意味着我們可以修改同一內存指

原型 , 閉包 , 面試問題 , 前端 , Javascript

huashenjianlingshouhuni 頭像

zhanle_huang - 一張base64圖片格式的圖片，將其轉化成blob然後上傳到服務器

一張base64圖片格式的圖片，將其轉化成blob然後上傳到服務器 需求描述 一張base64圖片格式的圖片，將其轉化成blob然後上傳到服務器，後台跟接收表單文件上傳一樣的方式去處理改圖片 實現 // url 表示base64的字符串， name表示文件名，附加到blob上的那麼、上 uploadFile(url, name) { // 以逗號劃分類型和內容

base64 , blob , HTML , 前端 , Javascript

hai2007 頭像

你好2007 - 關於字符串解析的一點理解 （以解析一段HTML字符串為例）

在分析一段字符串的時候，可以藉助字符串的indexOf等方法，或者是正則表達式，可是，如果需要解析的是下面這段字符串： group arc c-bind:cx='_width*0.5' c-bind:cy='_height*0.5' c-bind:radius1='_min*0.5' radius2='100' deg='120deg' /arc group c-for='

vue-loader , 算法 , webpack , template-engine , 前端

hellotech 頭像

哈囉技術 - React hooks原理淺談

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

react-hooks , 前端

kagol 頭像

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

changlina 頭像

長林啊 - Next.js Font 組件怎麼玩？最佳實踐分享

大家好，我是長林啊！一個愛好 JavaScript、Go、Rust 的全棧開發者和 AI 探索者；致力於終生學習和技術分享。 本文首發在我的微信公眾號【長林啊】，歡迎大家關注、分享、點贊！ 前面的文章介紹了 Script 組件和 Link 組件，今天我們來看看 Font 組件。在 Web 開發中，字體是一個常常被忽視但至關重要的元素。它不僅影響網站的可讀性和用户體驗，還體現了品牌的個性和風格。選擇

react , next.js , 前端

codechen8848 頭像

codechen8848 - 社區新體驗！一款基於 Golang + Vue 的開源社區系統！

大家好，我是 Java陳序員。 在數字化時代，擁有一個屬於自己的社區論壇是許多開發者、創業者或興趣愛好者的需求。無論是技術交流、興趣分享還是垂直領域討論，一個穩定、高效且易於擴展的社區論壇系統都至關重要。 今天，給大家介紹一款基於 Golang + Vue 的開源社區系統！ 關注微信公眾號：【Java陳序員】，獲取開源項目分享、AI副業分享、超200本經典計算機電子書籍等。 項目介紹 bbs

後端

aipaobudefanqie 頭像

愛跑步的番茄 - 如何使用代理IP發送請求（711Proxy實戰指南）

代理IP（Proxy IP）能把你的網絡請求從原始客户端“中轉”到目標服務器，使訪問看起來來自代理的IP地址而非你真實的IP。常見用途包括繞過地域限制、提高採集成功率、保護隱私和做多賬號管理。本指南從入門到進階，帶你一步步學會如何用代理髮送請求並處理常見問題。 一、先理解：代理的類型與作用 1.HTTP代理 用於轉發 HTTP 請求（常見於 API / 網頁請求）。支持基於 URL 的請求轉發。

node.js , 前端 , Javascript

dianliangxiaocheng_19854189632 頭像

點量實時雲渲染 - 構建新型電力系統：點量雲流解鎖智慧電網數字孿生新價值

近年來，國家圍繞電力系統轉型與能源數字化發展，連續出台多項綱領性文件。國家發改委、國家能源局在《關於加快推進能源數字化智能化發展的若干意見》中明確提出，要推動電力系統與雲計算、大數據、物聯網、人工智能等新興技術深度融合，加快構建覆蓋電網發、輸、變、配、用全環節的數字孿生體系，強化全景監測、智能預警與精準控制能力。與此同時，《“十四五”現代能源體系規劃》與“構建新型電力系統”戰略部署進一步突出數字化

運維 , 負載均衡 , webapp , Android , 前端

ning_643b67be37ac3 頭像

麒寧 - 一篇文章入門-微信小程序地圖開發

前言 最近接了個跟微信小程序地圖有關的開發任務，第一次在小程序上開發地圖，既興奮又忐忑。還好，雖然小程序地圖的 API 功能有些少，但是基本的需求都能覆蓋到。 在這裏，對微信小程序地圖開發的基本功能進行總結歸納。官方文檔對地圖屬性、方法的歸納比較到位，但缺乏示例代碼，第一次搞還是有點迷糊的。網上的文章又寫得七零八落，沒見到有人專門總結歸納。 本人使用 React + Taro 開發的微信小程序，因

地圖開發 , 小程序 , typescript , 前端 , Javascript

tanking 頭像

TANKING - 無需公眾號實現微信JSSDK分享卡片！Safari瀏覽器分享到微信自動成卡片！

摘要 要在微信分享卡片，需要接入微信自家的JSSDK，比較麻煩，還需要認證公眾號，但是如果你沒有這樣的條件，那麼你也可以試試使用iOS的Safari瀏覽器輕鬆實現，只需要在html中加入3個meta即可。 代碼 !DOCTYPE html html dir="ltr" data-react-helmet="dir" head meta charset="utf-8"

safari , 微信開發 , ios , 微信分享 , jssdk

jackysummer 頭像

JackySummer - 【解讀 ahooks 源碼系列】DOM篇（一）

前言 本文是 ahooks 源碼系列的第二篇，下面鏈接是第一篇 DOM 篇的前置講解： 【解讀 ahooks 源碼系列】（開篇）如何獲取和監聽 DOM 元素 後續的文章將會直入主題，每篇文章解讀四至六個 Hooks 源碼實現。 useEventListener 優雅的使用 addEventListener。 官方文檔 用法 import React, { useState, useRe

react , hooks , 前端 , Javascript

powerful_simon 頭像

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

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

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