收藏 / 列表

zxl20070701 頭像

zxl20070701 - TypeScript系列：【6】模塊

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

ecmascript-6 , module , export , import , typescript

nulidexiaocongmang 頭像

MangoGoing - CSS 技術沉澱

基礎理論 元素的顯示與隱藏 根據不同的需求選擇隱藏方案 如果希望元素不可見，同時不佔據空間，輔助設備無法訪問，同時不渲染，使用script標籤隱藏 script type="text/html" img src="./img/55.png" / /script 獲取數據的方法使用 document.querySelector('script').innerHTML 如果希望元素不可

css技巧 , HTML , 前端

wupeng_5a4de5c290b9d 頭像

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

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

chrome-devtools , 前端

skychx 頭像

鹵代烴 - ⚡️ The Cost Of JavaScript (2017 - 2023) | JavaScript 性能優化之旅

如果你喜歡我的文章，希望點贊👍 收藏 📁 評論 💬 三連支持一下，謝謝你，這對我真的很重要！ 吐槽時間 不知道從什麼時候開始，前端開始卷一些 “高端知識”，動不動就瀏覽器底層原理，V8 是如何運行的，倒不是説這些沒啥用，只是來勢洶洶好像不懂這些就不能糊頁面一樣。 我工作中和內核團隊與虛擬機團隊也合作過並諮詢過他們這些相關問題，大家的態度也很明確，面對這種千萬行代碼的大型工程項目，他們作為專業

性能優化 , v8 , chrome , 前端 , Javascript

qifengliao_5e7f5b20ee3bd 頭像

起風了 - JavaScript函數柯里化

JavaScript函數柯里化 一、定義： 柯里化（Currying）是把接受多個參數的函數變換成接受一個單一參數(最初函數的第一個參數)的函數，並且返回接受餘下的參數且返回結果的新函數的技術。 通過一個簡單的例子解釋一下： function add(a, b) { return a + b } add(1, 2); // 3 將函數add轉化為柯里化函數_add： function _

currying , 前端 , Javascript

limingcan562 頭像

limingcan - JS繼承面試的時候怎麼説？答應我，不要再死記硬背了好嗎？

前言 JS繼承這塊，ES6已經有class很香的語法糖實現了，ES6之前那些實現繼承的方法真的又多又長，説句心裏話，能不學真的不想再學，但是沒辦法，面試還是要搞你呀，所以這兩天看回ES6之前的繼承，發現還是蠻有意思的。寫這篇文章也是對自己的一個梳理總結，也希望能幫助到大家弄懂繼承這塊，這樣就不需要再死記硬背八股文，面試自由發揮就好。 JS的繼承，核心就是靠原型鏈完成。如果大家對原型鏈還不是很

面試 , 繼承 , 原型鏈 , 前端 , Javascript

yangyaya 頭像

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

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

面試 , 筆試 , 前端 , Javascript

huobaodejianpan 頭像

火爆的鍵盤 - Windows 如何使用 cURL 命令？基礎入門

在工作流程中，為了快速驗證 API 接口有效性，團隊成員經常轉向直接執行 cURL 命令的方法。這種做法不僅節省時間，而且促進了團隊效率的提升。對於使用 Windows 系統的用户來説，這裏有一套詳細的操作指南來執行 cURL 命令。 檢查 Windows 系統的 cURL 環境 Windows 系統默認情況下應該已經安裝了 cURL 環境。可以通過快速的步驟來驗證：按下Win + R鍵，輸入cm

JAVA , curl , 程序員 , 後端

webinfoq 頭像

破曉L - 現代 JavaScript 框架工作原理你瞭解多少？

讓我們通過構建一個現代 JavaScript 框架來了解其工作原理。 我的日常工作是開發 JavaScript 框架 (LWC)。雖然我已經在這個框架上工作了近三年，但我仍然覺得自己是個門外漢。當我閲讀大型框架領域的最新動態時，我常常會被自己不知道的事情壓得喘不過氣來。 不過，瞭解某些東西如何工作的最好方法之一就是自己動手創建。另外，我們還得讓那些 “days since last JavaScr

react , vue.js , 響應式 , 前端 , Javascript

huashenjianlingshouhuni 頭像

zhanle_huang - highchart滾動條使用--highcharts/highstock

highchart滾動條使用--highcharts/highstock 使用目的 1. 需要固定圖例和y軸，但是x軸需要滾動的情況 引入 1. 不能像普通表格一樣引入highcharts，只需要引入highcharts/highstock 2. 使用import HighStock from 'highcharts/highstock' 替換 import HighStock from 'hig

vue.js , highcharts , 前端 , Javascript

hai2007 頭像

你好2007 - 關於CSS中設置overflow屬性的值為hidden的相關理解

包裹元素剪裁條件 是不是包裹元素overflow設置為hidden以後，內部元素如果超過包裹元素的話就會被剪裁？答案是不一定，這要看此刻的CSS環境。 根據對CSS2.1規範的理解，可以這樣表述：如果一個元素的包含塊的overflow屬性設置為hidden，那麼超過這個包含塊部分的內容就會被剪裁。 因此我們需要學會尋找一個元素的包含塊，不過在這之前，讓我們先簡單的知道如果一個元素的overflow

