tag Javascript

標籤
貢獻1,356
1136
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 訂閱

_6085362b65292 頭像

HZFEStudio - New 操作符的原理

完整高頻題庫倉庫地址：https://github.com/hzfe/awesome-interview 完整高頻題庫閲讀地址：https://febook.hzfe.org/ 相關問題 new 操作符做了什麼 new 操作符的模擬實現 回答關鍵點 構造函數 對象實例 new 操作符通過執行自定義構造函數或內置對象構造函數，生成對應的對象實例。 知識點深入 1. new 操作符做了什麼

面試 , new , es5 , 前端 , Javascript

收藏 評論

patelo 頭像

patelo - vue多項目多模塊運行/打包

vue多項目多模塊運行/打包 vue-cli4 為例，實現多項目的分模塊打包。多項目之間共享組件和依賴，運行、打包互不干擾。 一、安裝 npm install -g @vue/cli # OR yarn global add @vue/cli 二、創建項目： vue create my-project # OR vue ui 三、目錄改造 所謂分模塊打包，一個模塊就是一個獨立項目，各個模塊

vue.js , yarn , webpack4 , 前端 , Javascript

收藏 評論

nqbefgvs 頭像

nqbefgvs - es6的繼承原理

javascript有八種類型的數據，其中沒有function，是因為function被object這個大類包含了。也就是説，所有函數都是object。 當我們自己聲明瞭一個類，我們拿到的引用是一個函數的引用，它默認繼承於內置的Object對象，但是由於javascript最頂層的父級（Object和Function）設計有點亂，並且不具有普適性，在這裏我們用兩個普通的類來演示繼承的實現。 將子類

ecmascript-6 , new , es5 , 原型鏈 , Javascript

收藏 評論

chenxiang_594a1cea112c2 頭像

阿古達木 - ExpiredStorage-給localstroage增加超時功能 源碼解讀

https://www.npmjs.com/package... 這個庫拓展了localStroage。在設置item的時候，會另外再設置一個key用來存儲過期時間。當在取數據的時候判斷是否過期並且remove元素。 用法 expiredStorage = new ExpiredStorage(); // 60秒後過期 expiredStorage.setItem("test", "fo

localstorage , 前端 , Javascript

收藏 評論

icecreamlj 頭像

一顆冰淇淋 - 徹底弄懂js中this指向（包含js綁定、優先級、面試題詳解）

