javascript 中this的指向
js中this的指向比較繞，和其他語言可能有所不一樣，看很多資料舉的例子也很繞，這裏自己做一下記錄，方便牢記： let a={ a:1, check:function(){ //這裏的this指向的是該對象a的; console.log('check:',this); //匿名函數function() 會把this提升的指向wind
昵稱 曾經的少年
@Javascript
貢獻者369
粉絲0
貢獻者
@Javascript
動態 列表
JavaScript飛鳥中的新聖箭頭搭建函數：盤口如何使用二開Fat & Concise微投語法（下）
【TG＿duoteJG】多特工作室傑哥duotee.com版權所有，禁止轉載 微信飛鳥箭頭搭建函數如何處理this關鍵字 關於微信飛鳥箭頭搭建函數要記住的盤口最重要的事情是它們處理this新聖飛鳥二開關鍵字的方式。特別是，this箭頭搭建函數內的盤口關鍵字不會反彈。 為了説明這意味着什麼，請查看下面的演示： [codepen_embed height=”300″ default_tab=”html
昵稱 壞壞的電梯
理解JavaScript中的this
前言 相信很多人在初學JavaScript的時候都對this的指向問題感覺到比較迷惑。它不像PHP，Java語言中的this有很明確的指向，也不會讓人容易搞混。 在JavaScript中this就是函數調用的上下文，在JavaScript中有四種函數調用： 函數調用，例如alert('hello world') 方法調用，例如console.log('hello world') 構造
昵稱 hero
熱點面試題：聊聊對 this 的理解？
前言 歡迎關注 『前端進階圈』 公眾號 ，一起探索學習前端技術...... 前端小菜雞一枚，分享的文章純屬個人見解，若有不正確或可待討論點可隨意評論，與各位同學一起學習~ 聊聊對 this 對象的理解？ 定義 在執行上下文中的一個屬性，它指向最後一次調用這個屬性或方法的對象。通常有四種情況來判斷。 四種情況如下 1. 函數調用模式：當一個函數不是一個對象的屬性時，直接作為函數來調用時
昵稱 沉浸式趣談
關於this指向的一些梳理
函數內 非嚴格模式 通常情況下，定義的函數的this就是window，比如： function doit(){ console.log(this); } doit(); 打印結果： Window {window: Window, self: Window, document: document, name: '', location: Location, …} 嚴格模式 不過，如果開啓了
昵稱 zxl20070701
關於 Javascript 中 this 指向的個人總結
JavaScript中的this關鍵字表示當前執行上下文中的對象。this的指向可以根據不同的情況而變化，以下是幾種常見情況： 1. 全局上下文中 全局上下文中： 當在全局作用域中使用this時，它通常指向window對象（在瀏覽器環境中）。例如： console.log(this); // 在瀏覽器中通常指向window對象 2. 函數中 函數中： this在函數內部的指向取決於函數的調用
昵稱 特拉瓦爾多
JavaScript中的this指向哪？
大家好，我是歸思君 一、引言 this可以説是前端開發中比較常見的一個關鍵字，由於其指向是在運行時才確定，所以大家在開發中判斷其方向時也會很模糊，今天就把this的指向問題拆開了，揉碎了，好好講一講。 先來看一個場景，看看該處的 this 應該指向哪：首先在 request.js 中定義一個 getAction 函數 export function getAction(url,paramet
昵稱 歸思君
熱點面試題：聊聊對 this 的理解？
前言 歡迎關注 『前端進階圈』 公眾號 ，一起探索學習前端技術...... 前端小菜雞一枚，分享的文章純屬個人見解，若有不正確或可待討論點可隨意評論，與各位同學一起學習~ 聊聊對 this 對象的理解？ 定義 在執行上下文中的一個屬性，它指向最後一次調用這個屬性或方法的對象。通常有四種情況來判斷。 四種情況如下 1. 函數調用模式：當一個函數不是一個對象的屬性時，直接作為函數來調用時
昵稱 沉浸式趣談
vue+element項目中導出時文件名稱從後台獲取
在做後台管理系統項目時，導出功能後端一般返回文件流或者鏈接，前端進行相關處理，今天只説文件流相關內容，之前項目中所有的文件名稱都是前端進行拼接的，像xxxx-20231002122415.xlsx等等，那下載時文件名稱如何從後台獲取呢？ 1、首先需要後台配置 在響應標頭中我們可以看到Content-Disposition:attachment;filename=xxxxx.xlsx信息，filen
昵稱 留白
如何獲取 fetch 返回數據
獲取 fetch 返回數據 Fetch API 提供了一個 JavaScript 接口，用於訪問和操縱 HTTP 管道的一些具體部分，例如請求和響應。 它還提供了一個全局 fetch() 方法，該方法提供了一種簡單，合理的方式來跨網絡異步獲取資源。 這種功能以前是使用 XMLHttpRequest 實現的。 由於以下原因，我們在判斷後端返回數據時候，如果 HTTP 狀態碼錯誤，可能判斷比較麻煩。
昵稱 前端老兵
fetch異步上傳圖片（附html+JavaScript+php代碼）
效果 index.html !DOCTYPE html html head title圖片上傳示例/title meta charset="utf-8" script src="upload.js"/script style *{ padding: 0;
昵稱 TANKING
class-fetch：一個用 TypeScript 編寫的優雅的 HTTP 客户端庫
你是否想要用 TypeScript 編寫更安全，更可靠，更簡潔的 HTTP 客户端代碼？如果你的答案是肯定的，那麼你一定會喜歡 class-fetch 這個庫。 class-fetch 是一個用 TypeScript 編寫的 js 庫，用於生成 HTTP 客户端。它基於 fetch，支持瀏覽器和 nodejs 運行時。它使用裝飾器來簡化請求參數和返回值的處理。它使用 class-transform
昵稱 是水
fetch的使用記錄
如何用fetch發起post請求 下面是一個用fetch發起的post請求示例： fetch('/api/add', { method: 'POST', headers: { 'Content-Type': 'application/json', }, body: JSON.stringify({ name: 'tomcat', }), }) .then(res
昵稱 熱飯班長
使用form-data的content-type上傳文件問題
問題 當後端需要我們上傳文件時，一般會用form-data的類型。 接口文檔像這樣： 目標是發出這樣一個請求： 代碼示例 // file從input為file的輸入框獲取 const formData = new FormData(); formData.append('code', 'xxx') formData.append('index', "xxx"); formData.
昵稱 熱飯班長
vue多項目多模塊運行/打包
vue多項目多模塊運行/打包 vue-cli4 為例，實現多項目的分模塊打包。多項目之間共享組件和依賴，運行、打包互不干擾。 一、安裝 npm install -g @vue/cli # OR yarn global add @vue/cli 二、創建項目： vue create my-project # OR vue ui 三、目錄改造 所謂分模塊打包，一個模塊就是一個獨立項目，各個模塊
昵稱 patelo
移動端法門：自適應方案和高清方案
筆者從畢業開始做前端到現在，90% 的項目是移動端打交道，所以當簡歷上寫了“移動H5”幾個字時，必會被問到自適應方案與高清方案 ”自適應“講的是一套UI（例如750*1334），在多端下展示近乎一樣的效果；而”高清“是因為 DPR 提升而所做的各種精度適配 這篇文章講講筆者理解的自適應方案和高清方案 先説結論 自適應方案 rem 適配思路 選擇一
昵稱 山頭人漢波
如何利用燭龍和谷歌插件優化CLS(累積佈局偏移) | 京東雲技術團隊
簡介 CLS 衡量的是頁面的整個生命週期內發生的每次意外佈局偏移的最大突發性_佈局偏移分數_。佈局變化的發生是因為瀏覽器傾向於異步加載頁面元素。更重要的是，您的頁面上可能存在一些初始尺寸未知的媒體元素。這種組合意味着瀏覽器在加載完成之前無法確定單個元素將佔用多少空間。因此，這種不確定性帶來的劇烈佈局轉變就會導致一個高的CLS分數，也就説明用户體驗將會很糟糕。 累積佈局偏移的計算公式 = 影響比例*
昵稱 京東雲開發者
圖撲 HT for Web 輕鬆構建組態拓撲結構
在現代的數據可視化和網絡管理中，拓撲圖是一種非常重要的工具。它可以直觀地展示節點(Node)和節點之間的關係(Edge)。無論是在 2D 還是 3D 環境中，拓撲圖都可以幫助我們更好地理解和管理複雜的系統。 然而，由於這些拓撲圖通常極為複雜，傳統的手動佈局方式不僅繁瑣且耗時。鑑於此，圖撲軟件自研 HT for Web 產品（以下簡稱為 HT）推出了自動佈局、彈力佈局插件，從根本上解決了這一問題。
昵稱 hightopo
全面掌握 Jest：從零開始的測試指南（下篇）
在上一篇測試指南中，我們介紹了Jest 的背景、如何初始化項目、常用的匹配器語法以及鈎子函數的使用。這一篇篇將繼續深入探討 Jest 的高級特性，包括 Mock 函數、異步請求的處理、Mock 請求的模擬、類的模擬以及定時器的模擬、snapshot 的使用。通過這些技術，我們將能夠更高效地編寫和維護測試用例，尤其是在處理複雜異步邏輯和外部依賴時。 Mock 函數 假設存在一個 runCallBac
昵稱 一顆冰淇淋
IDEA開打jsp頁面亂碼問題解決
問題：IDEA開打jsp頁面亂碼問題解決 解決： 1 先把Idea配置：File–Settings–File Encodings–Project Encoding 設置為UTF-8 2 jsp文件中添加： %@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8" %
昵稱 不語
JavaScript 面向對象編程
面向對象編程 Object Oriented Programming 面向對象編程用對象把數據和方法聚合起來。 面向對象編程的優點 能寫出模塊化的代碼 能使得代碼更靈活 能提高代碼的可重用性 面向對象編程的原則 繼承(inheritance)：子類/派生類從父類/基類/超類中派生，形成繼承結構 封裝(encapsulation)：代碼的實現對用户不可見，例如調用 toUpperCa
昵稱 Mitchell_C
什麼是面向對象編程領域的胖接口 - Fat Interface
在面向對象編程（Object-Oriented Programming，簡稱 OOP）領域，"胖接口"，也稱為"Fat Interface"，是一個被廣泛認識並且應當避免的設計反模式。這個術語指的是一個接口（或抽象類）包含了大量的方法，可能超出了單一職責的原則，導致接口變得臃腫、複雜和難以維護。在本文中，我將詳細解釋什麼是胖接口，為什麼它是一個問題，並通過實例來加深理解。 胖接口的定義和問題： "
昵稱 註銷
JavaScript面向對象
一：面向對象 1.面向對象基本特徵 封裝：也就是把客觀事物封裝成抽象的類，並且類可以把自己的數據和方法只讓可信的類或者對象操作，對不可信的進行信息隱藏 繼承：通過繼承創建的新類稱為“子類”或“派生類”。繼承的過程，就是從一般到特殊的過程 多態：對象的多功能，多方法，一個方法多種表現形式 2.javascript和麪向對象 javascript是一種基於對象（objec
昵稱 茶色島
node.js 項目中執行 npm install 命令後看到的 idealTree inflate 的含義
隱身窗口是Chrome瀏覽器的一項隱私功能，它允許用户在瀏覽網頁時保護個人隱私。當用户在隱身窗口中瀏覽時，瀏覽器不會保存瀏覽歷史、搜索歷史、下載記錄以及填寫的表單數據。這一功能有助於用户在不留下痕跡的情況下訪問網頁，尤其是在共享計算機或公共場所使用時更為重要。 隱身窗口的核心特性 不保留瀏覽歷史記錄： 隱身窗口模式下，Chrome瀏覽器不會保存用户的瀏覽歷史記錄。這意味着在關閉隱身窗口後，之前
昵稱 註銷