tag Javascript

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

@Javascript / 博客 RSS 訂閱

anchen_5c17815319fb5 頭像

anchen - 如何理解JS原型和原型鏈

每個函數（箭頭函數除外）都有prototype屬性，該屬性指向原型。 每個對象（null除外）都有__proto__屬性，指向了創建了該對象的構造函數的原型。（注：函數也是對象） 對象可以通過__proto__來尋找不屬於該對象的屬性，__proto__將對象連接起來組成了原型鏈。 理解原型和原型鏈，下面這張圖很重要： 根據上面這張圖，能夠得到如下等式： // 一、對象的__p

原型 , 原型鏈 , 前端 , Javascript

收藏 評論

crow_5c1708a9c847d 頭像

龍騎士尹道長 - 一個關於React數據不可變的無聊問題

對於一個React的開發者來説不知道你有沒有想過為什麼React追求數據不可變這個範式； 一個月前我想過一個問題如果我在使用useState這個hooks的時候傳入的是一個改變後的引用類型對象會發生什麼？ 例如： import {useState} from "react" function App() { const [list,setList] = useState([0,1,2])

react , 源碼學習 , 源碼分析 , Javascript

收藏 評論

shawnphang 頭像

茶無味的一天 - 如何優雅地編寫一個高逼格的JS插件？

在一個風和日麗的早晨，我正悠閒地喝着Coffe，突然領導向我走來，我趕緊熟練地切出VSCode，淡定自若地問：領導，什麼事？領導拍了拍我的肩膀：你上次封裝的方法同事跟我反饋使用起來很不錯啊，你不如做成JS插件給大家用吧。我放下了手中的馬克杯，甩了一下眼前僅剩的幾根劉海：沒問題啊，小Case！隨即開始摸魚.... 原型鏈寫法 要開始編寫插件就得先了解JS模塊化，早期的模塊化是利用了函數自執行來實現的

插件 , 模塊化開發 , 插件化 , 前端 , Javascript

收藏 評論

fsjohnhuang 頭像

肥仔John - React魔法堂：size-sensor源碼略讀

前言 echarts-for-react在對echarts進行輕量級封裝的基礎上，額外提供圖表尺寸自適應容器尺寸的這小而實用的功能，而這功能的背後就是本文想介紹的size-sensor了。 源碼介紹 size-sensor源碼十分精簡，主要是對原生APIResizeObserver方案和object元素方案進行檢測和API統一化而已。 代碼首先會檢測當前運行時是否支持原生APIResizeObse

react , 源碼學習 , echarts , Javascript

收藏 評論

beckyyyy 頭像

beckyyyy - WebViewJavascriptBridge.js代碼學習

//notation: js file can only use this kind of comments //since comments will cause error when use in webview.loadurl, //comments will be remove by java use regexp (function() { if (window.WebViewJav

hybrid-app , 前端 , Javascript

收藏 評論

ohhhcky 頭像

OhhhCKY - NPM 自動更新版本號

本文首發於 YFun's Blog。 前言 ChenYFan 大佬的文章：SpeedUp!使用黑科技為你的網站提速 有提到過將 Hexo 博客的全部靜態文件上傳至 NPM 達到加速效果。 但是 NPM 版本號不能重複，而且為了精準命中緩存和防止邊緣 @latest 緩存過長，就必須指定版本號。 本人在 我的圖牀解決方案 一文中使用的方法是 npm version patch。 但這個方法也

node.js , hexo , npm , 前端 , Javascript

收藏 評論

beckyyyy 頭像

beckyyyy - 閉包是什麼，有什麼用途

這是上月面試碰到的一道面試題，作為一個有着十年開發經驗七年前端經驗的大齡青年，碰到這種沒有一點鋪墊的八股文，真的只想説一句毀滅吧。 記得以前剛做前端不久的時候，就在百度搜閉包，大多搜到的結果都説的是閉包是什麼樣子的，比如説在函數外部可以訪問到函數內部的變量，又或者説閉包會導致什麼問題，比如會影響GC回收。總之沒什麼標準説法，就好像現在網上的吐槽，你背面試題沒用，得和麪試官背的同一套才行，但是天知道

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

收藏 評論

yanyue404 頭像

RainBow - Promise 實現 （從簡易版到符合Promise A+規範）

前言 手寫 Promise 是面試的時候大家都逃避的送命題，在學些瞭解後發現通過實現源碼更能將新一代的異步方案理解的通透，知其然知其所以然的運用。 如果直接將源碼貼到此處勢必不能有更大的收穫，下面就按實現版本來看做簡要分析。 回顧 Promise Promise 是 CommonJS 提出來的這一種規範，有多個版本，在 ES6 當中已經納入規範，原生支持 Promise 對象，非 ES6 環境可以

promise , async , Javascript

收藏 評論

aaaaaajie 頭像

阿杰 - RxJS 全面解析

又名：RxJS “道” 與 “術” 前言 打開此文的小夥伴想必對 RxJS 已經有了或多或少的瞭解，如果沒有倒也無妨，因為下面會從零開始講起；如果你帶着幾個問題來翻閲，本人也希望此文可以帶你找到答案。 温馨提示：文章內容較長，建議收藏反覆觀看。 概覽 從我個人的學習 RxJS 的歷程來看，最開始是“照貓畫虎”能夠基本使用，隨後是研究部分操作符和使用場景，最後瞭解產生背景、設計思想以及實現原理

rxjs , 響應式編程 , Javascript

收藏 評論

beckyyyy 頭像

beckyyyy - 單頁應用的優缺點

上月面試海康威視的一道面試題。 單頁應用，即常説的SPA，Single Page Application，從名稱上就可以看出它最大的特點，就是單頁面，即只有一個頁面；相對的就是多頁面，即MPA，Multi-Page Application。 在多頁面的情況下，我們在切換不同頁面時，需要向服務器發送多次請求來獲取不同頁面內容，在獲取到內容後，整個瀏覽器視口需要被重新渲染，而等待服務器的響應需要一定的

單頁應用 , 面試問題 , spa , 前端 , Javascript

收藏 評論

limingcan562 頭像

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

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

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

收藏 評論

mi2nagemao 頭像

夜遊神 - js原型鏈圖解

參考《你不知道的JavaScript(上卷)》，按照自己理解做的對象關聯關係圖解，不保真。 細節重申 對象通過原型鏈(__proto__)查找屬性，一直到找到為止； new 的主要作用是創建新對象，其__proto__指向函數的 prototype，以及關聯this到新對象； Object.create 創建新對象，並將其__proto__指向舊對象。 依圖校驗 function Foo

prototype , 原型鏈 , Javascript

收藏 評論

limingxin 頭像

asong - 如何方便的從 URL 中，獲取指定的參數？

ES6 提供了一個 URLSearchParams"URLSearchParams 對象，接收一個 URL 的查詢字符串。 如果將 window.location.search 傳入後，再通過實體的 get() 方法。 即可方便的獲取當前頁面路徑中對應參數的值。 // 假設當前頁面鏈接為： // https://fehub.com/?name=lmxage=18book=santibook=mi

參數 , Javascript , url

收藏 評論

beckyyyy 頭像

beckyyyy - cookie、session、web storage

cookie與session的區別 首先，使用cookie和session的目的都是為了跟蹤記錄用户狀態，因為http協議是無狀態的協議，而某些場景服務端需要記錄用户的狀態，如購物車，需要來識別具體的用户，服務端就為特定的用户創建特定的session，用於標識並跟蹤用户； 其次，cookie和session都是會話技術，session保存在服務端，cookie保存在客户端，服務端無法知道請求對應哪

sessionstorage , localstorage , cookie , 前端 , Javascript

收藏 評論

xiaoxxuejishu 頭像

小X學技術 - Y 分鐘速成 AngularJS

源代碼下載： learnangular-cn.html AngularJS 教程 AngularJS 1.0 版在 2012 年發佈。 Miško Hevery, 一位 Google 員工， 從 2009 年開始開發 AngularJS。 結果發現這個想法很好，從而該項目現在也被 Google 官方所支持了。 AngularJS 是一個 JavaScript 框架。它可以通過一個 "s

angularjs , Css , HTML , 前端 , Javascript

收藏 評論

beverly0 頭像

鹹口鍋包肉 - SegmentFault 思否技術週刊 Vol.73 — 如何有效地學習 JavaScript ？

本期技術週刊一起了解 Javascript，歡迎大家閲讀 ～ 文章推薦 手寫一個同步服務端時間的小工具 // jump__jump 在前端開發的過程中，開發者經常會用到 new Date() 來獲取當前時間，但是 new Date() 是獲取的當前操作系統的時間，由於用户可以修改當前電腦時間，所以它是不準確的。 大部分情況下，用户修改當前電腦時間都沒有什麼問題，但是當我們需要根據服務端傳遞的

segmentfault-技術週刊 , Javascript

收藏 評論

zzd41 頭像

superZidan - 使用 Socket.io 和 React 開發一個聊天應用

這篇文章是關於什麼的 相信大家對於 web 版的線上聊天室都不陌生，這篇文章主要講的就是如何使用 Socket.io 和 React 開發一下簡單的線上聊天應用。 所謂線上聊天應用，就是你給一個人或者一個羣發送一條消息，他們可以看到這條消息並且可以回覆。既簡單又複雜。 開發一個聊天室應用，你需要在新信息來到的時候及時的感知到。 通常來説，為了獲得服務端的信息，我們需要發送一個 HTTP 請求。但是

socket.io , react , node.js , Css , Javascript

收藏 評論

magnesium_5a22722d4b625 頭像

進二開物 - 淺談 Javascript 閉包

微信公眾號搜索並關注：進二開物， 更多技術週刊，React 技術棧、JavaScript/TypeScript/Rust 等等編程語言慢慢等你發現... 什麼是閉包？ 閉包的概念是有很多版本，不同的地方對閉包的説法不一 維基百科：在計算機科學中，閉包（英語：Closure），又稱詞法閉包（Lexical Closure）或函數閉包（function closures），是在支持頭等函數的

react , 閉包 , react-hooks , Javascript

收藏 評論

beverly0 頭像

鹹口鍋包肉 - SegmentFault 思否技術週刊 Vol.76 — 破解 Javascript 玩法

本期技術週刊一起了解 Javascript，歡迎大家閲讀 ～ 文章推薦 淺談 Javascript 閉包 // magnesium 閉包的概念是有很多版本，不同的地方對閉包的説法不一 維基百科：在計算機科學中，閉包（英語：Closure），又稱詞法閉包（Lexical Closure）或函數閉包（function closures），是在支持頭等函數的編程語言中實現詞法綁定的一種技術。 MD

segmentfault-技術週刊 , Javascript

收藏 評論

lxlu 頭像

肥皂泡 - javascript 正則 高級用法

先簡單看幾個常用基礎標識符 ^ 匹配一個輸入或一行的開頭， /^a/ // 匹配"an A"，而不匹配"An a" $ 匹配一個輸入或一行的結尾 /a$/ // 匹配"An a"，而不匹配"an A" *匹配前面元字符0次或多次 /ba*/ // 匹配b,ba,baa,baaa,... +匹配前面元字符1次或多次 /ba+/ // 匹配ba,baa,baaa,... ? 匹配前面元字符0次

regexp , 正則表達式 , Javascript

收藏 評論

zxl20070701 頭像

zxl20070701 - postMessage

此方法可以用於實現跨源通信等，我們來演示如何實現在兩個窗口之間進行通信。 假設我們現在有兩個頁面：page1.html和page2.html， 他們的關係是通過iframe關聯起來的，就像這樣（下面是page1.html的內容）： iframe id="receiver" src="./page2.html" width="300" height="100"/iframe 為了實現通信，首先你需要

iframe , postmessage , 前端 , html5 , Javascript

收藏 評論

jsliang 頭像

jsliang - CSS 實例系列 - 02 - 2023 兔年祝福

Hello 小夥伴們早上、中午、下午、晚上和深夜好，這裏是 jsliang~ 新年新氣象，讓我們耍一個兔飛猛進的祝福吧： 這個是一個完整的線上小實例，小夥伴們可以填寫數據，服務器會用 Node.js 定期讀取數據： 填寫數據：https://kdocs.cn/l/cbmawranzvNL 效果查看：https://liangjunrong.github.io/ 例如你填的用户名稱是：

puppeteer , node.js , css3動畫 , html5 , Javascript

收藏 評論

zengh 頭像

田八 - 【源碼&庫】在調用 createApp 時，Vue 為我們做了那些工作？

在使用Vue3時，我們需要使用createApp來創建一個應用實例，然後使用mount方法將應用掛載到某個DOM節點上。 那麼在調用createApp時，Vue再背後做了些什麼事情呢？今天就來扒一扒Vue3的源碼，看看調用createApp發生了些什麼。 大家好，這裏是田八的【源碼庫】系列，Vue3的源碼閲讀計劃，Vue3的源碼閲讀計劃不出意外每週一更，歡迎大家關注。 首發在掘金，如果想一起

vue.js , 源碼學習 , 源碼 , 源碼分析 , Javascript

收藏 評論

dreamapplehappy 頭像

dreamapplehappy - try/catch/finally：“前端的好厚米，我覺得你們不夠了解我呀~”

這篇文章想跟大家一起重新温習一下關於使用 try...catch 進行異常捕獲的一些知識點。為了提升大家的閲讀興趣，我們先來做三個小練習題，如果你都做對的話，那麼表明你這一部分的知識掌握的很熟練，可以不用讀這篇文章啦~ 如果做錯了某道題的話，説明我們還有一些知識點需要再次鞏固一下，話不多説，我們先來看看這三道題： function doTask () { try { con

面試問題 , 前端優化 , 異常處理 , 前端 , Javascript

收藏 評論