tag Javascript

標籤
貢獻1,351
1022
06:37 AM · Oct 27 ,2025

@Javascript / 博客 RSS 訂閱

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

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

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

收藏 評論

lemon - 【2021年1月14日公開課】HarmonyOS組件的分佈式適配和應用暢想

Harmony學習之多設備適配 一、場景引入 小明開發的新聞閲讀應用需要在手機、平板、智能手錶等多種設備上運行,但不同設備的屏幕尺寸、交互方式、硬件能力差異很大。如何讓應用在不同設備上都能提供良好的用户體驗,成為開發中的重要挑戰。HarmonyOS提供了完善的多設備適配方案,幫助開發者構建一次開發、多端部署的應用。 二、多設備適配核心概念 1. 設備類型與

智能手錶 , 屏幕尺寸 , 前端開發 , Javascript , Json

收藏 評論

微芒不朽 - vue3插槽的本質

引言 插槽(Slots)是 Vue 組件系統中一個強大而靈活的特性,它允許我們在組件之間傳遞模板內容。在 Vue3 中,插槽機制得到了進一步的優化和完善。本文將深入探討 Vue3 插槽的本質,幫助開發者更好地理解和使用這一重要特性。 什麼是插槽? 插槽本質上是一種內容分發機制。它允許父組件向子組件傳遞任意的模板片段,這些片段可以在子組件內部被渲染到指定的位置。 !-- 父組件 -- templat

vue.js , 前端 , Javascript

收藏 評論

mb61c46a7ab1eee - 深入解析:【Algorithm】Day-4

本篇文章主要進行算法練習題講解 1 串聯所有單詞的子串 鏈接:https://leetcode.cn/problems/substring-with-concatenation-of-all-words/description/ 題目描述: 給定一個字符串s和一個字符串數組words。words中所有字符串長度相同。

字符串 , 子串 , bc , 前端開發 , Javascript

收藏 評論

雲綺棠兮 - JavaScript之對象篇

對象 是無序屬性的集合,其屬性可以包含基本值,對象,或者函數。可以將對象想象成散列表:鍵值對,其中值可以是數據或者函數。ECMAScript中的對象其實就是一組數據(屬性)和功能(方法)的集合。 題外話:睡了,明天再搞,中秋節快樂鴨!!!!! 對象是一個包含相關數據和方法的集合(通常由一些變量和函數組成,我們稱之為對象裏面的屬性和方法) 比如在現實生活中,每一個人都是一個對象。對象有它的屬性,如身

node.js , object , 前端 , Javascript

收藏 評論

xiaoluoboding - 《SVG 動畫開發實戰》- 🤟 Vue + GSAP 實戰

🤟 Vue + GSAP 實戰 在學習過基礎 SVG 動畫原理後,如果結合我們熟悉的技術棧使用豈不是更爽。GSAP 提供了 npm 安裝包,下面我們來在 Vue 項目中集成 GSAP。 安裝 GSAP yarn add gsap -S // or npm i gsap -S 在 Vue 組件中使用 GSAP 假設我們讓一個矩形旋轉 240 度,無限循環。 template div id="a

animation , svg動畫 , Javascript , svg

收藏 評論

My_Dabao - PHP "真異步" TrueAsync SAPI 與 NGINX Unit 集成

PHP “真異步” TrueAsync SAPI 與 NGINX Unit 集成 現在的 Web 開發和過去最大的區別是什麼?一句話:沒人再願意等服務器響應了。 七八年前,甚至更早的時候,模塊加載、組件打包、腳本解釋、數據庫查詢 —— 這些步驟慢一點,對業務和用户也不會造成太大影響。 現在不一樣了。Web 開發的核心已經變成了最大化服務器響應速度。這種轉變來自網速的提

非阻塞 , php , 前端開發 , Javascript

收藏 評論

mob64ca13fdd43c - TypeScript基礎常用知識點總結 -

TypeScript 是一種由微軟開發的開源編程語言,它是 JavaScript 的超集(superset)—— 意味着所有合法的 JavaScript 代碼都可以直接在 TypeScript 環境中運行,同時 TypeScript 還添加了靜態類型系統和其他增強特性,最終會被編譯為純 JavaScript 執行。 核心定位:為什麼需要 TypeScript? Jav

