tag Javascript

標籤
貢獻1,356
1107
06:37 AM · Oct 27 ,2025
tuzixiansen_63d4d65909d62 頭像 invalidnull 頭像 icecreamlj 頭像 lengxi_16 頭像 yayu 頭像 u_15469972 頭像 tanking 頭像 codesheep_pro 頭像 u_15943685 頭像 refanbanzhang 頭像 hightopo 頭像 u_17141077 頭像

@Javascript / 博客 RSS 訂閱

heeroluo 頭像

MrLuo - 巧用 requestVideoFrameCallback 優化直播狀態檢測

作為保利威前端團隊的開發者，持續優化 Web 端的直播體驗是我們的核心目標。為此，我們深入研究了各種播放場景下的細節實現。本文將以兩個常見狀態的檢測為例，分享我們發現問題以及優化的過程。 基於 HTML Video 元素的直播播放器，通常需要在播放卡頓時呈現加載中的交互。 它的代碼實現可能是這樣的： video.addEventListener('waiting', function() {

直播 , 前端 , Javascript

收藏 評論

chaumet 頭像

chaumet - Vue中的虛擬DOM及diff算法

虛擬dom 為什麼出現： 瀏覽器解析一個html大致分為五步：創建DOM tree – 創建Style Rules - 構建Render tree - 佈局Layout – 繪製Painting。每次對真實dom進行操作的時候，瀏覽器都會從構建dom樹開始從頭到尾執行一遍流程。真實的dom操作代價昂貴，操作頻繁還會引起頁面卡頓影響用户體驗，虛擬dom就是為了解決這個瀏覽器性能問題才被創造出

vue.js , virtual-dom , diff , Javascript

收藏 評論

mouyi_63f6f68ba66d9 頭像

某億 - JavaScript構造函數，面向對象編程

前言 大家應該都聽説過面向對象編程吧，在java和c語言中，是有”類(class)”的概念的，所謂“類”就是對象的模板，對象就是“類”的實例。而在JavaScript語言，他的對象體系是基於構造函數（constructor）和原型鏈（prototype）的。 你可能會問，不對啊，es6不是有個class麼？實際上es6的class只是模仿java起了一個面向對象的習慣性的名字，讓對象原型的寫法更加

面向對象編程 , 構造函數 , class , 前端 , Javascript

收藏 評論

116263 頭像

前端胖頭魚 - 如何實現swipe、tap、longTap等自定義事件

前言 移動端原生支持touchstart、touchmove、touchend等事件，但是在平常業務中我們經常需要使用swipe、tap、doubleTap、longTap等事件去實現想要的效果，對於這種自定義事件他們底層是如何實現的呢？讓我們從Zepto.js的touch模塊去分析其原理。您也可以直接查看touch.js源碼註釋 源碼倉庫 原文鏈接 事件簡述 Zepto的touch模

zepto , jquery , html5 , Javascript

收藏 評論

feipeng123s 頭像

feipeng123s - 爪哇學習筆記——上下文、作用域和閉包

執行上下文 執行上下文（Execution Contexts），簡稱上下文，是一種規範策略，用於跟蹤ECMAScript實現對於代碼運行時的評估。在任何時間點，每個實際執行代碼的代理最多有一個執行上下文。 這稱為代理的運行執行上下文（running execution context）。 簡而言之，變量或函數的上下文決定了它們可以訪問哪些數據，以及它們的行為。 上下文一共有以下三種： 全

作用域 , 閉包 , 執行上下文 , Javascript

收藏 評論

taowave 頭像

taowave - http緩存詳解（ 直接看圖，超易懂🤗 ）

前言 你瞭解http緩存嗎？http請求在什麼狀態下會返回304狀態碼？ 下面5張圖，花了一晚上整理畫出來🙈，圖畫的不太好看，但意思十分明確，不要太嫌棄喔。相信看完後，能讓你對http緩存有比較深刻🤔的瞭解。 Http 緩存機制作為 web 性能優化的重要手段，對於從事 Web 開發的同學們來説，應該是知識體系庫中的一個基礎且重要的環節，同時對於有追求的前端童鞋來説也是必備的知識技能。 知識鋪

性能優化 , 前端性能優化 , http緩存 , 前端 , Javascript

收藏 評論

zzd41 頭像

superZidan - 基於 React Flow 與 Web Audio API 的音頻應用開發

今天我們來學習通過 React Flow 和 Web Audio API 來創建一個可交互的語音廣場。我們將會從最小的場景開始，在學習 React Flow（包括：狀態管理，實現自定義節點，添加交互能力） 之前，我們會先學習 Web Audio API。 這個教程會一步一步地帶你完善這個應用，當然你也可以跳過中間的一些步驟。但如果你是一名新手，還是建議你從頭到尾按順序看完。 Web Audio A

react , 進階 , 音頻 , Css , Javascript

收藏 評論

u_11365839 頭像

尼羲 - html2canvas：將dom轉換為畫布

以下是依賴於html2canvas生成的海報效果，親測有效 以一張背景圖+二維碼的佈局為例 html部分： div class="container" div class="share-img" img style="width: 300px; height: 300px" :src="imgUrl" alt="分享圖" /

yyds乾貨盤點 , 二維碼 , ios , 前端開發 , HTML , Javascript

收藏 評論

u_16099166 頭像

數據小香 - 《Java和Android開發實戰詳解》——1.2節Java基礎知識_weixin

簡介：Java移動開發是基於Android平台的核心開發技術，廣泛應用於各類移動應用的構建。憑藉Java“一次編寫，到處運行”的優勢，結合Android SDK與現代開發工具如AIDE和Android Studio，開發者可高效實現從界面設計到後台邏輯的完整開發流程。本文系統介紹Java在Android開發中的關鍵技術體系，涵蓋Java基礎、UI設計、數據存儲、網絡編程、

User , Android , JAVA , 前端開發 , Javascript

收藏 評論

u_17550480 頭像

Toobin - sourcefare從基礎到實踐(5) - 使用企業微信用户掃描登錄sourcefare

sourcefare是一款開源免費的代碼掃描工具，支持免費私有化部署，一鍵安裝零配置，簡潔易用，支持同步第三方用户並登錄，例如LDAP、企業微信、釘釘。本文將詳細介紹如何安裝sourcefare，同步企業微信用户，並使用企業微信用户掃描登錄。 1、sourcefare 安裝與配置 1.1 安裝 本文以CentOS操作系統為例。

微信 , 企業微信 , SonarQube , Sourcefare , 代碼掃描工具 , 前端開發 , Javascript

收藏 評論

u_16213618 頭像

mob64ca1400bfa8 - 黑馬全套Java教程（八）：集合進階

集合進階(一部分) 結合結構 1.Collection（接口） Collection的Contains方法底部是運用equals方法進行比較，如果要比較對象需要在對象的JAVAb中重寫equals代碼. 補需要親自寫，equals（）安定hashCode（）能便利。 2.遍歷器 （1）.迭代器：1.創建集合 2.添加數據 3.創建迭代器（創建

數據 , 迭代器 , 刪除數據 , 前端開發 , Javascript

收藏 評論

u_16099232 頭像

夢斷藍橋魂 - 第八章：併發編程+網絡編程（二） 2020-06-09

人工智能之編程進階 Python高級 第八章 網絡併發類模塊 @ 目錄 人工智能之編程進階 Python高級 前言 1. TCP 服務端（監聽連接） 2. TCP 客户端 3. UDP 示例（無連接）

客户端 , 多線程 , 前端開發 , Javascript , Python

收藏 評論

hefty 頭像

對角另一面 - 讀Zepto源碼之Stack模塊

Stack 模塊為 Zepto 添加了 addSelf 和 end 方法。 讀 Zepto 源碼系列文章已經放到了github上，歡迎star: reading-zepto 源碼版本 本文閲讀的源碼為 zepto1.2.0 改寫原有的方法 'filter,add,not,eq,first,last,find,closest,parents,parent,children,siblings'.spl

移動端 , zepto , 源碼分析 , jquery , Javascript

收藏 評論

u_16213689 頭像

mob64ca1411a6fc - 【Linux】Linux環境基礎開發工具使用 —— yum | vim | gcc & g++ | gdb | make & makefile | 進度條 | git

目錄 1.yum 1.1 聯網 1.2 查看安裝包 1.3 安裝 1.4 卸載 2.vim 2.1vim的基本概念 2.2 vim的基本操作 2.3 vim正常模式（命令模式）命令集 2.4vim末行模式命令集 2.5 簡單vim配置 3. sudo 4. gcc/g++

預處理 , Linux , vim , 1024程序員節 , 動態庫 , 前端開發 , Javascript

收藏 評論

opentiny 頭像

OpenTiny社區 - TinyVue：與 Vue 交往八年的組件庫

本文由體驗技術團隊莫春輝老師原創~ 去年因故停辦的 VueConf，今年如約在深圳舉行。作為東道主 上屆 VueConf 講師的我，沒有理由不來湊個熱鬧。大會結束後，我見裕波在朋友圈轉發 Jinjiang 的文章《我和 Vue.js 的十年》，我就在下面打趣道：“過兩年我也寫篇同名文章”，然後裕波回覆：“先寫一個我和 Vue 的八週年”。我尋思，我那十分鐘的閃電演講，有人吐槽沒有乾貨，比如同時支

vue.js , 組件庫 , 開源項目介紹 , 前端 , Javascript

收藏 評論

u_16099299 頭像

網絡智葉 - js如何在request中做防抖處理

首先， 防抖是面試中的常見問題，而項目中也會有很多地方可以用到。抱着學習的心態寫了一個防抖函數， 有不足之處，請大佬指教！ 定義：多次觸發事件時, 只執行一次回調,在事件被觸發n秒後執行回調 , 如果在n秒內再次觸發則重新計算 總而言之： 防抖的結果是, 事件只會執行一次 代碼如下： body input type=

函數調用 , js , 架構 , 後端開發 , 隱式參數 , js如何在request中做防抖處理 , Javascript

收藏 評論

zhouzhou_59fd35dc466dc 頭像

周皺 - javascript字符串常用api使用匯總（二）

javascript字符串常用api使用匯總（二） 本文講述所有能使用正則的字符串api search replace replaceAll split match search 按正則搜索字符串 這個api使用很簡單，就是搜索字符串中符合規則的字符的開頭索引 const rex = /\w+/ const str = 'abc123321' console.log(st

split函數 , match , Search , string , Javascript

收藏 評論

htdaydayup_5da2d7a6d4888 頭像

圖撲軟件 - 綠色城市智慧運營：Web 3D 垃圾分類 GIS 系統

前言 感謝所有為上海疫情奉獻的人，祈求上海疫情早日清零，中國加油，上海加油！ 《上海市生活垃圾管理條例》施行至今已有兩年多，上海市民踐行綠色低碳理念、主動參與生活垃圾分類的習慣基本養成，分類實效逐步趨於穩定，濕垃圾分類量穩定在日均 9000 噸以上，可回收物回收量保持在日均 7000 噸以上。“採取定時定點制度”“實施垃圾投放點升級改造”“進行了廣泛的宣傳動員”是上海生活垃圾分類工作取得成效的主要

智慧城市 , 垃圾回收 , 可視化 , 前端 , Javascript

收藏 評論

hefty 頭像

對角另一面 - 用 Gemini 3 復刻了 X 上爆火的復古拍立得， AI 也能寫小程序了？

最近看到 X 上有位小姐姐使用 Gemini 3 做了一個復古拍立得相機，被 Gemini 3 的前端能力震撼到了。然後又看到了很多復刻的版本，但做的都是 web 版，在和朋友聊得時候，他説做個小程序版就好了，小程序更容易瘋傳。 之前一直懷疑 AI 的小程序代碼能力，畢竟外國人搞出來的東西，能學習到我們國人的精髓嗎？肯定會水土不服。趁着這個機會，剛好來試一下。 説幹就幹，使用寶玉的 prompt

小程序 , ai開發 , gemini-pro , 人工智能 , Javascript

收藏 評論

u_10538247 頭像

王星星LOVER - JavaScript 數據類型

值類型(基本類型)：字符串（String）、數字(Number)、布爾(Boolean)、空（Null）、未定義（Undefined）、Symbol。 引用數據類型（對象類型）：對象(Object)、數組(Array)、函數(Function)，還有兩個特殊的對象：正則（RegExp）和日期（Date）。 注：Symbol 是 ES6 引入了一種新的

數據類型 , 數組 , 字符串 , 前端開發 , Javascript

收藏 評論

u_14731 頭像

killads - CMake學習筆記1

文章目錄 一、前言 二、一些基本概念 1、cmake 2、列表項編譯工具鏈toolchain 2.1 預處理器 2.2 編譯器（gcc/g++） 2.3 彙編器 2.4 鏈接器 3、編譯/項目構建 3.1

CMakeLists , 字符串 , 變量名 , cmake , 學習筆記 , 前端開發 , Javascript

收藏 評論

luli_5b8c9f47209c6 頭像

清風無影 - uniapp｜微信小程序獲取當前城市名稱--逆地址解析

問題 uniapp開發的小程序需要獲取當前城市名稱 解決步驟 看文檔 當然是看uniapp文檔，我們查到有提供相關的API,即uni.getLocation(OBJECT)，獲取當前的地理位置、速度。 我們試試吧 uni.getLocation({ type: 'wgs84', geocode:true, success: function (res) {

微信小程序 , 騰訊地圖 , Javascript

收藏 評論

lixiang314 頭像

條件狀語從句 - 説説JavaScript中函數的防抖 (Debounce) 與節流 (Throttle)

為何要防抖和節流 有時候會在項目開發中頻繁地觸發一些事件,如 resize、 scroll、 keyup、 keydown等，或者諸如輸入框的實時搜索功能，我們知道如果事件處理函數無限制調用，會大大加重瀏覽器的工作量，有可能導致頁面卡頓影響體驗；後台接口的頻繁調用，不僅會影響客户端體驗，還會大大增加服務器的負擔。而如果對這些調用函數增加一個限制，讓其減少調用頻率，豈不美哉？ 針對這個問題，一般有兩

函數 , lodash , underscore , Javascript

收藏 評論

u_16099333 頭像

煙雨江南的秋 - 利用Python 優雅地將 PDF 轉換成圖片_51CTO博客

日常工作裏，很多人都會遇到 “想把 PDF 裏某一頁換成圖片” 的需求，但要麼找不到好用的工具，要麼操作起來麻煩得讓人頭疼。今天就從實際場景出發，聊聊這個問題的根源，再通過一段實用的 Python 腳本，教大家怎麼低成本、安全地解決這個需求。 一、誰在為 “PDF 換頁” 發愁？ 先舉幾個身邊常見的例子，你説不定也遇到過：

命令行 , 圖片 , 圖片替換pdf頁 , pdf , 前端開發 , Javascript , Python

收藏 評論