tag Javascript

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

fangtangxiansheng 頭像

方糖先生 - 【單頁面應用 】發版後如何【通知用户端更新】

【單頁面 】發版後如何【通知用户端更新】 現象描述： 首先技術棧,是vue全家桶技術棧。典型spa單頁應用，每次有新功能的上線，都需要主動通知，使用者自主刷新頁面【強刷】，才能出現新功能。 產生原因： 每次打包發版【代碼有變化】，index.html,網站即入口文件是變化的。 但是在單頁面應用，頁面跳轉，都在同一個瀏覽器線程中，不會再一次請求index.html 資源，即使你對

webpack , spa , Javascript

收藏 評論

faker_5acebe0256c30 頭像

萬年打野易大師 - webpack配置使用PWA

pwa離線應用緩存使用APP在實際應用中很多會用到 重要插件：workbox-webpack-plugin 下載安裝 在webpack.config.js文件配置引入使用 plugins中添加 new WorkboxWebpackPlugin.GenrateSW({clientClaim: true, skipWaiting: true}) 使用，在入口文件引入service-worker //

node.js , pwa , npm , Javascript

收藏 評論

invalidnull 頭像

註銷 - 手動為 SAP Spartacus 添加 SSR 即服務器端渲染的步驟

ng add @spartacus/schematics --ssr 在用 SAP Spartacus 開發的 store 裏，能看到 devDependencies 裏具有 @spartacus/schematics 的依賴： 這是 SAP Spartacus Schematics 的一部分：https://sap.github.io/spartacus-docs/schematics. Sp

sap , spa , ssr , typescript , Javascript

收藏 評論

wszgrcy 頭像

wszgrcy - [Angular]單運行時多項目共享依賴方案

ngx-center 一箇中心,多個...... 使用介紹(視頻) 這是什麼? 一個 Angular 單運行時多項目共享依賴的解決方案 只啓動一個 Angular 平台(PlatformRef),其他子項目進行導出(類 es6 module),通過資源文件清單(或單獨 js 文件)進行請求加載 功能 支持子項目在開發時代碼變更的刷新 支持子項目調用主項目導出的命名(e

angular , webpack , angular2 , typescript , Javascript

收藏 評論

delia_5a38831addb7b 頭像

Delia - 大數據報表菜單欄問題

一，業務場景 該項目是一個大數據報表系統，使用php的Yii框架結合smarty，主要的業務報表分為兩種，一種是iframe嵌入的外鏈報表，還有項目自己的報表。 為了查看方便，項目增加了收藏和最近訪問報表菜單欄， 收藏菜單欄：根據後端$collet返回的數據遍歷生成二級菜單，並根據$menu_id，$url_tpl，$isWhiteTable控制class中是否添加open從而控

php , smarty , yii , jquery , Javascript

收藏 評論

kkocdko 頭像

kkocdko - 3 KB 的博客首頁，我是如何做到的？

這並不是一篇網絡上氾濫的“前端體積優化”文章。 百尺竿頭，更進一步！本文以我的博客為例，介紹極限控制頁面體積的奇技淫巧。 成果預覽 眼見為實，本人博客首頁 的網絡傳輸總體積為 2.6 KB。 本人的博客 Repo 在 kblog - GitHub，喜歡就給個 Star 唄~ 需求精簡 平淡無奇的頁面，體積再小，也不足為奇。我需要： 單頁面（SPA）。 使用 Material

material-design , Css , spa , 前端 , Javascript

收藏 評論

nulidexiaocongmang 頭像

MangoGoing - koa實踐總結

什麼是koa？ koa是Express的下一代基於Node.js的web框架。使用 koa 編寫 web 應用，通過組合不同的 generator，可以免除重複繁瑣的回調函數嵌套，並極大地提升常用錯誤處理效率。Koa 不在內核方法中綁定任何中間件，它僅僅提供了一個輕量優雅的函數庫，使得編寫 Web 應用和API變得得心應手。 Koa能幹什麼？ 主要用途 網站（比如cnode這樣的論壇） ap

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

收藏 評論

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

收藏 評論