tag Javascript

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

tonyyoung 頭像

拖泥羊 - 前端工程化4：如何去做js模塊化開發？ES Modules/CommonJS有什麼區別？

1. 如何去做js模塊化開發 = 模塊化標準 + 加載器 1.1、我們説討論的僅限於javascript代碼的模塊化，如果要涉及到所有文件的模塊化請使用webpack。 1.2、那麼js的模塊化可以用一句話概括：模塊化標準 + 加載器；本文主要介紹模塊化標準。 2. 幾種模塊化標準對比： CommonJS 1、以同步的模式加載模塊：通常在Nodejs環境使用，不適合瀏覽器 1. 因為服務器讀

模塊化 , commonjs , es-modules , 前端 , Javascript

收藏 評論

bill_5bac65cc7963b 頭像

Bill - 前端模塊化CommonJs、AMD、CMD、ES

CommonJs、ADM、CMD 什麼是模塊 將一個複雜的程序依據一定的規則(規範)封裝成幾個塊(文件), 並進行組合在一起 塊的內部數據與實現是私有的(閉包/封裝), 只是向外部暴露一些接口(方法)與外部其它模塊通信 模塊化的進化過程 全局function模式 : 將不同的功能封裝成不同的全局函數 代碼: 將不同的功能封裝成不同的全局函數 問題: 污染全局命名

ecmascript-6 , cmd , amd , commonjs , Javascript

收藏 評論

user_4jsjtpci 頭像

star - 繼承的幾種方式

實現一個父類 // 定義一個動物類 function Animal (name) { // 屬性 this.name = name || 'Animal'; // 實例方法 this.sleep = function(){ console.log(this.name + '正在睡覺！'); } } // 原型方法 Animal.prototype.eat = funct

面試小抄 , 繼承 , Javascript

收藏 評論

invalidnull 頭像

註銷 - 將您的基於 Accelerator 的 SAP 電商雲 Storefront 遷移到 Spartacus Storefront

原文：Migrate Your Accelerator-based Storefront to Project Spartacus 如果您已閲讀過“遷移到 Spartacus javascript storefront 項目的五個原因”和“SAP Commerce Cloud Project Spartacus 入門”這兩篇文章，您可能想要遷移到基於無狀態高性能架構的 storefront, 並且

vue.js , sap , spa , 前端 , Javascript

收藏 評論

invalidnull 頭像

註銷 - 使用瀏覽器的 Local Storage 真的安全嗎？

LocalStorage 是一個 HTML5 網絡存儲對象，用於將數據存儲在客户端——即本地，在用户的計算機上。 本地存儲的數據沒有到期日期，並且會一直存在，直到被刪除。 （相比之下，會話存儲是另一個 HTML5 網絡存儲 API，它會在瀏覽器關閉時刪除存儲的數據。） 本地存儲是純 JavaScript。 同樣，雖然它仍然在用户的設備上生成純文本文檔，但本地存儲也允許存儲多達 5MB 的數據（與

react , vue.js , localstorage , 前端 , Javascript

收藏 評論

ruozxby 頭像

不語 - 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" %

編碼 , JAVA , jsp , 程序員 , Javascript

收藏 評論

qifengliao_5e7f5b20ee3bd 頭像

起風了 - 封裝一個方法，獲取頁面url中的參數值？

封裝一個方法獲取頁面url參數，可作為框架基礎方法使用： //獲取url參數; 正則獲取url參數，包含hash[#]和search[?]兩種通用 export function getUrlQueryByName(param) { const reg = new RegExp('(^|)' + param + '=([^]*)(|$)'); const r = window.lo

regexp , 前端 , Javascript

收藏 評論

huaweiclouddeveloper 頭像

華為雲開發者聯盟 - JS對象拷貝：深拷貝和淺拷貝

摘要：對象拷貝，簡而言之就是將對象再複製一份，但是，複製的方法不同將會得到不同的結果。 本文分享自華為雲社區《js對象深淺拷貝，來，試試看！》，作者： 北極光之夜。。 一.速識概念： 對象拷貝，簡而言之就是將對象再複製一份，但是，複製的方法不同將會得到不同的結果。比如直接給新變量賦值為一個對象： // 1.建一個對象 var obj = { name: "北極光之夜。",

拷貝構造函數 , 深拷貝 , 編程技巧 , 對象 , Javascript

收藏 評論

_607c00baa52ff 頭像

懟懟 - 【js】實現繼承的幾種方式

js繼承 原型鏈 構造函數 組合繼承(原型鏈 + 構造函數) 原型式繼承 寄生式繼承 寄生組合繼承 1.原型鏈繼承 將父類的實例作為子類的原型 //父類 function School(name) { //實例屬性 this.name = name || "父類" this.arr = [1] } //父類原型方法 School.prototype = {

繼承 , Javascript

收藏 評論

shanejix 頭像

shanejix - 現代 JavaScript 教程 —— JavaScript 編程語言篇