User , 字符串 , 前端開發 , typescript , Javascript

收藏 評論

mob64ca14133dc6 - 通信中間件DDS介紹(一)_dds中間件

DDS有多個團體進行過實現,這些實現各有側重,適用於不同場景(如嵌入式、實時系統、大規模分佈式系統等)。以下從開源屬性、性能、特性、適用場景等維度進行對比分析: 一、主流DDS搭建簡介及對比 特性

嵌入式 , 商業 , 企業級 , 前端開發 , Javascript

收藏 評論

mob64ca140e76c8 - UPnP功能使用詳解 -------- 轉 - 大龍的博客

UPnP媒體渲染基礎知識 一、UPnP 媒體渲染器的基本架構 二、在 upmpdcli 源碼中的對應實現 三、三者協作流程示例 四、在 upmpdcli 中的依賴關係 五、擴展提示 一、UPnP 媒體渲染器的基本架構 根據 UPnP AV Architecture v1/v2 規範,一個

渲染器 , app , 媒體 , 靜音 , 前端開發 , Javascript

收藏 評論

Vitaly Friedman - Front End Performance Checklist 2017 [PDF, Apple Pages]

This guide has been kindly supported by our friends at LogRocket, a service that combines frontend performance monitoring, session replay, and product analytics to help you build better customer

performance , Guides , Core Web Vitals , pdf , Checklists , debugging , Css , Javascript

收藏 評論

轉角處的湯姆 - 前端代碼檢查工具:提升開發效率與代碼質量

在前端開發中,隨着項目的日益複雜和團隊的擴大,代碼質量變得越來越重要。為了確保代碼的可維護性、可讀性以及可擴展性,前端開發者往往需要藉助各種工具來幫助他們檢查和優化代碼。這些工具被統稱為“前端代碼檢查工具”。本文將帶你瞭解前端代碼檢查工具的核心概念,並介紹一些常見的工具及其使用方法。 為什麼需要前端代碼檢查工具? 隨着前端開發的不斷髮展,項目的複雜性逐漸增加。前端代碼

代碼檢查 , Css , 開發者 , 前端開發 , Javascript

收藏 評論

mb61c46a7ab1eee - 深入解析:A new API for interrupt-aware spinlocks

Boqun Feng spoke at Kangrejos 2025 about adding a frequently needed API for Rust drivers that need to handle interrupts: interrupt-aware spinlocks. Most drivers will need to communicate infor

sed , rust , 自旋鎖 , 前端開發 , Javascript

收藏 評論

胡蘿蔔會飛 - vue響應式原理(底層)超詳細的解讀,手寫響應式原理

vue響應式原理 關於vue響應式原理(底層)原理,今天和大家一起探討研究,結尾附上手敲代碼以及git下載地址,如有不足或不準確請及時留言指正,期待共同進步~ 本文將採用webpack環境進行編寫,項目目錄如下。 index.js: 入口文件 arrar.js: 數組文件 def.js: 定義一個對象屬性 defineReactive.js: 給對象data的屬性key定

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

收藏 評論

微芒不朽 - 基於 Three.js 的 3D 地圖可視化:核心原理與實現步驟

項目概述 這是一個基於Three.js的3D交互式地圖可視化系統,以廣東省地圖為展示對象,實現了豐富的3D視覺效果和交互功能。本文將對項目中的核心函數進行逐步驟、逐函數的詳細分析,幫助讀者深入理解系統的實現原理。 技術棧 前端框架:Vue 3 3D渲染引擎:Three.js 構建工具:Vite 動畫庫:Tween.js 輔助庫:Delaunator、geo-point-in-poly

three.js , 3d , 前端 , Javascript

收藏 評論

南城FE - Puppeteer實踐:複雜的問題簡單化

最近遇到一個需求需要將上千條的數據寫入到基於Wordpress搭建的系統中,但是對於底層數據錄的寫入邏輯不是很清楚,通過sql各種寫入也沒有完全達到效果。 後面想了想或許可以換一個方向,不能從底層邏輯寫入數據那就通過正常操作寫入。由於數據量大所以需要自動化處理,這時候就想到了之前用過的Puppeteer,這個庫可以模擬操作瀏覽器的各種行為,包括獲取數據和操作提交等。對於這個場景很適合,不用管底層的