為什麼要使用this 在javascript中，this可謂是無處不在，它可以用來指向某些元素、對象，在合適的地方使用this，能讓我們減少無用代碼的編寫 varuser={ name:"aclie", sing:function(){ console.log(user.name+'在唱歌') }, dance:function(){ console.log(user.name+'在跳舞') },

this的用法 , this , Javascript

收藏 評論

onlythinking 頭像

編程碼農 - 前端-JavaScript中的class

類 類是用於創建對象的模板。JavaScript中生成對象實例的方法是通過構造函數，這跟主流面嚮對象語言（java，C#）寫法上差異較大，如下： function Point(x, y) { this.x = x; this.y = y; } Point.prototype.toString = function () { return '(' + this.x + ', ' + t

類 , 繼承 , 原型鏈 , 前端 , Javascript

收藏 評論

_6085362b65292 頭像

HZFEStudio - 瀏覽器事件循環

完整高頻題庫倉庫地址：https://github.com/hzfe/awesome-interview 完整高頻題庫閲讀地址：https://febook.hzfe.org/ 相關問題 什麼是瀏覽器事件循環 瀏覽器為什麼需要事件循環 Node.js 中的事件循環 回答關鍵點 任務隊列 異步 非阻塞 瀏覽器需要事件循環來協調事件、用户操作、腳本執行、渲染、網絡請求等。通過事件循環，瀏覽器

事件循環 , node.js , 瀏覽器 , 前端性能 , Javascript

收藏 評論

icecreamlj 頭像

一顆冰淇淋 - 自定義javascript中call、bind、apply方法

call、bind、apply都是Function原型上的方法，用於改變this的指向 自定義函數 js中的call、bind、apply是用c++代碼實現的，我們這裏使用js代碼做一個模式，沒有把所有的邊界情況考慮進來，僅做一個簡單的實現，三個函數在使用的時候有一些需要注意的地方，在定義的時候需要把這些情況考慮進去 當傳入的值是基本數據類型時，call、apply、bind方法會將它轉變成引

this , 前端 , Javascript

收藏 評論

jrainlau 頭像

jrainlau - 基於 AST 的代碼自動生成方案

最近接到了一個需求，需要通過第三方提供的 d.ts 文件來定義對應的 JS SDK 文件，其形式如下： 第三方提供的 d.ts 文件： export class SDK { start(account: string); close(); init(id: string): Promise{ result: number; } } 定義出來的 JS SDK 文件： // 初始化 wr

ast , typescript , Javascript

收藏 評論

bencjl 頭像

BENCJL - JavaScript原型鏈：從構造函數、原型、對象實例的關係説起

一開始看MDN的JavaScript指南，沒看明白。主要原因是關於構造函數（constructor）、原型（prototype）、對象實例（object, instance）之間關係的描述太少；直接就給我整個原型鏈讓我挺懵逼的。 於是靠百度來搞懂。我覺得先從這三者關係入手，然後回頭理解原型鏈更容易。 相關資料： （側重關係）構造函數、對象實例、原型對象三者之間的關係 （側重原型鏈

構造函數 , 繼承 , 原型鏈 , 對象 , Javascript

收藏 評論

wuyagege 頭像

雲綺棠兮 - JavaScript創建對象的多種方法

方法一 ----通過字面量創建 let obj = { name: 'zhang', age: 12, sayName: function () { console.log(this.name); } } console.log(obj);//{ name: 'zhang', age: 12, sayName: [Function: sayName

prototype , object , Javascript

收藏 評論

icecreamlj 頭像

一顆冰淇淋 - js面向對象編程，你需要知道這些

javascript中對象由key和value組成，key是標識符，value可以為任意類型 創建對象的方式 1、通過構造函數 var obj = new Object() obj.name = 'alice' obj.age = 18 2、通過字面量 var obj = { name: 'alice', age: 18 } 屬性描述符 對屬性進行精準的操作，比如定義屬性是否可被刪除、遍歷或修

原型 , 構造函數 , 對象 , Javascript

收藏 評論

icecreamlj 頭像

一顆冰淇淋 - js實現繼承的五種方法及原型的繼承關係

繼承是javascript中實現代碼複用的一種方式，也能綁定對象或者函數之間的關係 為什麼要繼承 比如以下代碼，Person、Student和Teacher構造函數，可以發現他們有一些特徵 Person和Student都有姓名、年齡的屬性和吃的方法，但Student還有學號、分數的屬性和學習的方法 Person和Teacher都有姓名、年齡的屬性和吃的方法，但Teacher還有教學的方法

原型 , 繼承關係 , 繼承 , 原型鏈 , Javascript

收藏 評論

icecreamlj 頭像

一顆冰淇淋 - ES6之清楚明白的使用類（class）

定義 類是構造函數、原型鏈的語法糖。 定義類有兩種方式 class Student { } var Student = class { } 某些瀏覽器可能無法解析es6及以上的語法，這時候需要通過babel將代碼解析成瀏覽器可識別的語法，定義類的語法通過babel編譯之後就是通過function定義的構造函數。 類和構造函數是一樣的，通過new關鍵字創建，具有prototype屬性 class

ecmascript-6 , 構造函數 , 繼承 , class , Javascript

收藏 評論

iymxpc3k 頭像

前端css和js乾貨 - 煩人的this,7個關於js關鍵詞的面試題

更多文章詳見公眾號【前端css和js乾貨】 在 JavaScript 中，this是函數的調用上下文。 難度在於this具有複雜的行為。 本文，整理了一個關於this關鍵字的7個有趣面試問題的列表。 注意：下面的 JavaScript 片段在非嚴格模式下運行，也稱為 sloppy 模式。 1: 變量 vs 屬性 以下代碼會在控制枱打印什麼： const object = { m

箭頭函數 , this , 前端 , Javascript

收藏 評論

niumingxin 頭像

微言 - this 指針詳解

概念 this 是當前函數/當前模塊的運行環境上下文。是一個指針型變量，普通函數中的 this 是在調用時才被綁定確認指向的。 通過不同的 this 調用同一個函數，可以產生不同的結果。 到底如何確認 this 綁定的內容是什麼？ this 綁定的規則 1.默認綁定 function a() {} a(); 函數獨立調用的時候，不帶任何修飾的函數引用. 非嚴格模式下 this 指向全局對象

this , 前端 , Javascript

收藏 評論

user_ze46ouik 頭像

Sunshine_Lin - 這可能是思否講「原型鏈」，講的最好最通俗易懂的了，附練習題！

前言 大家好，我是林三心，相信大家都聽過前端的三座大山：閉包，原型鏈，作用域，這三個其實都只是算基礎。而我一直覺得基礎是進階的前提，所以不能因為是基礎就忽視他們。今天我就以我的方式講講原型鏈吧，希望大家能牢固地掌握原型鏈知識 很多文章一上來就扔這個圖，但是我不喜歡這樣，我覺得這樣對基礎不好的同學很不好，我喜歡帶領大家去從零實現這個圖，在實現的過程中，不斷地掌握原型鏈的所有知識！！！來吧！！！跟着我

ecmascript-6 , 面試 , 原型鏈 , 前端 , Javascript

收藏 評論

invalidnull 頭像

註銷 - 使用 Angular Transfer State 的一個具體例子

Using TransferState API in an Angular v5 Universal App 讓我們用一個具體的例子來説明這篇文章。 我們有一個天氣應用程序，在其側邊欄中顯示城市列表。 當您單擊城市名稱時，該應用程序會顯示該城市的當前天氣。 因為我們希望我們的應用程序是可抓取和可索引的，所以我們使它通用：城市頁面在服務器上呈現，存儲為 HTML 文件並由 HTTP 服務器提供服務。

angularjs , angular , typescript , 前端 , Javascript

收藏 評論

fsjohnhuang 頭像

肥仔John - Another Intro for Cookies

Cookies are strings of data that are stored directly in the browser. They are a part of HTTP protocol, defined by RFC 6265 specification. Cookies are often set by server using the response Set-Cookie

csrf , cookie , Javascript

收藏 評論

mall4j 頭像

mall4j - JavaScript中的this綁定 - springboot實戰電商項目mall4j

springboot實戰電商項目mall4j （https://gitee.com/gz-yami/mall4j) java商城系統源碼 JavaScript中的this綁定 在日常的開發中，我們會經常使用JavaScript中的一個關鍵字：this，在常見的編程語言中，幾乎都有this這個關鍵字，但是JavaScript中的this和常見的變成語言中的this不太一樣， 在常見的變成語言（

this的用法 , this , Javascript

收藏 評論

invalidnull 頭像

註銷 - SAP Spartacus develop branch 的服務器端渲染啓動方式

(1) yarn build:libs 這個命令行是完成本地 library 的構建。需要將近10分鐘。 (2) 這個命令是完成 shell app 的構建。 yarn build --prod 命令行裏出現的 40.76 來自 .env-cmdrc 文件： 需要將近3分鐘。 (3) 使用如下命令進行服務器端 shell 應用的構建： yarn build:ssr 需要將近1分鐘。

angular , bootstrap , sap , spa , Javascript

收藏 評論

chendongyuan 頭像

陳東民 - JavaScript 中的數組分組：array.groupBy()

JavaScript 中的數組分組：array.groupBy() 原文： https://dmitripavlutin.com/ja... 由於豐富的標準實用程序庫，許多開發人員喜歡 Ruby 編程語言。例如，Ruby 中的數組有大量的方法。 JavaScript 也逐步豐富了其關於字符串和數組的標準庫。例如，在之前的文章中，我描述了新的array.at()方法。 今天的主角是新的數組組提案（目

ecmascript , 前端 , html5 , Javascript

收藏 評論

linlinma 頭像

安歌 - 詳解JS的繼承（三）-- 圖解Es6的Extend

前言 距離上一篇js的繼承系列已經過去了四年，時不時還有新的讀者評論和回覆，開心之餘也想着更新一下內容，因為當時的內容裏沒有涉及到es6的 extend 實現，所以現在抽空補上。 當然，如果是0基礎的同學或者對於基本的繼承有些遺忘的同學，可以先回顧一下前兩篇： 詳解js中的繼承（一） 詳解js中的繼承（二） 正文 基礎回顧 預備知識 為了使後面的學習過程更絲滑，在開始之前，一起再回顧一下這個構造

ecmascript-6 , extend , 繼承 , Javascript

收藏 評論

icecreamlj 頭像

一顆冰淇淋 - 三種瀏覽器存儲方案，你還擔心數據無處放嗎

webStorage 基本概念 webStorage提供了兩種存儲方式，localStorage和sessionStorage。 localStorage是持久化存儲，不主動刪除存儲的內容會永久存在 sessionStorage為會話級存儲，關閉瀏覽器則銷燬 具體的區別在於 關閉網頁後重新打開，localStorage會保留，sessionStorage不會被保留 在頁面內實現跳轉，

sessionstorage , indexeddb , localstorage , cookie , Javascript

收藏 評論