摘自 現代 JavaScript 教程;總結自己覺得重要/疏忽/未知的部分，閒來無事時看看，抓耳撓腮時看看。長篇預警！ ECMA-262 規範 最權威的信息來源(語言細節)，每年都會發佈一個新版本的規範 🚩最新的規範草案請見 https://tc39.es/ecma262/ 🚩最新最前沿的功能，包括“即將納入規範的”（所謂的 “stage 3”），請看這裏的提案 https://gith

前端工程師 , frontend , 前端 , Javascript

收藏 評論

huaweiclouddeveloper 頭像

華為雲開發者聯盟 - 學會這5種JS函數繼承方式，前端面試你至少成功50%

摘要：函數繼承是在JS裏比較基礎也是比較重要的一部分，而且也是面試中常常要問到的。下面帶你快速瞭解JS中有哪幾種是經常出現且必須掌握的繼承方式。掌握下面的內容面試也差不多沒問題啦~ 本文分享自華為雲社區《人類高質量JS函數繼承》，作者：北極光之夜。 一. 前言： 函數繼承是在JS裏比較基礎也是比較重要的一部分，而且也是面試中常常要問到的。下面帶你快速瞭解JS中有哪幾種是經常出現且必須掌握的繼

函數 , 面試 , 繼承 , 前端 , Javascript

收藏 評論

ruochuan12 頭像

若川 - 50行代碼串行Promise，koa洋葱模型原來是這麼實現？

1. 前言 大家好，我是若川。歡迎關注我的公眾號若川視野，最近組織了源碼共讀活動《1個月，200+人，一起讀了4周源碼》，感興趣的可以加我微信 ruochuan12 參與，長期交流學習。 之前寫的《學習源碼整體架構系列》 包含jQuery、underscore、lodash、vuex、sentry、axios、redux、koa、vue-devtools、vuex4十餘篇源碼文章。其中最新的兩篇是

node.js , koa , koa.js , 前端 , Javascript

收藏 評論

_607c00baa52ff 頭像

懟懟 - 【js】類(Class)

JavaScript中的Class 類的基本語法 類的繼承 修飾器 1. 類的基本語法 可以看成ES5中構造函數的語法糖，它的大部分功能ES5都可以做到 1.1 定義一個類 ES5 function Student(name,age){ this.name = name this.age = age } Student.prototype = { construc

類 , 繼承 , class , Javascript

收藏 評論

xiaohuaihuai_5e74ba460d087 頭像

小壞壞 - 第一個nodejs程序

推薦編輯器 記事本   是的，首先開發要明確一點，代碼才是一個項目的核心，編輯器只是一個輔助工具，一個能給予可靠的關鍵詞提示的工具，心中有代碼，處處能開發；   而代碼的運行也一樣，編輯器只是起到一個輔助的作用，給關鍵命令行提供了一個可靠的按鈕，只需要輕鬆點擊即可完成該命令行的執行，完成代碼的運行和debug；   所以要擅長運用命令行來運行代碼，不要過度依賴編輯器，這樣如果編輯器的某個按鈕出問題

node.js , yarn , es5 , npm , Javascript

收藏 評論

xiaohuaihuai_5e74ba460d087 頭像

小壞壞 - JS語言特性（下）

調包   即引用其他項目或者文件。   之所以需要把這個模塊單獨拎出來，是因為，一個語言能不能成氣候的其中的一個關鍵點在於能否模塊化；一個項目能否形成一個可觀的體量也離不開模塊化，簡單來説就是不同文件或項目間能否互相調用，es5和es6中都有着不同風格的引用方式，開發時要注意自己的開發環境以及語法格式 es5   有着AMD、CMD、CommonJS三種的引用方式，其中AMD（Asynchrono

ecmascript-6 , node.js , es5 , 前端 , Javascript

收藏 評論

_6085362b65292 頭像

HZFEStudio - ES5、ES6 如何實現繼承

完整高頻題庫倉庫地址：https://github.com/hzfe/aweso... 完整高頻題庫閲讀地址：https://febook.hzfe.org/ 相關問題 關於 ES5 和 ES6 的繼承問題 原型鏈概念 回答關鍵點 原型鏈繼承 構造函數繼承 ES6 類繼承 繼承是指子類型具備父類型的屬性和行為，使代碼得以複用，做到設計上的分離。JavaScript 中的繼承主要通過原型鏈和

ecmascript-6 , 繼承 , 原型鏈 , 前端 , Javascript

收藏 評論

bencjl 頭像

BENCJL - 嘗試檢測移動端click延時

據説移動端click有個延時300ms響應的機制，目的是為了區分單擊、雙擊。如果300ms內再次點擊，則判定為雙擊，移動端的雙擊用於縮放頁面；否則為單擊，執行click的事件處理函數。 取消click延時響應的3種做法： 設置視口標籤，禁用縮放頁面功能，瀏覽器也會相應取消對雙擊的響應。 利用touch系列事件包裝一組監聽器，只有touch持續時間小於某個值才歸為點擊（大於就是長按或者拖

移動端web , 前端 , Javascript

收藏 評論

_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

收藏 評論