收藏 / 列表

zxl20070701 頭像

zxl20070701 - TypeScript系列：【6】模塊

導出 導出聲明 比如變量、函數、類、類型別名或接口等，例如： export interface DemoType { } 或者 export const demo: number = 10; 當然，別的聲明也可以，這裏就不一一舉例子了。如何記住？在聲明語句的開頭加一個export即可。 導出語句 有時候，我們可能需要先聲明，然後導出，可以使用類似下面的語句： class DemoClass {}

ecmascript-6 , module , export , import , 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 頭像

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

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

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

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有了新的理解

前言 隨着vite的誕生，webpack似乎漸漸的被大家拋棄。前陣子我也用vue@3.x + vite@4.x開發了一個後台管理系統，體驗了一把，確實有被vite飛快的啓動速度給驚豔到。 但是畢竟webpack已經誕生了許久，也經過市場的一些考驗，並且它有着豐富的插件，豐富的功能，一些大型的項目也使用過它，目前來説，它是一個相對於vite來説更穩定的打包工具。 基於以下原因： 有些公司由於歷史

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

yangyaya 頭像

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

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

面試 , 筆試 , 前端 , Javascript

huobaodejianpan 頭像

火爆的鍵盤 - 理解 gRPC 和 REST 的概念

gRPC, 由 Google 推出的開源遠程過程調用（RPC）框架, 使兩個應用程序間的方法調用變得簡單，支持結構化數據的交換。通過採用 Protocol Buffers (Protobuf) ——一種與語言無關的接口定義語言，gRPC 體現了許多現代網絡通信技術的優勢，如： 使用二進制格式傳輸數據。 實現多路複用，提高併發能力。 支持服務器端的數據推送功能。 進行數據頭壓縮以減少傳輸成

rest , grpc , API , 後端

webinfoq 頭像

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

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

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

huashenjianlingshouhuni 頭像

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

hai2007 頭像

你好2007 - 理解prototype和__proto__（繼承與原型鏈）

從關係圖中可以看出來，ECMAScript中創建一個對象是通過new構造函數實現的，而本質上來説這個對象其實是以構造函數的屬性prototype指向的對象為基本模板的，因此新對象的__proto__屬性表明了自己來源於誰。 prototype 該屬性用來指向創建一個對象的基本模板，默認指向new構造函數，也可以修改，或者通過改屬性為新對象添加屬性。 需要注意的是，該屬性只有函數才有。 //構造函

prototype , 前端 , Javascript

hellotech 頭像

哈囉技術 - Taro編譯mini-runner包的作用

什麼是Taro Taro 是一套遵循多端開發的解決方案。只需要一套代碼，就可以編譯轉換成 RN、H5、小程序、快應用多端的運行代碼，其運轉流程主要分為編譯時，運行時兩個階段。 Taro2（重編譯，輕運行） 編譯時：通過taro工具將Taro源代碼轉換成目標代碼 運行時：目標代碼運行時，通過運行時的庫去適配不同端 Taro3（輕編譯，重運行） Taro3主要通過在小程序端模擬實現 D

taro , 前端

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 頭像

長林啊 - 打造高效React應用：CSS方案深度解析

大家好，我是長林啊！一個愛好 JavaScript、Go、Rust 的全棧開發者；致力於終生學習和技術分享。 在React以其聲明式編程範式和組件化架構，成為了構建用户界面的首選技術之一。然而，隨着項目規模的擴大和設計需求的多樣化，如何高效地管理 CSS 樣式成為了每個React開發者都需要面對的挑戰。 本文將從一下三個方面進行介紹，探討如何在 React 中應用和管理樣式，包括內聯樣式、CSS

react , 全棧 , web開發 , next.js , 前端

codechen8848 頭像

codechen8848 - 高顏值！一款基於 Flutter 開發的 Linux 服務器工具箱

大家好，我是 Java陳序員。 今天，給大家介紹一款高顏值的基於 Flutter 開發的 Linux 服務器工具箱。 關注微信公眾號：【Java陳序員】，獲取開源項目分享、AI副業分享、超200本經典計算機電子書籍等。 項目介紹 flutter_server_box —— 一款使用 Flutter 開發的 Linux 服務器工具箱，提供服務器狀態圖表和管理工具。 功能特色： 狀態圖表：

flutter

aipaobudefanqie 頭像

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

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

ip , 代理服務器

dianliangxiaocheng_19854189632 頭像

點量實時雲渲染 - 點量雲流核心技術解析：構建高性能數字孿生的三大架構設計

當前，數字孿生正處於一場深刻的範式變革之中：其價值核心正從靜態的可視化，向動態的決策智能加速遷移。然而，這一進程正面臨一個根本性的挑戰：高精度模型所帶來的龐大計算需求，與終端側有限的本地算力之間，形成了一道難以逾越的鴻溝。此矛盾已成為制約數字孿生在廣度與深度上實現規模化應用的核心瓶頸。 在此背景下，基於雲端協同的實時渲染技術，正成為破局的關鍵——它並非簡單的遠程顯示，而是旨在徹底打破終端的物理限

虛擬現實 , 雲計算 , 數字圖像 , 負載均衡 , 前端

yinzhixiaxue 頭像

銀之夏雪 - 深入剖析為什麼順序調用對 React Hooks 很重要？

在享受 React Hooks 帶來的便捷性的同時，我們必須嚴格遵循順序調用的規則，這一規則的重要性遠超我們的想象。本文將深入探討順序調用對 React Hooks 的重要性，並結合常見的缺陷，通過具體的代碼案例進行詳細闡述，揭示其背後深層次的原理。 一、React Hooks 工作原理 理解 React Hooks 的工作原理是掌握順序調用重要性的關鍵。React 內部維護着一個 Hooks 鏈

react , react-hooks , 前端 , Javascript

ning_643b67be37ac3 頭像

麒寧 - Ant Design 常見用法與坑點總結（一）

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

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

tanking 頭像

TANKING - Python uiautomation獲取微信電腦版控件內容！聊天列表、聊天記錄全都可獲取

Python uiautomation Python uiautomation 是一個用於自動化 GUI 測試和操作的庫，它可以模擬用户操作來執行各種任務。通過這個庫，可以使用Python腳本模擬人工點擊，人工操作界面。本文使用 Python uiautomation 進行微信電腦版的操作。 微信電腦版 以下是本次實驗的版本號。 你需要安裝 uiautomation pip install u

gui , 微信開發 , 自動化 , uiautomation , Python

jackysummer 頭像

JackySummer - 完全搞懂 BFC

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

bfc , Css

powerful_simon 頭像

小謳 - 《javascript高級程序設計》學習筆記 | 11.1.異步編程

關注前端小謳，閲讀更多原創技術文章 異步編程 ES6 新增了正式的Promise引用類型，支持更優雅地定義和組織異步邏輯 接下來的幾個版本，使用async和await關鍵字定義異步函數的機制 相關代碼 → 同步與異步 同步行為在內存中順序執行處理器指令 每條指令都在單個線程中按出現順序執行 每條指令執行後，都可以推斷出程序的狀態，並立即獲得存儲在系統本地（

settimeout , 異步編程 , 前端 , Javascript