overflow , bfc , hidden , Css

hellotech 頭像

哈囉技術 - 街貓自研多媒體能力介紹

背景 哈囉街貓移動團隊在支撐業務發展過程中，已有的多媒體基礎能力存在一些問題/瓶頸： 貓屋直播 - 三方直播sdk，在MTK芯片的機型上存在兼容問題（hevc硬解報錯），導致直播流無法播放，用户無法使用app的核心功能 音視頻流合成、濾鏡 - 需要能夠靈活的支持用户去觸發對貓屋直播流的截取、合成、添加濾鏡等，使用系統多媒體Api，在可擴展性，流處理效率，兼容性，以及濾鏡的支持上，都存在問題

移動端 , 前端

kagol 頭像

Kagol - 🎈Fluent Editor 富文本開源2個月的總結：增加格式刷、截屏、TypeScript 類型聲明等新特性

你好，我是 Kagol，個人公眾號：前端開源星球。 Fluent Editor 是一個基於 Quill 2.0 的富文本編輯器，在 Quill 基礎上擴展了豐富的模塊和格式，框架無關、 功能強大、開箱即用。 2024年8月12日，Fluent Editor 正式開源！ 源碼：https://github.com/opentiny/fluent-editor/ 官網：https://op

富文本編輯器 , typescript , 前端

changlina 頭像

長林啊 - 深入學習 React：組件、狀態與事件處理的完整指南

大家好，我是長林啊！一個 Go、Rust 愛好者，同時也是一名全棧開發者；致力於終生學習和技術分享。 本文首發於微信公眾號《全棧修煉之旅》，歡迎大家點贊、關注和分享！ 在上一篇文章《走進 React：打造交互式用户界面的第一步》中，我們已經對 React 以及其環境搭建有了初步的瞭解；React是一個極其強大的JavaScript庫，專為構建用户界面而生。我們將從 React的基石——JSX 語法

框架學習 , react , 全棧 , Javascript

codechen8848 頭像

codechen8848 - 全能 AI 對話管理平台！一款支持多模型切換的全能 AI 對話工具！

大家好，我是 Java陳序員。 在如今 AI 火熱的時代，各種大模型層出不窮，給日常工作生活帶來極大的便利。你是否想擁有一個能自由切換多種 AI 大模型、支持本地與在線模型結合，還能實現豐富對話功能的工具？ 今天，給大家介紹一款強大的全能 AI 對話服務助手，支持多模型切換！ 關注微信公眾號：【Java陳序員】，獲取開源項目分享、AI副業分享、超200本經典計算機電子書籍等。 項目介紹 ch

AI

aipaobudefanqie 頭像

愛跑步的番茄 - 代理IP是什麼？核心概念、類型與應用場景全面解析

在跨境電商、數據採集、廣告投放、賬號安全防護等依賴互聯網業務的領域中，代理IP逐漸成為基礎設施。它能夠隱藏真實身份、突破地域限制並提升賬號穩定性，對於企業和個人業務增長意義重大。 本文將系統解析代理IP的概念、原理、類型與選型要點。 一、代理IP的定義 代理IP（Proxy IP）指用户通過代理服務器訪問互聯網時，以代理服務器的IP替代用户自身真實IP的一種網絡技術。 代理IP能夠更改

數據庫 , Android , 後端 , 前端

dianliangxiaocheng_19854189632 頭像

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

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

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

ning_643b67be37ac3 頭像

麒寧 - 3分鐘搞定：瀏覽器本地存儲 Web Storage

寫在前面 瀏覽器本地存儲包括兩個對象：sessionStorage 和 localStorage，它們都是 Storage 的實例對象。 window.localStorage instanceof Storage; // true Web Storage 的基本使用 查-訪問數據：getItem() 方法。 增改-添加、修改數據：setItem() 方法。 刪-刪除數據：removeItem()

面試小抄 , sessionstorage , localstorage , 前端 , Javascript

tanking 頭像

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

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

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

jackysummer 頭像

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

前言 本文是 ahooks 源碼系列的第三篇，往期文章： 【解讀 ahooks 源碼系列】（開篇）如何獲取和監聽 DOM 元素 【解讀 ahooks 源碼系列】DOM篇（一） 本文主要解讀 useEventTarget、useExternal、useTitle、useFavicon、useFullscreen、useHover 源碼實現 useEventTarget 常見表單控件(通過 e

react , hooks , 前端 , Javascript

powerful_simon 頭像

小謳 - 《javascript高級程序設計》學習筆記 | 8.1.理解對象

關注前端小謳，閲讀更多原創技術文章 理解對象 ECMAScript 定義對象：無序屬性的集合（一組沒有特定順序的值），其屬性可以包含基本值、對象、函數，整個對象可以想象成一個散列表 相關代碼 → 創建自定義對象的 2 種方法：Object 構造函數和對象字面量： 用構造函數創建一個 Object 實例，然後為它添加屬性和方法 var person = n

面向對象編程 , object , 前端 , Javascript