puppeteer , node.js , 前端 , Javascript

收藏 評論

Tingtr - 【問題合集】UEditor中的樣式和網站樣式相互干擾

背景 在使用UEditor編輯器編輯文本後,保存內容,再在前端頁面展示出來的時候,會發現保存的文本內容為html,與網站的樣式衝突,導致網頁顯示異常。又不能清除編輯器的樣式,所以現在只能將需要展示的文本內容和網站相互隔離開。 解決方案 利用iframe進行頁面嵌入。 iframe加載的頁面和當前頁無關,所以樣式就不會有衝突的情況。 html div class="article" if

vue.js , ueditor , 前端 , Javascript

收藏 評論

墨香四溢 - RabbitMQ之消息持久化

在分佈式系統中,RabbitMQ 服務的異常宕機可能導致隊列和消息丟失。RabbitMQ 的持久性(Durability) 特性通過將數據持久化到磁盤,確保服務重啓後數據不丟失。 一、持久性的核心目標與組成 1.1 為什麼需要持久性? 默認情況下,RabbitMQ 退出或崩潰時,隊列、交換機及消息會被全部刪除——因為這

Spring Boot , rabbitmq , 持久化 , 1024程序員節 , 分佈式 , 前端開發 , Javascript

收藏 評論

DisLido - 在shadowRoot裏獲取光標(selection)信息

3大瀏覽器,3種不一樣的處理方式😅 getSelectionAndRange() { let selection = document.getSelection(); if (!selection) return null; // 規範 getComposedRanges, CH--FF--SF17 if ('getComposedRanges' in se

富文本編輯器 , webcomponents , HTML , 前端 , Javascript

收藏 評論

林一一 - 面試 | 你不得不懂的 JS this 指向

推薦閲讀地址 掘金 前言:大家好,我是林一一,這是一篇關於 this 指向的文章。this 是 JS 中一個特別重要的一個知識點,this 難嗎?好像挺簡單的。看完下面這一篇文章,還不會的話,你別來找我。手動狗頭🐕。 思維導圖 this 的指向 執行函數前有 '.' 點操作符的話,函數體中的 this 就指向前面的對象,沒有就指向 window,嚴格模式下指向 undefined。這句話特

面試 , this的用法 , 前端 , Javascript

收藏 評論

mob64ca140d61c6 - Linux基礎命令(詳細版)_51CTO博客

一、*通配符 ls * :可以匹配任意一個名稱的文件 ls *.c :匹配點c後綴的文件 ls test.* :匹配以test.開頭的文件 二、man 指令 一個指令使用手冊manual ,可以查看其他指令對應的説明 -k 根據關鍵

命令行 , 服務器 , 搜索 , 運維 , Linux , 前端開發 , Javascript

收藏 評論

字節小舞神 - flutter

Flutter Boost是阿里巴巴閒魚團隊開源的一款Flutter混合開發框架,旨在為原生應用提供更優雅、高效的Flutter集成方案。下面這份指南將為你全面解析它的核心概念、應用方法和最佳實踐。 🎯 Flutter Boost 是什麼?解決什麼問題? 當你在一個已有的原生App中,希望以漸進的方式引入Flutter時,通常會遇到一個核心

初始化 , flutter , 前端開發 , ide , Javascript

收藏 評論

Melvin Kosisochukwu - Optimizing Next.js Applications With Nx

In this article, we will go through how to optimize and build a high-performance Next.js application using Nx and its rich features. We will go through how to set up an Nx server, how to add a plugi

react , Tools , Apps , typescript , Javascript

收藏 評論

Tempest - Egg.js使用redis實現跨域緩存(Fetch發送跨域請求)

前後端分離開發時,我們的前端請求是跨域請求,會造成session和cookie失效的問題。 在閲讀多種解決方法後,我選擇了使用redis來實現session的解決方案,確保前端使用跨域請求的情況下,後端可以維持用户session. 起因 為什麼選擇redis來實現跨域下的session呢? 我閲讀了多種跨域session丟失的解決辦法,但都沒有生效,於是最後選擇了redis才解決了這個問題。

eggjs , cross-origin , cookie , Javascript

收藏 評論